body {
}

@font-face {
  font-family: 'HelveticaNeueLTPro35Thin';
  src: url('/Fonts/HelveticaNeueLTPro-Thin35.otf') format("opentype");
  unicode-range: U+000-5FF;
}

@font-face {
  font-family: 'HelveticaNeueLTPro45';
  src: url('/Fonts/HelveticaNeueLTPro-Lt.ttf');
  unicode-range: U+000-5FF;
}

@font-face {
  font-family: 'HelveticaNeueLTPro55';
  src: url('/Fonts/HelveticaNeueLTStd-55-roman_0.otf');
  unicode-range: U+000-5FF;
}

@font-face {
  font-family: 'HelveticaNeueLTPro35';
  src: url('/Fonts/HelveticaNeueLTPro-Th_1.ttf');
  unicode-range: U+000-5FF;
}

.menu {
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin' !important;
  font-size: 13px !important;
  background-color: transparent !important;
  color: black !important;
}

.menu-item {
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin' !important;
  font-size: 16px !important;
  background-color: transparent !important;
  color: black !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

  .menu-item a {
    cursor: pointer !important;
    color: black !important;
  }

    .menu-item a:visited, a:active, a:link {
      text-decoration: none !important;
      color: black !important;
    }

    .menu-item a:hover {
      text-decoration: none !important;
      color: black !important;
    }

.submenu {
  padding: 15px 25px 15px 25px !important;
  width: 225px !important;
  background-color: #f5f5fd !important;
  text-align: left !important;
}

.submenu-item {
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin' !important;
  font-size: 18px !important;
  background-color: transparent !important;
  color: #333 !important;
  padding: 3px 10px !important;
  text-align: left !important;
}

  .submenu-item a {
    cursor: pointer !important;
    color: #333 !important;
    text-align: left !important;
  }

    .submenu-item a:visited, a:active, a:link {
      text-decoration: none !important;
      color: #333 !important;
      text-align: left !important;
      float: left !important;
    }

    .submenu-item a:hover {
      text-decoration: none !important;
      color: black !important;
      text-align: left !important;
    }

.menu-item-user {
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin' !important;
  font-size: 18px !important;
  background-color: transparent !important;
  color: black !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

  .menu-item-user a {
    cursor: pointer !important;
    color: black !important;
    background-color: transparent !important;
  }

    .menu-item-user a:visited, a:active, a:link {
      text-decoration: none !important;
      color: black !important;
      background-color: transparent !important;
    }

    .menu-item-user a:hover {
      text-decoration: none !important;
      color: black !important;
      background-color: transparent !important;
    }

.submenu-user {
  padding: 15px 0px 15px 15px !important;
  background-color: #f5f5fd !important;
  text-align: right !important;
}

.submenu-item-user {
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin' !important;
  font-size: 18px !important;
  background-color: transparent !important;
  color: #333 !important;
  padding: 3px 0px !important;
  text-align: right !important;
}

  .submenu-item-user a {
    cursor: pointer !important;
    color: #333 !important;
    text-align: right !important;
  }

    .submenu-item-user a:visited, a:active, a:link {
      text-decoration: none !important;
      color: #333 !important;
      text-align: right !important;
    }

    .submenu-item-user a:hover {
      text-decoration: none !important;
      color: black !important;
      text-align: right !important;
    }

.page {
  padding-top: 0px;
  background-color: #005676;
  background-repeat: repeat-x;
  border: 0px;
  clear: both;
}

.solera_grid {
  /*font-family: 'Segoe UI' !important;*/
  font-size: 11px !important;
}

.SegoeUI {
  font-family: 'Segoe UI' !important;
}

.hidden {
  display: none !important;
}

.home-page-group-button {
  float: left;
  margin-left: 2%;
  margin-top: 0.8%;
  width: 14.1%;
  height: 87.4%;
  cursor: pointer;
}

.home-page-group-button1 {
  float: left;
  margin-left: 30px;
  margin-top: 14px;
  width: 161px;
  height: 130px;
  cursor: pointer;
}

.home-page-big-button {
  float: left;
  width: 584px;
  height: 457px;
  cursor: pointer;
}

.home-page-mid-button {
  float: left;
  width: 584px;
  height: 224px;
  cursor: pointer;
}

.footer-title {
  height: 15px;
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin';
  font-size: 13.3px;
  font-weight: bold;
  color: #58595b;
  padding-bottom: 8px;
}

.footer-link {
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin';
  font-size: 12px;
  font-weight: 400;
  color: #939598;
  padding-bottom: 4px;
}

div.ar-outer {
  width: 86%; /* container; whatever width you want */
  margin: 0 auto; /* centered if you like */
}

div.ar40 {
  clear: both;
  width: 100%; /* 100% of width of container */
  padding-bottom: 40%; /* 75% of width of container */
  position: relative;
}

div.ar13 {
  clear: both;
  width: 100%; /* 100% of width of container */
  padding-bottom: 13%; /* 75% of width of container */
  position: relative;
}

div.ar-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.centerDiv {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.GridFocusedRow .dxgv {
  background: #f8f8f8 !important;
  color: black !important;
  font-weight: bold !important;
}

.GridFocusedRow1 .dxgv {
  background: #fafafa !important;
  font-weight: bold !important;
}

.GridFocusedRow2 .dxgv {
  font-weight: bold !important;
  background: #fbfbff !important;
}

.PopupHdrText {
  float: left;
  font-family: 'Segoe UI';
  /*color: #0072c6;*/
  color: darkorange;
  font-size: 17px;
  font-weight: 600;
}

.Pointer {
  cursor: pointer !important;
}

.PopupHdrIcon {
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-size: cover !important;
}

.PopupHdrIcon10 {
  background-position: center;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  cursor: pointer;
  background-size: cover !important;
}

.PopupHdrIcon15 {
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  cursor: pointer;
  background-size: cover !important;
}

.PopupHdrIcon18 {
  background-position: center;
  background-repeat: no-repeat;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer;
  background-size: cover !important;
}

.GridImgIcon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer;
}

.PopupHdrSaveIcon {
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-image: url('/img/btnSave.png');
}

.PopupHdrCloseIcon {
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-image: url('/img/btnClose2.png');
}

.DisabledHdrIcon {
  background-position: center;
  background-repeat: no-repeat;
  width: 25px !important;
  height: 25px !important;
  transition: background-color .25s ease;
  cursor: not-allowed;
  opacity: 0.1 !important;
}

.PopupHdrAddIcon {
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-image: url('/img/btnAdd.png');
}

.tdh {
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin' !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 3px 0px;
  color: steelblue;
  text-align: right;
  vertical-align: top;
}

.tdh-left {
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin' !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 3px 0px;
  color: steelblue;
  vertical-align: top;
}

.td {
  padding: 3px 0px 3px 10px;
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin' !important;
  font-size: 13px !important;
  vertical-align: top;
}

.ReadOnly {
  background-color: #f4f4f4;
  color: #333;
}

.home_title {
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin' !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: orangeRed !important;
  text-align: right;
}

.home_user_title {
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin' !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: SteelBlue !important;
  text-align: right;
}

.HelvThin22 {
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin' !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: SteelBlue !important;
}

/**********************************************************************************************************************************************/
/*  Buttons                                                                                                                                   */
/**********************************************************************************************************************************************/
.DivBtn {
  width: auto;
  height: auto;
  display: inline;
  background-color: #dddddd;
  -moz-transition: background-color .25s ease;
  -webkit-transition: background-color .25s ease;
  -o-transition: background-color .25s ease;
  transition: background-color .25s ease;
  cursor: pointer;
  padding: 4px 10px;
  font-family: 'Segoe UI', 'Helv45' !important;
  font-size: 11px !important;
  font-weight: normal !important;
  text-align: center;
  color: #444;
  border: 1px solid #444;
}

  .DivBtn:hover {
    color: #000;
    background-color: #eeeeee;
  }

.DivBtn1 {
  width: auto;
  height: auto;
  display: inline;
  background-color: #f0693b;
  -moz-transition: background-color .25s ease;
  -webkit-transition: background-color .25s ease;
  -o-transition: background-color .25s ease;
  transition: background-color .25s ease;
  cursor: pointer;
  padding: 4px 10px;
  font-family: 'Segoe UI', 'Helv45' !important;
  font-size: 11px !important;
  font-weight: normal !important;
  text-align: center;
  vertical-align: central;
  border: 1px solid #444;
  color: #FFF;
}

  .DivBtn1:hover {
    background-color: #a15206;
  }

.DivBtn2 {
  width: auto;
  height: auto;
  display: inline;
  background-color: #f0f0f0;
  -moz-transition: background-color .25s ease;
  -webkit-transition: background-color .25s ease;
  -o-transition: background-color .25s ease;
  transition: background-color .25s ease;
  cursor: pointer;
  padding: 4px 10px;
  font-family: 'Segoe UI', 'Helv45' !important;
  font-size: 11px !important;
  font-weight: normal !important;
  text-align: center;
  vertical-align: central;
  border: 1px solid #444;
  color: #000;
}

  .DivBtn2:hover {
    background-color: #e0e0e0;
  }

.DivBtn3 {
  width: auto;
  height: auto;
  display: inline;
  background-color: aqua;
  -moz-transition: background-color .25s ease;
  -webkit-transition: background-color .25s ease;
  -o-transition: background-color .25s ease;
  transition: background-color .25s ease;
  cursor: pointer;
  padding: 4px 10px;
  font-family: 'Segoe UI', 'Helv45' !important;
  font-size: 11px !important;
  font-weight: normal !important;
  text-align: center;
  vertical-align: central;
  border: 1px solid #444;
  color: #333;
}

  .DivBtn3:hover {
    background-color: lightcyan;
  }

.DivBtn4 {
  width: auto;
  height: auto;
  display: inline;
  background-color: gold !important;
  -moz-transition: background-color .25s ease;
  -webkit-transition: background-color .25s ease;
  -o-transition: background-color .25s ease;
  transition: background-color .25s ease;
  cursor: pointer;
  padding: 4px 10px;
  font-family: 'Segoe UI', 'Helv45' !important;
  font-size: 11px !important;
  font-weight: normal !important;
  text-align: center;
  vertical-align: central;
  border: 1px solid #444;
  color: black !important;
}

  .DivBtn4:hover {
    background-color: goldenrod !important;
    color: white !important;
  }

.DivBigBtn3 {
  width: auto;
  height: auto;
  display: inline;
  background-color: aqua;
  -moz-transition: background-color .25s ease;
  -webkit-transition: background-color .25s ease;
  -o-transition: background-color .25s ease;
  transition: background-color .25s ease;
  cursor: pointer;
  padding: 8px 15px;
  font-family: 'Segoe UI', 'Helv45' !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  text-align: center;
  vertical-align: central;
  border: 1px solid #444;
  color: #333;
}

  .DivBigBtn3:hover {
    background-color: lightcyan;
  }

.DivBtnDisabled {
  width: auto;
  height: auto;
  display: inline;
  background-color: #eee;
  -moz-transition: background-color .25s ease;
  -webkit-transition: background-color .25s ease;
  -o-transition: background-color .25s ease;
  transition: background-color .25s ease;
  cursor: default;
  padding: 4px 10px;
  font-family: 'Segoe UI';
  font-size: 10px;
  text-align: center;
  border: 1px solid #444;
  color: #888;
}


.DivGridBtn {
  width: auto;
  height: 18px;
  line-height: 18px;
  text-align: center !important;
  background-color: steelblue;
  color: #fff;
  font-size: 9px;
  font-family: 'Segoe UI';
  font-weight: 300;
  cursor: pointer;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  text-decoration: none;
}

  .DivGridBtn:hover {
    background-color: #a15206;
    text-decoration: underline;
  }

.DivGridBtn1 {
  width: auto;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: darkorange;
  color: #fff;
  font-size: 9px;
  font-family: 'Segoe UI';
  font-weight: 300;
  cursor: pointer;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  display: flex;
}

  .DivGridBtn1:hover {
    background-color: red;
    text-decoration: underline;
  }

.DivGridBtn2 {
  width: auto;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-color: mediumseagreen;
  color: #fff;
  font-size: 10px;
  font-family: 'Segoe UI';
  font-weight: 300;
  cursor: pointer;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  display: flex;
}

  .DivGridBtn2:hover {
    background-color: darkolivegreen;
  }

.DivDashboardBtn {
  width: 38px !important;
  height: 25px !important;
  background-color: #dddddd;
  background-image: url('/Img/btnDashboard.png');
  background-size: cover;
  cursor: pointer;
}

  .DivDashboardBtn:hover {
    color: #000;
    background-image: url('/Img/btnDashboard-Hover.png');
  }

/**********************************************************************************************************************************************/

.MoveFilter td {
  float: left;
  padding: 0px;
  margin: 0px;
}

.UnMoveFilter td {
  float: none !important;
}


.BandHeader {
  float: none !important;
  text-align: center !important;
  font-weight: bold;
  width: 100% !important;
}

.PopupMenu {
  font-family: 'Segoe UI', 'Helv45' !important;
  font-weight: 400 !important;
  font-size: 10px !important;
  padding: 5px 10px !important;
  background-color: White !important;
  border: 1px solid DodgerBlue !important;
  border-left: 30px solid DodgerBlue !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  -moz-box-shadow: 3px 3px 3px #888;
  -webkit-box-shadow: 3px 3px 3px #888;
  box-shadow: 3px 3px 3px #888;
}

.Helv13SteelBlue {
  font-family: 'Segoe UI', 'HelveticaNeueLTPro35Thin' !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 3px 0px;
  color: steelblue;
}

.Helv55 {
  font-family: 'Segoe UI', HelveticaNeueLTPro55;
}

.Helv45 {
  font-family: 'Segoe UI', HelveticaNeueLTPro45;
}

.Helv35 {
  font-family: 'Segoe UI', HelveticaNeueLTPro35;
}

.GridLookup {
  font-size: 11px;
}

.TDBtn {
  vertical-align: bottom;
  padding-bottom: 10px;
}

.TDBtnL10 {
  padding-left: 10px;
  vertical-align: bottom;
  padding-bottom: 10px;
}

.TDBtnLR10 {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: bottom;
  padding-bottom: 10px;
}

.TDBtnL20 {
  padding-left: 20px;
  vertical-align: bottom;
  padding-bottom: 10px;
}

.TDBtm {
  vertical-align: bottom;
  padding-bottom: 6px;
}

.TDBtmL10 {
  vertical-align: bottom;
  padding-left: 10px;
  padding-bottom: 6px;
}

.Left {
  text-align: left !important;
}

.Center {
  text-align: center !important;
}

  .Center td {
    text-align: center !important;
  }

.Top {
  vertical-align: top !important;
}

.Bottom {
  vertical-align: bottom !important;
}

.Right {
  text-align: right !important;
}

.Bold {
  font-weight: bold !important;
}

.Underline {
  text-decoration: underline !important;
}

.Wrap {
  text-wrap: normal;
}

.BackLightBlue {
  background-color: azure !important;
}

.BackRed {
  background-color: red !important;
}

.BackOrange {
  background-color: orange !important;
}

.BackWhite {
  background-color: White !important;
}

.BackLightBlueL2 {
  background-color: #faffff !important;
}

.BackLightWarm {
  background-color: #ffe6cc !important;
}

.BackLightGoldenRodYellow {
  background-color: lightgoldenrodyellow !important;
}

.BackLightYellow {
  background-color: #ffffe6 !important;
}

.BackLightSilver {
  background-color: #fcfcfc !important;
}


.BackLightFEFEFE {
  background-color: #fefefe !important;
}

.SteelBlue {
  color: SteelBlue !important;
}

.Red {
  color: Red !important;
}

.Green {
  color: Green !important;
}

.YellowGreen {
  color: yellowgreen !important;
}

.ForestGreen {
  color: forestgreen !important;
}

.Silver {
  color: Silver !important;
}

.F8 {
  font-size: 8px !important;
}

.F9 {
  font-size: 9px !important;
}

.F10 {
  font-size: 10px !important;
}

.F11 {
  font-size: 11px !important;
}

.F12 {
  font-size: 12px !important;
}

.F14 {
  font-size: 14px !important;
}

.F16 {
  font-size: 16px !important;
}

.F18 {
  font-size: 18px !important;
}

.F20 {
  font-size: 20px !important;
}

.F22 {
  font-size: 22px !important;
}

.FW500 {
  font-weight: 500 !important;
}

.FW600 {
  font-weight: 600 !important;
}

.BorderB {
  border-bottom: 1px solid silver !important;
}

.BorderB1 {
  border-bottom: 1px solid #e8e8e8 !important;
}

.BorderT {
  border-top: 1px solid WhiteSmoke !important;
}

.BorderL {
  border-left: 1px solid silver !important;
}

.BorderR {
  border-right: 1px solid silver !important;
}

.BorderBL {
  border-left: 1px solid silver !important;
  border-bottom: 1px solid silver !important;
}

.BorderBLR {
  border-left: 1px solid silver !important;
  border-right: 1px solid silver !important;
  border-bottom: 1px solid silver !important;
}

.BorderBLT {
  border-left: 1px solid silver !important;
  border-top: 1px solid silver !important;
  border-bottom: 1px solid silver !important;
}

.BorderBLTR {
  border: 1px solid silver !important;
}

.BorderRed {
  border: 1px solid red !important;
}

.BorderBlue {
  border: 1px solid steelblue !important;
}

.BorderDimGray {
  border: 1px solid dimgray !important;
}

.ML10 {
  margin-left: 10px !important;
}

.P3 {
  padding: 3px !important;
}

.P10 {
  padding: 10px !important;
}

.P15 {
  padding: 15px !important;
}

.P20 {
  padding: 20px !important;
}

.P25 {
  padding: 25px !important;
}

.PL3 {
  padding-left: 3px !important;
}

.PL4 {
  padding-left: 4px !important;
}

.PL5 {
  padding-left: 5px !important;
}

.PL10 {
  padding-left: 10px !important;
}

.PL15 {
  padding-left: 15px !important;
}

.PL20 {
  padding-left: 20px !important;
}

.PL25 {
  padding-left: 25px !important;
}

.PL30 {
  padding-left: 30px !important;
}

.PL50 {
  padding-left: 50px !important;
}

.PR3 {
  padding-right: 3px !important;
}

.PR5 {
  padding-right: 5px !important;
}

.PR10 {
  padding-right: 10px !important;
}

.PR15 {
  padding-right: 15px !important;
}

.PR20 {
  padding-right: 20px !important;
}

.PR25 {
  padding-right: 25px !important;
}

.PLR10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.PT3 {
  padding-top: 3px !important;
}

.PT5 {
  padding-top: 5px !important;
}

.PT10 {
  padding-top: 10px !important;
}

.PT20 {
  padding-top: 20px !important;
}

.PB3 {
  padding-bottom: 3px !important;
}

.PB4 {
  padding-bottom: 4px !important;
}

.PB5 {
  padding-bottom: 5px !important;
}

.PB10 {
  padding-bottom: 10px !important;
}

.PB20 {
  padding-bottom: 20px !important;
}

.PLR5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.PBT5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.PLR3 {
  padding-left: 3px;
  padding-right: 3px;
}

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

.PLR8 {
  padding-left: 8px;
  padding-right: 8px;
}

.PBT3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.PTB5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.PTB20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.W10 {
  width: 10px !important;
}

.W15 {
  width: 15px !important;
}

.W20 {
  width: 20px !important;
}

.W30 {
  width: 30px !important;
}

.W35 {
  width: 35px !important;
}

.W40 {
  width: 40px !important;
}

.W50 {
  width: 50px !important;
}

.W60 {
  width: 60px !important;
}

.W70 {
  width: 70px !important;
}

.W80 {
  width: 80px !important;
}

.W100 {
  width: 100px !important;
}

.W125 {
  width: 125px !important;
}

.W150 {
  width: 150px !important;
}

.W1000 {
  width: 1000px !important;
}

.H5 {
  height: 5px !important;
}

.H10 {
  height: 10px !important;
}

.H15 {
  height: 15px !important;
}

.H20 {
  height: 20px !important;
}

.H25 {
  height: 25px !important;
}

.H30 {
  height: 30px !important;
}

.H75 {
  height: 75px !important;
}

.H100 {
  height: 100px !important;
}

.H150 {
  height: 150px !important;
}

.H200 {
  height: 200px !important;
}

.H250 {
  height: 250px !important;
}

.Clear {
  clear: both !important;
}

.FLeft {
  float: left !important;
}

.FRight {
  float: right !important;
}

.Test {
  width: 200px;
}

.unitPriceColumn {
}

.GridHyperlink {
  color: black !important;
  text-decoration: underline !important;
}

  .GridHyperlink GridHyperlink:hover, GridHyperlink:visited, GridHyperlink:link {
    color: black !important;
    text-decoration: underline !important;
  }

.SampleProduct {
  color: red !important;
  font-weight: bold !important;
}

.MH500 {
  min-height: 500px;
}

.Chart {
  width: 100% !important;
  height: 100% !important;
  font-size: 10px !important;
  color: red !important;
  border: none !important;
}

.NoRepeat {
  background-repeat: no-repeat !important;
}

.MailBody {
  font-family: Arial !important; font-size: 10px !important;
}