BODY
{
  margin: 0 auto 0 auto;
  background-color: #c6c8ca !important;
}

.TMSBackgroundColor
{
  background-color: #c6c8ca !important;
}

.DataTable
{
  BORDER-RIGHT: thin groove;
  BORDER-TOP: thin ridge;
  FONT-SIZE: 10pt;
  TEXT-TRANSFORM: capitalize;
  BORDER-LEFT: thin ridge;
  BORDER-BOTTOM: thin groove;
  border-collapse: collapse;
  padding: 5px 5px 5px 5px;
  background-color: White;
}

.Toolbar
{
  BORDER-TOP: none 0px transparent;
  border-bottom: none 0px transparent;
  border-Left: none 0px transparent;
  border-right: none 0px transparent;
  FONT-SIZE: 10pt;
  TEXT-TRANSFORM: capitalize;
  border-collapse: collapse;
  padding: 5px 5px 5px 5px;
  background-color: Transparent;
}

.ToolbarItem
{
  border-right: none 0px white;
  border-bottom: none 0px transparent;
  border-Left: none 0px transparent;
  border-right: none 0px transparent;
}

.ToolRow
{
  border: solid 1px white;
  background-color: lightblue;
}

.HeaderRow
{
  color: White;
  background-color: #0082C8;
  text-align: left;
}

.HeaderItem
{
  font-family: Verdana;
  font-size: 10pt;
  font-weight: 400;
  white-space: nowrap;
  border-style: dashed;
  border-width: 1px;
}

.DataRow
{
  border: solid 1px white;
  background-color: white;
}

.AltDataRow
{
  border: solid 1px white;
  background-color: #a6c8ff;
}

.HighlightRow
{
  background-color: orange;
  cursor: pointer;
}

.InfoIndicator
{
  background-color: #FFEF56;
  cursor: pointer;
}

.DataItem
{
  padding: 2px 3px 2px 3px;
  font-family: "Lucida Grande", helvetica, verdana, arial, sans-serif;
  font-size: 9pt;
}

.DataItemNumeric
{
  padding: 2px 3px 2px 3px;
  font-family: "Lucida Grande", helvetica, verdana, arial, sans-serif;
  font-size: 9pt;
  text-align: right;
}

.Label
{
  padding: 2px 3px 2px 3px;
  font-family: "Lucida Grande", helvetica, verdana, arial, sans-serif;
  font-size: 9pt;
  color: Navy;
}

.Menu
{
  color: White;
  background-color: DimGray;
}

A.OpensNewWindow
{
  font-family: "Lucida Grande", helvetica, verdana, arial, sans-serif;
  color: blue;
  text-decoration: none;
}

  A.OpensNewWindow:visited
  {
    color: blue;
    text-decoration: none;
  }

  A.OpensNewWindow:hover
  {
    text-decoration: underline;
    color: white;
  }

A.ToolItem
{
  font-family: "Lucida Grande", helvetica, verdana, arial, sans-serif;
  color: white;
  text-decoration: none;
}

  A.ToolItem:visited
  {
    color: white;
    text-decoration: none;
  }

  A.ToolItem:hover
  {
    text-decoration: underline;
    color: white;
  }

.Message
{
  color: Navy;
  font-size: 14pt;
  border: dashed 2px Orange;
  background-color: Transparent;
  font-family: Arial;
  padding-left: 10px;
}

.RateMessage
{
  color: Navy;
  font-size: 14pt;
  border: 2px dashed orange;
  font-family: Arial;
  padding-left: 10px;
  border-style: solid;
  text-align: center;
  width: 98%;
  display: block;
  background-color: wheat;
}

.InputButton 
{
    background-color: Navy;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    font-family: "Lucida Grande", helvetica, verdana, arial, sans-serif;
}

input:disabled {
	font-style: italic;
	opacity: 0.7;
	border-style: none;
}
button:disabled {
	font-style: italic;
	opacity: 0.7;
	border-style: none;
}

.InputButtonSmall {
    border: 1px solid black;
    padding: 0px;
    background-color: Navy;
    border: none;
    font-size: 8pt;
    color: #fff;
    font-family: tahoma;
    cursor: pointer;
    margin: 0px;
}

.InputControl
{
  font-size: 9pt;
  border: solid 1px lightblue;
}

.InputControlNumeric
{
  font-size: 9pt;
  border: solid 1px lightblue;
  text-align: right;
}

.InputControlRequired
{
  background-color: #FFFF82 !important;
  border: 1px Solid Orange !important;
}
.ToggleInputControlRequired {
    background-color: #FF8C00 !important;
    border: 1px Solid Orange !important;
}

.InputControlRequired2 {
    /*background-color: White !important;*/
    background: #FAFAFA url(../Images/updated-design/required-asterisk.png) no-repeat !important;
    /*background-position: right center !important;*/
}
.InputControlReadOnly {
    font-size: 9pt;
    border: solid 1px white;
    background-color: #d3d3d3;
    color: #696969;
}

.InputControlReadOnlyBlack
{
  font-size: 9pt;
  border: solid 1px white;
  background-color: #d3d3d3;
  color: #000000;
}

.Hidden
{
  display: none;
}

.ImageButton
{
  border: none 0px;
  cursor: pointer;
}

.ImageButtonPageing
{
  border: none 0px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.tdTitle
{
  border-right: #333300 1px outset;
  border-top: #333300 1px outset;
  font-weight: 600;
  font-size: 11px;
  text-transform: capitalize;
  border-left: medium none;
  color: white;
  border-bottom: #000000 1px inset;
  font-style: normal;
  font-family: verdana;
  letter-spacing: normal;
  background-color: #0f94a7;
}

.tdInput
{
  border-right: medium none;
  border-top: medium none;
  font-weight: bold;
  font-size: 60%;
  color: black;
  font-family: verdana;
}

.tdLabel
{
  border-right: medium none;
  border-top: medium none;
  font-weight: bold;
  font-size: 10px;
  color: black;
  font-family: verdana;
}

.Border1
{
  border-right: black 1px solid;
  border-top: black 1px solid;
  border-left: black 1px solid;
  border-bottom: black 1px solid;
}

.SecurityMessage
{
  text-align: center;
  font-weight: bold;
  font-size: 14pt;
  color: Red;
}

.tmsFooterCss {
    background-color: #003333;
    width: 100%;
    height: 20px;
    text-align: center;
    FONT-SIZE: 7.5pt;
    COLOR: white;
    FONT-FAMILY: verdana;
}

.footer-text {
    margin: 0;
    padding: 0 0 0 50px;
    font-family: Verdana;
    color: #fff;
}

.FieldSetBaseForm
{
  border: solid 1px black;
}

.LegendBaseForm
{
  font-weight: bolder;
  font-size: 11px;
  font-family: Tahoma;
}

/* FamilyCode: LCC - Carrier Seletion  BEGIN */
.CS_Results_Header
{
  color: White;
  text-decoration: none;
  white-space: nowrap;
  padding-left: 1px;
  padding-right: 3px;
}

.CS_BENCHMARK_Row
{
  background-Color: Orange;
  border-color: orange;
  font-style: italic;
}

.CS_BENCHMARK_Tag
{
  padding-left: 5px;
  color: navy;
  font-weight: bold;
  font-size: 9px;
}

.CS_BILLABLE_Row
{
  background-Color: Orange;
  border-color: Orange;
  font-style: italic;
}

.CS_BILLABLE_Tag
{
  padding-left: 5px;
  color: navy;
  font-weight: bold;
  font-size: 9px;
}
/* FamilyCode: LCC - Carrier Seletion  END */

/* update panel BEGIN*/
.overlay
{
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0px;
  background-color: transparent;
  width: 100%;
  height: 100%;
  filter: Alpha(Opacity=80);
  opacity: 0.70;
  -moz-opacity: 0.80;
}

* html .overlay
{
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

.loader
{
  z-index: 100;
  position: fixed;
  width: 120px;
  margin-left: -60px;
  top: 0px;
  left: 25%;
}

* html .loader
{
  position: absolute;
}
/* update panel END */

/* Posting Panel BEGIN */
.PostingPanelTableHeader INPUT
{
  font-size: 10px;
}

.PostingPanelTableHeader TEXTAREA
{
  font-family: Verdana;
  font-size: 10px;
}

.PostingPanelTableHeader TH
{
  font-size: 11px;
  font-weight: normal;
  padding: 2px 1px 2px 1px;
  white-space: nowrap;
}

.PostingPanelTableHeader TD
{
  white-space: nowrap;
}

.PostingPanelTableGrid TH
{
  font-size: 11px;
  font-weight: normal;
  padding: 2px 1px 2px 1px;
  white-space: nowrap;
}

.PostingPanelTableGrid TD
{
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  padding: 1px 1px 1px 1px;
}
/* Posting Panel END */

/* Master Panel List BEGIN */
.MasterPanelListTblMoreConstraints
{
  background-color: #DCDCDC;
  border-right: Navy 1px Double;
  border-top: Navy 1px Double;
  border-left: Navy 1px Double;
  border-bottom: Navy 1px Double;
}

.MPLR /*MasterPanelListRow*/
{
  background-color: Window;
  cursor: pointer;
  border-left: ridge 1px #c6c8ca;
  border-top: ridge 1px #c6c8ca;
  border-right-style: none;
  border-bottom-style: none;
  padding: 0px 1px 0px 2px;
}

.MPLRA
{
  background-color: #A6C8FF;
  cursor: pointer;
  border-left: ridge 1px #c6c8ca;
  border-top: ridge 1px #c6c8ca;
  border-right-style: none;
  border-bottom-style: none;
  padding: 0px 1px 0px 2px;
}

.MasterPanelListRow
{
  background-color: Window;
  cursor: pointer;
  border-left: ridge 1px #c6c8ca;
  border-top: ridge 1px #c6c8ca;
  border-right-style: none;
  border-bottom-style: none;
  padding: 0px 1px 0px 2px;
}

.MasterPanelListRowAlternate
{
  background-color: #A6C8FF;
  cursor: pointer;
  border-left: ridge 1px #c6c8ca;
  border-top: ridge 1px #c6c8ca;
  border-right-style: none;
  border-bottom-style: none;
  padding: 0px 1px 0px 2px;
}

.MasterPanelListHeader
{
  background-color: #0082C8;
  color: White;
  cursor: default;
  border-left: ridge 1px #c6c8ca;
  border-top: ridge 1px #c6c8ca;
  border-right-style: none;
  border-bottom-style: none;
  padding: 0px 1px 0px 2px;
}

.MasterPanelListHighlightRow
{
  background-color: Orange;
}

.MasterPanelListGridButton
{
  padding: 0px 0px 0px 0px;
  font-size: 8pt;
  font-family: Tahoma;
  cursor: crosshair;
}

.MasterPanelListLblDataSetSaveMessage
{
  display: none;
  border-right: black 1px solid;
  border-top: black 1px solid;
  font-size: 10px;
  border-left: black 1px solid;
  border-bottom: black 1px solid;
  font-family: tahoma;
  background-color: white;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.MasterPanelListDivNoRecordMessage
{
  width: 100%;
  text-align: center;
  font-family: Verdana;
}

.MasterPanelListSelectedGroupByRow
{
  background-color: Orange;
}

.MasterPanelListSelectedRow
{
  background-color: #FFCC66;
}

.MasterPanelListdgResultsFrameStyle
{
  background-color: Transparent;
  border: solid 1px Black;
  font-family: Microsoft Sans Serif;
  font-size: 7.25pt;
  width: 100%;
}

.MasterPanelListEditCell
{
  font-size: 8pt;
}

.MasterPanelListdgResultRowTemplate
{
  background-color: Transparent;
  border-color: Transparent;
  border-style: ridge;
}

.MasterPanelListErrorRepeaterHeaderDiv
{
  text-align: center;
}

.MasterPanelListErrorRepeaterHeaderSpan
{
  font-weight: bold;
  font-size: 14pt;
  color: Navy;
  background-color: Transparent;
  border-style: none;
}

.MasterPanelListErrorRepeaterHeaderTable
{
  text-align: left;
  border-right: Solid 1px Black;
  border-top: Solid 1px Black;
  border-left: Solid 1px Black;
  border-bottom: Solid 1px Black;
}

.MasterPanelListDivWarpTemplate
{
  display: none;
}

.MasterPanelListDivDivProcessing {
  width: 250px;
  text-align: center;
  font-family: Tahoma;
  font-size: 16px;
  border-right: black 1px groove;
  border-top: black 1px groove;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  border-left: black 1px groove;
  padding-top: 5px;
  border-bottom: black 1px groove;
  background-color: #d3d3d3;
  height: 100px;
  vertical-align: middle;
}

.MasterPanelListLoadingTable
{
  height: 100%;
  border-collapse: collapse;
}
/* Master Panel List END */


/* Master Single Record Form BEGIN */
.MasterSingleRecordFieldGroupTitleLabel
{
  color: Blue;
  text-align: left;
}

.MasterSingleRecordFieldGroupTitleControl
{
  color: Blue;
  text-decoration: underline;
  text-align: left;
  CURSOR: pointer;
  padding-left: 20px;
}

.MasterSingleRecordFieldGroupLabel
{
  padding-left: 15px;
}

/* Master Single Record Form END */

/* Mapping Component BEGIN */
#divTMSMapInfo table
{
  border: solid 2px black;
  font-family: Verdana;
  font-size: 10px;
}

/* Mapping Component END */

/* BaseForm Entry  BEGIN */
.SuperscriptText
{
  vertical-align: super;
  font-size: smaller;
  color: Red;
}

.DisabledControl
{
  filter: gray;
  background-color: #d3d3d3;
}
/* BaseForm Entry  END */
/* Claims V2 START */
.ClaimsDiv
{
  cursor: default;
  margin-bottom: 5px;
  width: 950px;
}

.ClaimsDivCollapsed
{
  cursor: pointer;
  margin-bottom: 5px;
  width: 950px;
}

.ClaimsDivHeader
{
  padding: 3px;
  cursor: pointer;
  width: 950px;
}

.ClaimsIconSpan
{
  cursor: pointer;
}
/* Claims V2 END */

/* MasterPanelList RowStyle (DataColumn Driven) BEGIN */
/* EventManagment */
.MPL_EM_CustomRow1
{
  background-color: Red;
}

.MPL_EM_CustomRow2
{
  background-color: #99FF66;
}

.MPL_EM_CustomRow3
{
  background-color: #FFFF99;
}
/* MasterPanelList RowStyle (DataColumn Driven) END */
/* Jquery Dropdown Menu BEGIN */
#jsddm
{
  margin: 0;
  padding: 0;
}

  #jsddm li
  {
    float: left;
    list-style: none;
    font: 12px Tahoma, Arial;
  }

 #jsddm li a
{
    display: block;
    background: #324143;
    padding: 5px 12px;
    text-decoration: none;
    border-right: 1px solid white;
    width: 70px;
    color: #EAFFED;
    white-space: nowrap;
}

#jsddm li a:hover
{
    background: #24313C;
}

#jsddm li ul
{
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-top: 1px solid white;
}

#jsddm li ul li
{
    float: none;
    display: inline;
}

#jsddm li ul li a
{
    width: auto;
    background: #A9C251;
    color: #24313C;
}

#jsddm li ul li a:hover
{
    background: #8EA344;
}

.allcaps {
    text-transform: uppercase;
}


/* ==========================================================================
   New Global Styles Below
   ========================================================================== */

/* Include New Font */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i');


/* Change App Background Color */
BODY,
html,
html body,
.TMSBackgroundColor,
#body,
#aspnetForm {
    background-color: #E4EDF6 !important; /* changes body background color */
    font-family: 'Noto Sans', sans-serif !important; /* new font */
}

a {
    color: #1565C1;
}

hr {
    margin: 10px 0 10px !important;
}

/* ==========================================================================
   Helper Classes
   ========================================================================== */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/* ==========================================================================
   Top Nav
   ========================================================================== */

#menuHolder {
    background-color: #00244D !important;
    border: none !important;
    height: 30px !important;
}

#menuHolder a {
    background-color: #00244D !important;
    font-size: 12px !important;
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    line-height: 30px !important; /* Must be same height as #menuHolder*/
    color: #fff;
    border-color: #00244D;
    margin-right: 0;
    transition: all .15s ease-in-out;
    transition-property: color, background-color;
}

#menuHolder a:hover {
    color: #248AFF !important;
    background-color: #fff !important;
}

.dropdown-menu, dropdown-menu a {
    background-color: #00244D !important;
}

.dropdown-menu {
    border: 0px !important;
    padding-top: 0px;
    padding-bottom: 0px;
}


/* ==========================================================================
   Breadcrumbs Bar
   ========================================================================== */

table#tblMenu {
    border-bottom: 1px solid #BEC4CA !important;
}

table#tblMenu td {
    background-color: #E4EDF6 !important;
    color: #21262C !important;
    padding: 0 5px;
    border: none !important;
}

table#tblMenu td span {
    text-decoration: none !important;
}

table#tblMenu > tbody > tr td {
    border: none !important;
}

table#tblMenu table {
    border: none !important;
}


/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #248AFF;
    background: linear-gradient(90deg, #2282EE 0%, #258BFF 100%);
    height: 25px;
    text-align: left;
}

.footer ul {
    margin: 0;
    margin-left: 15px;
    font-family: Verdana;
    font-size: 12px;
    color: #fff;
}
  
.footer ul li {
    display: inline;
    line-height: 25px; /* Vertical centers text, this is the same height as .tmsFooterCss*/
}

/* ==========================================================================
   Buttons
   ========================================================================== */

/* Primary Button */
.InputButton,
#btnSubmit {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-size: 14px !important;
    font-weight: bold;
    font-style: normal !important;
    color: #fff;
    background-color: #1565C1;
    border: none;
    padding: 6px 12px !important;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.10), 0 2px 6px 0 rgba(33,38,44,0.12);
    transition: all .2s ease-in-out;
    transition-property: background-color, box-shadow;
    cursor: pointer;
    width: auto !important;
    height: auto !important;
}

.InputButton:hover,
.InputButton:focus,
#btnSubmit:hover,
#btnSubmit:focus {
    background-color: #3177C8;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.10), 0 4px 10px 0 rgba(33,38,44,0.15);
}

.InputButton:active,
#btnSubmit:active, {
    background-color: #1258A9;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.15);
}

/* Secondary Gray Button */
/* Note: you have to target secondary buttons by value since they share the primary button class name */
input[value="Clear Search"],
input[value="Add Row"],
input[value="Cancel"],
input[value="Refresh"],
#btnReset,
#btnClose,
.WBButton,
#btnClearQFilter,
.InputButtonSecondary,
.InputButtonSecondarySmall {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-size: 14px !important;
    font-weight: bold;
    color: #fff !important;
    background-color: #50565E !important;
    border: none;
    border-style: none !important;
    padding: 6px 12px !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.10), 0 2px 6px 0 rgba(33,38,44,0.12);
    transition: all .2s ease-in-out;
    transition-property: background-color, box-shadow;
    cursor: pointer;
    width: auto !important;
    height: auto !important;
}

input[value="Clear Search"]:hover,
input[value="Clear Search"]:focus,
input[value="Add Row"]:hover,
input[value="Add Row"]:focus,
input[value="Cancel"]:hover,
input[value="Cancel"]:focus,
input[value="Refresh"]:hover,
input[value="Refresh"]:focus,
#btnReset:hover,
#btnReset:focus,
#btnClose:hover,
#btnClose:focus,
.WBButton:hover,
.WBButton:focus,
#btnClearQFilter:hover,
#btnClearQFilter:focus {
    background-color: #656A71 !important;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.10), 0 4px 10px 0 rgba(33,38,44,0.15);
}

input[value="Clear Search"]:active,
input[value="Add Row"]:active,
input[value="Cancel"]:active,
input[value="Refresh"]:active,
#btnReset:active,
#btnClose:active,
.WBButton:active,
#btnClearQFilter:active {
    background-color: #464B52 !important;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.15);
}

/* Small Primary Button*/
.InputButtonSmall {
    padding: 5px 10px !important;
    background-color: #1565C1 !important;
    border: none;
    border-style: none !important;
    color: #fff !important;
    font-size: 12px;
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-weight: bold;
    margin: 0px;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.10), 0 2px 6px 0 rgba(33,38,44,0.12);
    border-radius: 2px;
    transition: all .2s ease-in-out;
    transition-property: background-color, color, box-shadow;
    cursor: pointer;
    width: auto !important;
    height: auto !important;
}

.InputButtonSmall:hover,
.InputButtonSmall:focus {
    background-color: #3177C8 !important;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.10), 0 4px 10px 0 rgba(33,38,44,0.15);
}

.InputButtonSmall:active {
    background-color: #1258A9 !important;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.15);
}

input.InputButtonSecondarySmall {
    padding: 5px 10px !important;
    font-size: 12px !important;
    margin: 0;
}

/* Buttons Inside Table Headers */
.HeaderRow .InputButton,
.HeaderRow .InputButtonSmall,
.HeaderRow #btnReset {
    background-color: #fff !important;
    color: #1565C1 !important;
}

#divStopsHeader .InputButton:hover,
#divStopsHeader .InputButton:focus ,
#divStopsHeader .InputButtonSmall:hover,
#divStopsHeader .InputButtonSmall:focus,
.HeaderRow #btnReset:hover,
.HeaderRow #btnReset:focus {
    color: #387CCA !important;
}

#divStopsHeader .InputButton:active,
#divStopsHeader .InputButtonSmall:active,
.HeaderRow #btnReset:active {
    color: #1258A9 !important;
}

/* Close Button Inside Table Headers */
.HeaderRow .InputButton[onclick="CloseLookupWindow()"] {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
}

/* Disabled Button State */
button:disabled {
    font-style: normal !important;
    opacity: 0.7;
    cursor: not-allowed;
}

/* back to claims pannel button */
#btnBackToSearch {
    display: inline-block;
    color: #1565C1 !important;
}

/* back to claims pannel input img */
#btnBackToSearch img {
    margin-right: 5px;
}

/* ==========================================================================
   Section Tabs
   ========================================================================== */

.dynamic-tab-pane-control .tab-row {
    background-color: #E4EDF6;
    width: 100%;
    display: block;
    padding-top: 12px;
    border-bottom: 1px solid #BEC4CA;
}

.dynamic-tab-pane-control .tab-row .tab {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    display: inline-block !important;
    position: static !important;
    float: none !important;
    background: #EAECF0 !important;
    width: auto !important; /* Makes the tab fit its text content, fixes hard coded width issue sin markup */
    padding: 8px 14px !important;
    border: 1px solid #BEC4CA !important;
    border-bottom: 1px solid #BEC4CA !important;
    margin: 0px !important;
    margin-bottom: -1px !important;
}

.dynamic-tab-pane-control .tab-row .tab a {
    font: 'Noto Sans', sans-serif !important; /* new font */
    font-size: 14px !important;
    font-weight: normal !important;
    color: #1565C1 !important;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
    border: 1px solid #BEC4CA !important;
    border-bottom: 1px solid #fff !important;
    background-color: #fff !important;
    margin: 0px !important;
    margin-bottom: -1px !important;
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
    color: #21262C !important;
}

.dynamic-tab-pane-control .tab-row .tab,
.dynamic-tab-pane-control .tab-row .tab a {
    cursor: pointer !important; /* Makes tab links look clickable */
}

.dynamic-tab-pane-control .tab-row .tab.selected,
.dynamic-tab-pane-control .tab-row .tab.selected a {
    cursor: default !important; /* Makes tab links look not clickable */
}

.dynamic-tab-pane-control .tab-page {
    top: 0px !important;
    border: 0px !important;
    background: none !important;
}


/* ==========================================================================
   Table Search Area 
   ========================================================================== */

table#tblSearch {
    background-color: #fff;
}

/* search checkbox td */
#trSearchRow td:first-of-type {
    padding-left: 10px !important;
    font-size: 14px !important;
    color: #21262C;
    vertical-align: middle;
}

/* search checkbox td span */
#trSearchRow td:first-of-type > span {
    font-size: 12px !important;
}

/* search checkbox input */
#trSearchRow #chkShowMoreConstraints {
    zoom: normal !important;
    margin: 0 0 0 5px !important;
    vertical-align: text-bottom;
}

/* search checkbox add text */
#trSearchRow #chkShowMoreConstraints + span {
    color: #1565C1 !important;
    text-decoration: none !important;
}

#trSearchRow .DataItem {
    padding: 8px 3px; /* Add more top and bottom padding to search section */
    border: none !important;
    background-color: transparent !important;
}

#trSearchRow .DataItem:last-of-type {
    width: auto !important;
}


/* ==========================================================================
   New Telerik Grid Styles
   ========================================================================== */

.RadGrid tr,
.RadGrid span,
.RadGrid a {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
}

.RadGrid_WebBlue {
    border: 0px !important;  /* Remove outside table border */
}

table.rgCommandTable, td.rgCommandCell {
    border: 0px solid transparent !important;
    border-color: transparent !important;
    padding: 5px;
}

.RadGrid_WebBlue .rgCommandRow {
    background: #E2E5EA !important;
    color: #fff;
}

.RadGrid_WebBlue .rgCommandRow a {
    color: #1565C1 !important;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    margin-left: 5px;
}

.RadGrid_WebBlue td.rgPagerCell {
    border: 0px !important;
    background-color: #fff;
}

/* Table Search Inputs */
.RadForm .rfdSelectText {
    color: #21262C !important; /* select text color */
    font-weight: 500;
}

.rfdSelectBox.rfdSelectBox_Office2010Blue .rfdSelect_selected {
    background-color: #D6DAE1 !important; /* select selected background color */
}

.rfdSelectBox.rfdSelectBox_Office2010Blue li:hover, .rfdSelectBox_Office2010Blue .rfdSelect_hovered {
    background-color: #E8EBED !important; /* select hover background color */
}

.RadForm .rfdSelect:hover {
    background-position: inherit !important; /* remove select yellow background change*/
}

.RadForm .rfdSelect:hover .rfdSelectOuter {
    background-position: right -22px !important; /* remove select yellow background change*/
}

#ColumnSearch_tbl input { /* search bar */
    height: 18px !important;
    vertical-align: top !important;
    border: 1px solid #93A3B9 !important;
    padding-left: 5px;
    font-weight: 500;
}

/* Add Search Constraint Popup */

#iframeMoreConstraints {
    width: 455px !important;
}

#divExtraContraints {
    margin-top: 8px;
    margin-left: 12px;
}

#tblMoreConstraints {
    width: auto !important;
    padding: 15px;
}

#tblMoreConstraints select {
    max-width: 110px !important;
}

/* Table Headers */
.RadGrid_WebBlue .rgHeader, .RadGrid_WebBlue th.rgResizeCol, .RadGrid_WebBlue .rgHeaderWrapper {
    border: 0px !important;
    border-left: 1px solid #1565C1 !important;
    background: #248AFF !important;
    transition: background .25s ease-in-out;
}

.RadGrid_WebBlue .rgHeader:hover, .RadGrid_WebBlue th.rgResizeCol:hover, .RadGrid_WebBlue .rgHeaderWrapper:hover {
    background: #1565C1 !important;
}

.RadGrid .rgHeader, .RadGrid th.rgResizeCol {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    font-size: 12px;
    font-weight: bold !important;                                                                                
}

/* changes table cell font size */
.RadGrid td {
    font-size: 12px !important;
}
.RadGrid td span {
    font-size: 12px !important;
}

/* Table Row Borders */
.RadGrid_WebBlue .rgAltRow td, .RadGrid_WebBlue .rgRow td {
    border: none !important;
    border-left: 1px solid #D6DAE1 !important;
    border-bottom: 1px solid #D6DAE1 !important;
}

/* Row Styles */
.rgRow {
    background-color: #fff;
}

/* Alt Row Styles */
.RadGrid_WebBlue .rgAltRow {
    background: #EFF0F3 !important;
}

/* Hovered Row */
.RadGrid_WebBlue .rgMasterTable .rgActiveCell,
.RadGrid_WebBlue .rgActiveRow,
.RadGrid_WebBlue .rgHoveredRow {
    background: #b6b9bf !important;
}

.RadGrid_WebBlue .rgMasterTable .rgActiveCell td,
.RadGrid_WebBlue .rgActiveRow td,
.RadGrid_WebBlue .rgHoveredRow td {
    padding-left: 7px !important;
}

/* Active Row - On Click */
.RadGrid_WebBlue .rgMasterTable .rgSelectedCell,
.RadGrid_WebBlue .rgSelectedRow {
    background: #939596 !important;
}

.RadGrid_WebBlue .rgMasterTable .rgSelectedCell td,
.RadGrid_WebBlue .rgSelectedRow td {
    padding-left: 7px !important;
}

/* First Col Padding */
.RadGrid_WebBlue .rgHeader:first-child, .RadGrid_WebBlue th.rgResizeCol:first-child, .RadGrid_WebBlue .rgFilterRow > td:first-child, .RadGrid_WebBlue .rgRow > td:first-child, .RadGrid_WebBlue .rgAltRow > td:first-child {
    border-left: 0px !important;
    padding-left: 7px !important;
}

/* Table Row Footer */
.RadGrid_WebBlue .rgFooterDiv,
.RadGrid_WebBlue .rgFooter,
.RadGrid_WebBlue .rgFooterWrapper {
    background: #FAFAFA !important;
}

.RadGrid_WebBlue .rgFooterDiv td,
.RadGrid_WebBlue .rgFooter td,
.RadGrid_WebBlue .rgFooterWrapper td {
    border-color: #FAFAFA !important;
}

/* Grid Icons */
.RadGrid_WebBlue .rgExpXLS,
.RadGrid_WebBlue .rgAdd,
.RadGrid_WebBlue .rgCancel,
.RadGrid .rgSave {
    background-position: top left !important;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.10), 0 2px 6px 0 rgba(33,38,44,0.12);
}

/* Refresh Icon */
.RadGrid_WebBlue .rgRefresh {
    background-position: top left !important;
    background-image: url(../Images/updated-design/refresh-icon.png) !important;
    margin-right: 0px !important;
}

/* Excel Download Icon */
.RadGrid_WebBlue .rgExpXLS {
    background-image: url(../Images/updated-design/download-icon.png) !important;
    width: 18px !important;
    height: 18px !important;
}

/* Add New Record Icon */
.RadGrid_WebBlue .rgAdd {
    background-image: url(../Images/updated-design/plus-icon.png) !important;
}

/* Cancel Changes Icon */
.RadGrid_WebBlue .rgCancel {
    background-image: url(../Images/updated-design/cancel-icon.png) !important;
}

.RadGrid .rgSave {
    background-image: url(../Images/updated-design/save-icon.png) !important;
}

/* Grid Pagination Icons */
.RadGrid_WebBlue .rgPageFirst,
.RadGrid_WebBlue .rgPagePrev,
.RadGrid_WebBlue .rgPageNext,
.RadGrid_WebBlue .rgPageLast {
    background-position: top left !important;
}

/* First Arrow Icon */
.RadGrid_WebBlue .rgPageFirst {
    background-image: url(../Images/updated-design/first-icon.png) !important;
}

/* Previous Arrow Icon */
.RadGrid_WebBlue .rgPagePrev {
    background-image: url(../Images/updated-design/previous-icon.png) !important;
}

/*  Next Arrow Icon */
.RadGrid_WebBlue .rgPageNext {
    background-image: url(../Images/updated-design/next-icon.png) !important;
}

/* Last Arrow Icon */
.RadGrid_WebBlue .rgPageLast {
    background-image: url(../Images/updated-design/last-icon.png) !important;
}

/* Number Links */
.RadGrid_WebBlue .rgNumPart a,
.RadGrid_WebBlue .rgNumPart a:hover,
.RadGrid_WebBlue .rgNumPart a:hover span,
.RadGrid_WebBlue .rgNumPart a.rgCurrentPage,
.RadGrid_WebBlue .rgNumPart a.rgCurrentPage span {
    background: none !important;
}

/* Current Page Link */
.RadGrid_WebBlue .rgNumPart a.rgCurrentPage {
    color: #248AFF !important;
}

/* Number Link Hover */
.RadGrid_WebBlue .rgNumPart a:hover {
    color: #248AFF !important;
}

/* Page Size Dropdown */
.RadComboBox_WebBlue .rcbInputCell, .RadComboBox_WebBlue .rcbArrowCell {
    background-image: none !important;
}

.rgWrap.rgAdvPart .rcbReadOnly {
    background-image: url(../Images/updated-design/page-dropdown-icon.png) !important;
}

.RadComboBoxDropDown_WebBlue {
    border-color: #BEC4CA !important;
    border-top: 0px !important;
}

/* search add more checkbox popup thing */

.MasterPanelListTblMoreConstraints {
    background-color: #fff;
    border: 1px solid #BEC4CA;
}


/* No search results text */

.rgNoRecords div {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 0 0;
}

/* Hide window icon */
.RadWindow a.rwIcon {
     background-image:none !important;
}

/* Table Row In Line Input Editing */
/* Used on Location Master */
html body .RadInput_Office2010Blue .riTextBox, html body .RadInputMgr_Office2010Blue {
    font: 'Noto Sans', sans-serif !important; /* new font */
    border-color: #248AFF !important;
    background: #FAFAFA !important;
    color: #21262C !important;
    outline: none;
    width: auto !important;
}

/* Table Row In Line Date Editing */
.RadPicker_WebBlue .rcCalPopup, 
.RadPicker_WebBlue .rcTimePopup {
    background: url("../Images/Calendar.gif") no-repeat !important;
}

/* ==========================================================================
   Alternative Table Grid Styles (not Telerik grid)
   ========================================================================== */

.HeaderRow,
.HeaderRow--white  {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-weight: bold;
    font-size: 12px;
    color: #fff !important;
    border-style: none !important;
    border: none;
}

.HeaderRow {
    background-color: #1565C1 !important;
}

.HeaderRow--white {
    color: #21262C !important;
    background-color: #fff !important;
}

.HeaderRow th {
    background-color: #248AFF !important;
    border: 1px solid #248AFF;
    border-right: 1px solid #1565C1;
    padding: 4px;
}

.HeaderItem { /* alternative table style header */
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-size: 12px !important;
    border-style: none !important;
    border-width: 0px !important;
    padding: 6px;
}

.DataItem {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    background-color: #fff;
    font-size: 12px;
}

.DataRow:hover {
    background: #E8EBED !important;
}

.AltDataRow {
    background-color: #EFF0F3 !important;
}

.HighlightRow, .HightlightRow {
  font-family: 'Noto Sans', sans-serif !important; /* new font */
  background-color: #D6DAE1;
  cursor: pointer;
  font-size: 12px;
  border: transparent !important;
}
.SearchTable .HighlightRow {
    border-color: grey !important;
}

.DataItemWhiteFill input[type="image"] {
    vertical-align: middle; /* center image icons */
}

.Label {
    padding: 2px 3px 2px 3px;
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-size: 12px;
    font-weight: bold;
    color: #21262C;
}

.ImageButtonPageing {
    width: auto;
    height: auto;
    vertical-align: middle;
}

/* ==========================================================================
   Global Form Styles 
   ========================================================================== */

#lblEntryMode {
    color: #fff !important;
}


/* input global styles */

.InputControl, 
.InputControlNumeric, 
#tblMoreConstraints input[type="text"] {
    box-sizing: border-box;
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-size: 12px !important;
    padding: 4px 4px 4px 4px;
    margin-bottom: 4px;
    background-color: #FAFAFA;
    border: 1px solid #D6DAE1 !important;
    border-radius: 2px !important;
    outline: none;
    color: #21262C;
    transition: all .15s ease-in-out;
    transition-property: color, border, background-color;
}

.InputControl:focus, 
.InputControlNumeric:focus, 
#tblMoreConstraints input[type="text"]:focus {
    border: 1px solid #248AFF !important;
    background-color: #FAFAFA;
}

/* required input style */

.InputControlRequired {
    padding: 4px 11px 4px 4px !important;
    border: 1px solid #D6DAE1 !important;
    background: #FAFAFA url(../Images/updated-design/required-asterisk.png) no-repeat !important;
    background-position: right center !important;
}

/* select input */

select,
select.InputControl,
select.InputControlRequired {
    box-sizing: border-box;
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-size: 12px !important;
    padding: 4px 24px 4px 4px !important;
    /*margin-bottom: 4px;*/
    background-color: #FAFAFA;
    border: 1px solid #D6DAE1 !important;
    border-radius: 2px !important;
    outline: none;
    color: #21262C;
    transition: all .15s ease-in-out;
    transition-property: color, border, background-color;
    background: border-box;
    background: #FAFAFA url(../Images/updated-design/select-dropdown.png) no-repeat !important;
    background-position: right center !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

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

select:focus,
select.InputControl:focus {
    border: 1px solid #248AFF !important;
    background-color: #FAFAFA;
}

/* required select input */

select.InputControlRequired {
    background: #FAFAFA url(../Images/updated-design/required-select-dropdown.png) no-repeat !important;
    background-position: right center !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}


/* numeric input overrides */

.InputControlNumeric {
    text-align: left;
}

/* read only inputs */

.InputControlReadOnly,
.InputControlReadOnlyBlack,
input[type="text"]:disabled {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-style: normal !important;
    font-size: 12px !important;
    padding: 4px;
    /*margin-bottom: 4px;*/
    background-color: #EAECF0 !important;
    border: 1px solid #D6DAE1 !important;
    border-radius: 2px !important;
    outline: none;
    color: #21262C;
    cursor: not-allowed;
    opacity: 1 !important;
}

/* input labels */

.tdInput { 
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-size: 12px !important;
    color: #363A40 !important;
}

input[type="checkbox"]:focus {
    outline: none;
}

/* targets icons attached to the ends of input fields, search, calendar, etc. */

.ImageButton {
    vertical-align: middle;
}

fieldset {
    border: 1px solid #D6DAE1 !important;
    padding: 8px 12px !important;
}

fieldset.FieldSetBaseForm {
    margin-bottom: 10px;
}

.tdInput img {
    vertical-align: middle;
}

.formcontainer {
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);
    border-radius: 2px;
    padding: 15px;
    margin-right: 10px;
    margin-top: 15px;
    border-top: 6px solid #D6DAE1;
}

.formheaderitem {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-size: 17px;
    font-weight: bold;
    color: #21262C;
    letter-spacing: -0.15px;
    line-height: 1;
    padding: 4px 0 14px 0;
    text-align: left;
}

.formheaderrow + tr {
    padding-top: 20px;
}


/* ==========================================================================
   Processing Request Modal (loading modal)
   ========================================================================== */

#DivProcessing, #radAjaxLoadingPanel {
    position: relative;
    margin: 0 !important;
}

#DivProcessing img, #radAjaxLoadingPanel .raDiv img {
    box-shadow: 0 2px 30px 0 rgba(0,0,0,0.10);
    width: 60px;
    height: 60px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
}


/* End Global Styles */
/* Page Specific Styles Below */


/* ==========================================================================
   Homepage
   ========================================================================== */

#formMenuMenu .HeaderRow {
    background-color: #1565C1 !important;
    padding: 5px;
    font-size: 14px !important;
    font-family: 'Noto Sans', sans-serif !important; /* new font */
}

#formMenuMenu table {
    margin-bottom: 5px;
}

#formMenuMenu td {
    padding: 2px;
}

#formMenuMenu table tbody table tbody {
    border: 1px solid #BEC4CA;
    background-color: #fff;
}

#formMenuMenu .DataItem {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-size: 14px !important;
}

#formMenuMenu .DataItem td {
    border: none !important
}

#formMenuMenu .DataItem td span {
    line-height: 1.4;
    color: #1565C1 !important;
    padding-left: 3px;
    text-decoration: none !important;
}

#formMenuMenu .DataItem td span:hover {
    color: #00244D !important;
}


/* ==========================================================================
   User Master > User Level Assigned Services Tab
   ========================================================================== */

#updatePanelLoadEntry #tblheader {
    padding-left: 10px;
    background-color: #fff !important;
}

#updatePanelLoadEntry #tblheader .HeaderRow {
    height: 40px;
    background-color: transparent !important;
    color: #21262C !important;
}

#updatePanelLoadEntry .HeaderRow input {
    vertical-align: middle !important;
    margin-top: 1px;
}

#updatePanelLoadEntry .HeaderRow i {
    font-style: normal !important;
    margin-left: 10px;
}

#updatePanelLoadEntry #divProdList {
    border: 1px solid #D6DAE1;
}

/* targets filter list */
#updatePanelLoadEntry table + table > tbody > tr > td:first-child {
    border: none !important;
    padding: 20px 0 0 10px;
}

/* targets the Remove Access & Add Access button table thing */
#updatePanelLoadEntry #tblProdGroupFilter + table {
    margin-top: 20px;
    border: 1px solid #7C8288 !important;
}

#updatePanelLoadEntry #tblProdGroupFilter + table td {
    padding: 5px !important;
}

#updatePanelLoadEntry .DataRow {
    border: solid 1px #D6DAE1;
    background-color: #fff !important;
}

#updatePanelLoadEntry .DataRow td {
    padding-left: 4px;
}

/* makes results table full width */
#gvResult, table.rgMasterTable {
    width: 100% !important;
}

#tblProdGroupFilter {
    margin-top: 10px;
    margin-right: 20px;
}


/* ==========================================================================
   Carrier Selection
   ========================================================================== */

/* centers the app */
.BodyWidth {
    margin: auto; 
    width: 100% !important;
    min-width: 800px !important;
    max-width: 1080px !important;
}

#ctl00_cphShipDetails_gvClass {
    margin-top: 10px;
}

/* targets weight class form search buttons */
#ctl00_cphShipDetails_gvClass .ImageButton {
    margin-left: -18px;
}

#ctl00_cphShipDetails_gvClass_ctl07_lblWeight {
    margin-top: 20px !important;
}

/* targets weight class form add row button */
#ctl00_cphShipDetails_gvClass .InputButton {
    margin-top: 10px;
}

/* targets submit quote button */
#ctl00_cphGetRatesButton_updRate .InputButton {
    margin-top: 10px;
    margin-right: 8px;
}

/* Search Results Table Popup Styles */

#ctl00_UpdatePanelLookupGrid table {
    background-color: #fff;
    font-size: 12px !important;
}

.RateMessage {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-weight: bold;
    color: #E91F19;
    padding: 12px;
    background-color: #FCDEDD;
    border: 1px solid #E91F19;
    width: 960px;
    margin-top: 10px;
}

#divLookupGrid {
    height: auto !important;
    border: 1px solid #D6DAE1 !important;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.20);
}

/* Results Table Style Overrides */

#cs_results-table {
    font-size: 12px; 
    background-color: #fff; 
    border: 1px solid #D6DAE1 !important;
}

#cs_results-table .CS_BENCHMARK_Row,
#cs_results-table .CS_BILLABLE_Row {
    background-color: #F3F5F6;
    border: none;
    font-style: normal;
    font-weight: bold;
    color: #1565C1;
}

#cs_results-table .AltDataRow {
    background-color: transparent !important;
}

#cs_results-table .CS_BENCHMARK_Row,
#cs_results-table .CS_BILLABLE_Row,
#cs_results-table .AltDataRow,
#cs_results-table .DataRow {
    cursor: default !important;
}

#cs_results-table .CS_BENCHMARK_Row:hover,
#cs_results-table .CS_BILLABLE_Row:hover,
#cs_results-table .AltDataRow:hover,
#cs_results-table .DataRow:hover {
    background-color: #E8EBED !important;
}


#cs_results-table .CS_BENCHMARK_Tag {
    color: #1565C1;
    font-weight: bold;
    font-size: 12px;
}

/* ==========================================================================
   BOL Entry
   ========================================================================== */

/* centers the app */
.divLoadEntry {
    margin: auto;
}

/* red created by text */
#ctl00_lblCreationInfo {
    color: #E91F19 !important;
}

#ctl00_updatePanelCarrierSelection #tdServiceDescription {
    width: 30% !important;
}

#ctl00_cphSpecialInfo_txtSpecialInstruction {
    margin-bottom: 10px;
}

#ctl00_updatePanelcphSpecialInfo .InputButton {
    margin-left: 20px;
}

#ctl00_updatePanelFormBtnControls {
    margin-top: 20px;
    margin-bottom: 20px;
}

#ctl00_updatePanelFormBtnControls hr {
    margin-bottom: 20px;
}

#spanSaveAsNew {
    vertical-align: middle;
}

.MasterSingleRecordFieldGroupTitleLabel,
.MasterSingleRecordFieldGroupTitleControl {
    color: #248AFF;
}

#ctl00_txtShipSearch,
#ctl00_txtConsSearch,
#ctl00_txtBil2Search {
    width: 182px;
}

/* Code */
#ctl00_txtBil2Code,
#ctl00_txtConsCode,
#ctl00_txtShipCode {
    width: 275px;
}

/* State/Provice */
#ctl00_txtBil2ST,
#ctl00_txtConsST,
#ctl00_txtShipST {
    width: 65px;
}

/* Postal Code */
#ctl00_txtConsZip,
#ctl00_txtShipZip,
#ctl00_txtBil2Zip {
    width: 134px;
}

/* Country */
#ctl00_txtConsCountry,
#ctl00_txtShipCountry,
#ctl00_txtBil2Country {
    width: 232px;
}

/* red help text */
.msgAutoGeneratedLoadNo i {
    font-size: 12px;
    font-weight: bold;
    font-style: normal !important;
    color: #E91F19 !important;
}

#divFormControls {
    text-align: center !important;
}

/* product information chart overrides */
#ctl00_cphProduct_gvProduct #ctl00_cphProduct_gvProduct_ctl02_txtProdDesc {
    width: 90% !important;
}

#ctl00_cphProduct_gvProduct .HeaderRow {
    background-color: none !important;
}

#ctl00_cphShipmentNotification_divShipmentNotificationDetails .DataItemWhiteFill {
    background-color: #fff;
}

#ctl00_cphShipmentNotification_divShipmentNotificationDetails .DataItemWhiteFill,
#ctl00_cphShipmentNotification_divShipmentNotificationDetails .AltDataRow {
    border: 1px solid #BEC4CA !important;
}

#ctl00_cphShipmentNotification_divShipmentNotificationDetails .DataItemWhiteFill .InputControl,
#ctl00_cphShipmentNotification_divShipmentNotificationDetails .AltDataRow .InputControl {
    margin: 5px 5px;
}

#ctl00_cphShipmentNotification_divShipmentNotificationDetails [align=center] .InputControl {
    border: none !important;
    background-color: transparent !important;
}

#tdServiceDescription .ImageButton {
    width: auto !important;
    margin-left: 5px;
}

/* Click to add Multi-stops header */
#divStopsHeader {
    max-width: 978px;
}

/* Hasmat Detail Popup */
#divHazmatDetail {
    background-color: #fff !important;
    border: 1px solid #7C8288 !important;
    width: auto !important;
}

/* Product Detail Popup */
#divProductRowDetail {
    background-color: #fff !important;
    border: 1px solid #7C8288 !important;
    width: auto !important;
}
/* Product Information Table Section */

#fsHazmatDetail,
#ctl00_cphProduct_gvProduct_ctl02_imgBtnShowHazmatDetail {
    border: none !important;
    vertical-align: middle;
}

.GridViewInsertingRow .InputControl {
    margin-bottom: 0px !important;
}

/* Service Description Dropdown Popup Overrides */

#divChoicesSvclvl,
#divChoicesTrailerType {
    background-color: #fff !important;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.20);
    border-radius: 2px;
    border: none !important;
    padding: 4px !important; 
}

#divChoicesSvclvl select,
#divChoicesTrailerType select {
    margin: 0;
}

#divChoicesSvclvl button,
#divChoicesTrailerType button {
    width: 18px;
    height: 18px;
    background-image: url(../Images/updated-design/cancel-icon.png) !important;
    background-repeat: no-repeat;
    background-color: #fff !important;
    border: none !important;
    text-indent: -9999px;
    vertical-align: middle;
    padding: 2px 14px 2px 6px !important;
}

#divChoicesSvclvl,
#divChoicesTrailerType,
#divChoicesMode {
    background-color: #fff !important;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.20);
    border-radius: 2px;
    border: none !important;
    padding: 4px !important;
}

#divChoicesSvclvl select,
#divChoicesTrailerType select,
#divChoicesMode select {
    margin: 0;
}

#divChoicesSvclvl button,
#divChoicesTrailerType button,
#divChoicesMode button {
    width: 18px;
    height: 18px;
    background-image: url(../Images/updated-design/cancel-icon.png) !important;
    background-repeat: no-repeat;
    background-color: #fff !important;
    border: none !important;
    text-indent: -9999px;
    vertical-align: middle;
    padding: 2px 14px 2px 6px !important;
}

/* ==========================================================================
   Posting Panel
   ========================================================================== */

.PostingPanelTableHeader table {
    border: 1px solid #BEC4CA !important;
}

#divMasterPagePanelDetail > table {
    border: none !important;
}

/* targets selected record table header */
#divMasterPagePanelDetail .HeaderRow:first-of-type {
    background-color: #248AFF !important;
}

#divMasterPagePanelDetail .HeaderRow:first-of-type td {
    font-size: 16px;
    font-weight: bold;
    padding: 10px !important;
    padding-left: 5px !important;
}

#ctl00_cphPostingPanelDetail_gvProduct,
#ctl00_cphPostingPanelDetail_gvCarrierStatus {
    font-size: 12px !important;
}

/* ==========================================================================
   Posting Panel
   ========================================================================== */

/* centers the app */
#Reporting #form1 {
    width: 600px;
    margin: 0 auto;
    padding-top: 40px;
}

#DivCashReceiptsGroupBy {
    margin-top: 10px;
}

#Reporting #btnBackToSearch {
    margin-top: 15px !important;
}

/* ==========================================================================
   Query Builder (Loads, Shipstatus, Freight )
   ========================================================================== */

/* moves the whole app down */
#FormQBMain {
    margin-top: 20px;
}

/* centers the app */
.ProgramDivAlign > * {
    margin: auto; 
}

/* targets Query Status section*/
#FormQBMain .ProgramDivAlign > table {
    border: none !important;
}

#FormQBMain .HeaderItem {
    font-size: 14px !important;
}

/* section tab overrides */
#FormQBMain .dynamic-tab-pane-control .tab-page {
    top: 20px !important;
    font-family: 'Noto Sans', sans-serif !important; /* new font */
}

#FormQBMain .dynamic-tab-pane-control .tab-row {
    background-color: #E4EDF6;
}

#FormQBMain .dynamic-tab-pane-control .tab-row .tab {
    background: #E4EDF6 !important;
    border: 1px solid transparent !important;
    border-bottom: 1px solid #BEC4CA !important;
}

#FormQBMain .dynamic-tab-pane-control .tab-row .tab.selected {
    border: 1px solid #BEC4CA !important;
    background-color: #EAECF0 !important;
    margin: 0px !important;
    margin-bottom: -1px !important;
}

/* targets filter list options */
#PanelTransferBoxes SELECT {
    font-size: 12px !important;
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    color: #21262C !important;
    padding: 0 0 0 10px !important;
    background: #fff !important;
}

/* targets bottom field info panel */
.WBFieldInfo {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 12px;
}

/* saved reports table */
table#gvSavedReports {
    border: 1px solid #7C8288;
    background-color: #fff;
    margin-top: 15px;
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 12px !important;
}

table#gvSavedReports th, 
table#gvSavedReports td {
    border: 1px solid #dae2e8;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* table header */
table#gvSavedReports thead th {
    background-color: #248AFF !important;
    border: 1px solid #248AFF;
    border-right: 1px solid #1565C1;
    font-size: 12px;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
}

table#gvSavedReports thead th a {
     color: #fff;
}

table#gvSavedReports span {
    color: #248AFF !important;
}

/* clear search buttons */
.WBButton {
    vertical-align: middle;
    text-transform: capitalize !important;
}

/* Query Builder Buttons */

#DivControl2 {
    text-align: center;
}

.subTotalButton {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-size: 14px !important;
    font-weight: bold;
    font-style: normal !important;
    color: #fff;
    background-color: #50565E;
    border: none;
    padding: 4px 10px !important;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.10), 0 2px 6px 0 rgba(33,38,44,0.12);
    transition: all .2s ease-in-out;
    transition-property: background-color, box-shadow;
    cursor: pointer;
    margin-bottom: 8px;
}

.subTotalButton:hover,
.subTotalButton:focus {
    background-color: #656A71 !important;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.10), 0 4px 10px 0 rgba(33,38,44,0.15);
}

.drag-handle {
    background-color: #248AFF !important;
    padding: 08px !important;
    font-size: 14px !important;
}

#LegendBaseForm {
    background-color: #fff;
}

td.clsTitle img {
    vertical-align: middle;
}

.QueryBuilderHeaderBackgroundColor,
.QueryBuilderHeaderBackgroundColor:hover {
    background-color: #F5FAFF !important;
    border: none;
}

/* ==========================================================================
   Track n Trace
   ========================================================================== */

#frmBottom  {
    padding: 10px;
}

/* targets Please select a record to view event detail... text */
#spnMessage {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-weight: bold;
    color: #00244D !important;
}

#frmBottom .EventTrackingTable  {
    margin-top: 10px;
    margin-bottom: 10px;
}

#frmBottom .EventTrackingTableHeader {
    border: none !important;
}

/* event table overrides */

.EventTrackingTable Caption {
    background-color: transparent !important;
    font-size: 14px !important;
    color: #21262C !important;
    padding: 6px;
}

.EventTrackingHeaderRow {
    font-size: 12px;
    background-color: #248AFF !important;
}

.EventTrackingHeaderRow th {
    border-right: 1px solid #1565C1 !important;
    padding: 4px !important;
}

.EventTrackingDataRow {
    background-color: #fff !important;
}

.EventTrackingDataRow td {
    border: 1px solid #B0B4B8 !important;
    font-size: 12px !important;
    padding: 4px !important;
}

.EventTrackingEditDataRow {
    background-color: #E8E9E9 !important;
    border: 1px solid #B0B4B8 !important;
}

.EventTrackingEditDataRow td {
    padding: 4px !important;
}

.EventTrackingEditDataRow td input,
.EventTrackingEditDataRow td select {
    font-size: 12px !important;
    margin-bottom: 0px !important;
}

.EventTrackingAltDataRow {
    background-color: #FAFAFA !important;
    font-size: 12px !important;
}

.EventTrackingAltDataRow td {
    vertical-align: middle;
}

.EventTrackingAltDataRow TD {
    padding: 4px !important;
    border-color: #B0B4B8 !important;
}

.EventTrackingTable {
    border-bottom: 1px solid #B0B4B8  !important;
}

/* ==========================================================================
   Change Password
   ========================================================================== */

#divChangePassword {
    background-color: #fff;
    width: 500px;
    margin: auto;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);
    border-radius: 2px;
    padding: 0 10px 20px 10px;
}

#divChangePassword #tblUserProfileData {
    border: none !important;
    margin-top: 20px;
}

#divChangePassword .HeaderRow {
    background-color: transparent !important;
    padding: 15px 0 !important;
}

#divChangePassword .HeaderRow span {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-weight: bold !important;
    font-size: 16px !important;
    color: #21262C !important;
}

#divChangePassword table {
    border: none !important;
}

#divChangePassword  .tdInput {
    padding: 0 0 4px 10px;
}

#divChangePassword .InputButton {
    margin-left: -16px;
}

/* ==========================================================================
   Optimization
   ========================================================================== */

.MasterPanelListdgResultsFrameStyle td[bgcolor="f5f5f5"] {
    border: 1px solid #dae2e8;
}

.MasterPanelListdgResultsFrameStyle {
    border: 1px solid #dae2e8;
    margin-bottom: 10px;
}

#optimization-view div#UpdatePanel1 {
    width: 100% !important;
}

.MasterPanelListHeader {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-weight: bold;
    font-size: 12px;
    color: #fff !important;
    border-style: none !important;
    border: 1px solid #1565C1 !important;
    background-color: #248AFF !important;
}

.MasterPanelListHeader span {
    color: #fff !important;
}

.MPLR, .MPLRA {
    background-color: #fff;
    border: 1px solid #dae2e8;
    vertical-align: middle !important;
    font-size: 12px;
}

.MPLR td,
.MPLRA td {
    padding: 4px;
}

.MasterPanelListdgResultsFrameStyle select {
    font-size: 12px !important;
    color: #000 !important;
    height: auto !important;
    margin-bottom: 0; 
}

.resetBackgroundColor {
    background-color: inherit;
}
/* ==========================================================================
   Claim Entry
   ========================================================================== */

#claim-entry #claim-entry-container {
    width: 950px;
    margin: auto;
    margin-top: 20px;
}

#claim-entry .ClaimsDiv {
    margin-bottom: 20px;
}

/* targets expand all / collapse all buttons */
.expand-all-btn,
.collapse-all-btn {
    font-family: 'Noto Sans', sans-serif !important; /* new font */
    font-weight: bold;
    color: #1565C1 !important;
    background-color: #fff !important;
    padding: 8px 6px 10px 6px !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 3px 0 rgba(33,38,44,0.10), 0 2px 6px 0 rgba(33,38,44,0.12);
    margin-bottom: 20px !important;
}

.expand-all-btn img,
.collapse-all-btn img {
    vertical-align: middle;
}

#claim-entry .ClaimsIconSpan img {
    vertical-align: middle;
}

#btnBackToSearch img {
    vertical-align: bottom !important;
}

.ClaimsIconSpan {
    vertical-align: middle;
}

#PaymentsUpdatePanel .SmallerTextCutOff {
    text-overflow: ellipsis;
    max-width: 130px;
    overflow: hidden;
    white-space: nowrap;
}

#PaymentsUpdatePanel .TextCutOff {
    text-overflow: ellipsis;
    max-width: 170px;
    overflow: hidden;
    white-space: nowrap;
}

/* ==========================================================================
   Profile Maintenance
   ========================================================================== */

/* Center app */
div#UpdatePanel1 {
    width: 600px;
    margin: auto;
}

#tbl_DivisionSelection {
    margin-top: 10px;
    vertical-align: middle;
}

/* add margin to the quick fiter search input */
#UpdatePanel1 #txtQuickFilter {
    margin: 10px 0;
}

._LblMoveCount {
    color: #1565C1 !important;
}

/* update pannel table header overrides */
#UpdatePanel1 #G_dgResults th {
    background-color: #248AFF;
    color: red !important;
    border: none !important;
    border-right: 1px solid #1565C1 !important;
}

#UpdatePanel1 #G_dgResults th font {
    color: #fff !important;
    font-size: 12px !important;
}

.MasterPanelListRowAlternate {
  background-color: #FAFAFA;
  padding: 0px 1px 0px 2px;
}

/* Show/Hide Column Set Fieldset */

#frmMasterList .fieldsetbaseform {
    margin-bottom: 10px;
}

/* Changes Saved Box */

#lblChangesSaved {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #00AB5B;
    padding: 6px;
    background-color: #fff;
    box-sizing: border-box;
}

/* help overlay overrides */

.WBHelpSticky {
    background-color: #fff !important;
    border: 1px solid #D6DAE1 !important;
    font-size: 12px;
    padding: 6px;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.20);
}

/* ==========================================================================
   Modeling
   ========================================================================== */

#dgProfile, #DGTariffList {
    background-color: #fff !important;
}

/* ==========================================================================
   Login Screen
   ========================================================================== */

#app-login-view, body, #form1 {
    height: 100%;
}

#app-login-view #headerDiv {
    position: absolute;
    top: 0;
}

#app-login-view #tblTMSFooter {
    position: absolute;
    bottom: 0;
}

#tblLogin {
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-top: -50px;
}

#tblLogin td {
    border: none;
}

#tblLogin .tdInput {
    padding-bottom: 4px;
}

#divLoginMessage {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #E91F19;
}

/* ==========================================================================
   Popup Windows
   ========================================================================== */

.RadWindow {
    box-shadow: 0 30px 40px 0 rgba(0,0,0,0.15);
    border: 1px solid #BEC4CA;
}

.RadWindow_Office2010Blue .rwTopLeft, .RadWindow_Office2010Blue .rwTopRight, .RadWindow_Office2010Blue .rwTitlebar, .RadWindow_Office2010Blue .rwFooterLeft, .RadWindow_Office2010Blue .rwFooterRight, .RadWindow_Office2010Blue .rwFooterCenter, .RadWindow_Office2010Blue .rwTopResize, .RadWindow_Office2010Blue .rwStatusbar div, .RadWindow_Office2010Blue .rwStatusbar, .RadWindow_Office2010Blue .rwPopupButton, .RadWindow_Office2010Blue .rwPopupButton span, .RadWindow_Office2010Blue.rwMinimizedWindow .rwCorner, .RadWindow_Office2010Blue .rwBodyLeft, .RadWindow_Office2010Blue .rwBodyRight, .RadWindow_Office2010Blue .rwStatusbarRow .rwCorner {
    background-image: none !important;
    background-color: #fff;
}

.RadWindow .rwWindowContent {
    border: 1px solid #BEC4CA;
}

.RadWindow_Office2010Blue table.rwTitlebarControls em {
    color: #21262C !important;
    margin-left: -20px;
}

.RadWindow .rwControlButtons {
    margin-right: -8px !important;
}

.RadWindow .rwTitleRow em {
    font: normal bold 13px 'Noto Sans', sans-serif !important; /* new font */
    padding: 4px 0 0 1px !important;
}


/* Popup OK / Cancel buttons */

.RadWindow .rwDialogPopup .rwPopupButton, 
.RadWindow .rwDialogPopup .rwPopupButton span  {
    background-color: #D6DAE1;
    cursor: pointer;
    font-weight: bold;
    border-radius: 2px;
}

/* ==========================================================================
   Notification Boxes
   ========================================================================== */

.notification-wrapper {
    font-family: 'Noto Sans', sans-serif; /* new font */
    box-sizing: border-box; /* for padding to not count against the width */
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-top: 80px;
    overflow: scroll;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease-in-out;
}

.notification-wrapper.visible {
    opacity: 1;
    visibility: visible;
    z-index: 100;
}

.notification-inner {
    max-width: 580px;
    margin: auto;
    padding: 0 16px 5px 16px;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease-in-out;
    margin-top: 60px;
}

.notification-wrapper.visible .notification-inner {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

#notification-close {
    display: block;
    float: right;
    text-align: right;
    width: 16px;
    height: 16px;
    background-image: url("../Images/updated-design/notification-close.png");
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity .25s ease-in-out;
    padding: 6px;
    margin-right: -6px;
    margin-bottom: 9px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: all .4s ease-in-out .2s;
}

.notification-wrapper.visible #notification-close {
    opacity: .5;
    visibility: visible;
    transform: scale(1);
}

.notification-wrapper.visible #notification-close:hover {
    opacity: 1;
}

#notification-close span {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.notification {
    font-size: 15px;
    clear: both;
    padding: 20px 20px 10px 20px;
    margin-bottom: 15px;
    background-color: #fff;
    border: 1px solid #E8E9E9;
    box-shadow: 0 5px 40px 0 rgba(0,0,0,0.15);
    border-radius: 2px;
}

.notification-heading {
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    color: #21262C;
    margin: 0 0 10px 0;
}

.notification p {
    color: #21262C;
    line-height: 22px;
    margin: 0 0 10px 0;
}

.notification a,
.notification span {
    text-decoration: none !important;
    color: #248AFF !important;
    transition: all .25s ease-in-out;
    border-bottom: 1px solid transparent;
}

.notification a:hover,
.notification span:hover{ 
    border-bottom: 1px solid #248AFF;
}

.notification p span {
    display: none;
}

.notification ul {
    padding: 0;
    margin-left: 1em;
}

.notification li {
    margin: 0 0 10px 0;
}

.notification.error .notification-heading { color: #EA211A; }
.notification.error { border-left: 3px solid #EA211A; }

.notification.warning .notification-heading { color: #fe8500; }
.notification.warning { border-left: 3px solid #fe8500; }


.notification.note .notification-heading { color: #248AFF;}
.notification.note { border-left: 3px solid #248AFF; }

.notification.success .notification-heading { color: #00AD5C;}
.notification.success { border-left: 3px solid #00AD5C; }

/* Product Text Overflow Protection */
.prodInfoTextOverflow {
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.postingPanelProdInfoTextOverflow {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PostalCodePaddingSpace {
    padding-left: 5px;
    padding-right: 5px;
}

/* Profile Maintence Table */
#UpdatePanel1 #GridView1 tr.DataRow td,
#UpdatePanel1 #GridView1 tr.AltDataRow td,
#UpdatePanel1 #GridView1 tr.HighlightRow td {
    border: solid 1px white;
}

#UpdatePanel1 #GridView1 tr.DataRow,
#UpdatePanel1 #GridView1 tr.AltDataRow,
#UpdatePanel1 #GridView1 tr.HighlightRow {
    font-family: tahoma !important;
}

.no-x-delete::-ms-clear {
    display: none;
}

.DivLookupGrid {
    position: absolute;
    height: 150px;
    display: none;
    background-color: #fff;
}
.LoadEntryProductWeight {
    min-width: 60px;
}