/* #FF8F33;  */
/*Checkbox Styling*/
/*END Checkbox Styling*/
/*Less Variables*/
/*Grey color in Grids*/
/*Neon Green Hover*/
/*END Less Variables*/
/*#region Reset Browsers*/
/****************************************/
/*         MASTER STYLESHEET            */
/*   Reset Default Browser Settings     */
/****************************************/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
fieldset,
img {
  border: 0;
}
a img,
:link img,
:visited img {
  border: none;
}
a:focus {
  outline: 0;
}
:link,
:visited {
  text-decoration: none;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
label {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
/*#endregion*/
* {
  -webkit-tap-highlight-color: transparent;
}
/*div, a, section, article, span, img, h1, h2, h3, h4, h5, h6 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=date] {
  -webkit-appearance: textfield;
  -webkit-min-logical-width: 120px;
}
html {
  font-size: 100.01%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  background: url(/images/MainBG_blue.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position-x: right;
  background-position-y: top;
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 62.5%;
  overflow: scroll;
  /*Added from MyPort Styling*/
  color: #000;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  line-height: 1;
}
/*#region general*/
.Hide {
  display: none;
}
.ForceHide {
  display: none !important;
}
.InLineB {
  display: inline-block;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.placeholder {
  color: #aaa;
}
.borRed {
  border: 1px solid #F00 !important;
}
.bold {
  font-weight: bold;
}
.clear {
  clear: both;
}
.lblSmall {
  font-size: 1.2em;
}
.lbl2XSmall {
  font-size: 1.6em;
}
.lblMedium {
  font-size: 1.7em !important;
}
.lblLarge {
  font-size: 2.5em;
}
.lblSuper {
  font-size: 2em;
}
.lblMega {
  font-size: 5em;
}
.lblLudicrous {
  font-size: 8em;
}
.lblMucho {
  font-size: 3.2em;
}
.fs1em {
  font-size: 1em !important;
}
.fs2em {
  font-size: 2em;
}
.w10 {
  width: 10%;
}
.w15 {
  width: 15%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w27 {
  width: 27%;
}
.w30 {
  width: 30%;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w50 {
  width: 50%;
}
.w60 {
  width: 60%;
}
.w65 {
  width: 65%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w90 {
  width: 90%;
}
.w95 {
  width: 95%;
}
.w100 {
  width: 100%;
}
.minw125 {
  min-width: 125px;
}
.w4em {
  width: 4em;
}
.w5em {
  width: 5em;
}
.w6em {
  width: 6em;
}
.w7em {
  width: 7em;
}
.w10em {
  width: 10em;
}
.w11em {
  width: 11em !important;
}
.w12em {
  width: 12em;
}
.w15em {
  width: 15em;
}
.w25em {
  width: 25em;
}
.w30em {
  width: 30em;
}
.w41em {
  width: 41em;
}
.w200px {
  width: 200px;
}
.flLeft {
  float: left;
}
.flRight {
  float: right;
}
.flNone {
  float: none;
}
.hinputsml {
  height: 0.8em;
}
.hinput {
  height: 1.2em;
}
.h5em {
  height: 5em;
}
.h10em {
  height: 10em;
}
.lh10 {
  line-height: 1em;
}
.lh14 {
  line-height: 1.4em;
}
.lh16 {
  line-height: 1.6em;
}
.lh18 {
  line-height: 1.8em;
}
.padA10 {
  padding: 10px;
}
.padA15 {
  padding: 15px;
}
.pad5 {
  padding: 5px;
}
.pad8 {
  padding: 0px 8px 8px 8px;
}
.padR10 {
  padding-right: 10px;
}
.padL5 {
  padding-left: 5px;
}
.padB10 {
  padding-bottom: 10px;
}
.padB25 {
  padding-bottom: 25px;
}
.padT25 {
  padding-top: 25px;
}
.marL5 {
  margin-left: 5px;
}
.marL10 {
  margin-left: 10px;
}
.marL15 {
  margin-left: 15px;
}
.marL20 {
  margin-left: 20px;
}
.marL25 {
  margin-left: 25px;
}
.marL50 {
  margin-left: 50px;
}
.marT5 {
  margin-top: 5px;
}
.marT10 {
  margin-top: 10px;
}
.marT15 {
  margin-top: 15px;
}
.marT20 {
  margin-top: 20px;
}
.marT25 {
  margin-top: 25px;
}
.marT55 {
  margin-top: 55px;
}
.marT75 {
  margin-top: 75px !important;
}
.marR5 {
  margin-right: 5px;
}
.marR10 {
  margin-right: 10px;
}
.marR15 {
  margin-right: 15px;
}
.marB2 {
  margin-bottom: 2px;
}
.marB5 {
  margin-bottom: 5px;
}
.marB10 {
  margin-bottom: 10px;
}
.marB15 {
  margin-bottom: 15px;
}
.marB20 {
  margin-bottom: 20px;
}
.marB25 {
  margin-bottom: 25px;
}
.marB45 {
  margin-bottom: 45px;
}
.marNo {
  margin: 0;
}
.mar0 {
  margin: 0 !important;
}
.mar5 {
  margin: 5px;
}
.mar10 {
  margin: 10px;
}
.mar15 {
  margin: 15px;
}
.marcntr {
  margin: 10px auto 10px auto;
}
.marAuto {
  margin-left: auto;
  margin-right: auto;
}
.maxH75 {
  max-height: 75px;
}
.maxH200 {
  max-height: 200px;
}
.alRight {
  text-align: right !important;
}
.alLeft {
  text-align: left !important;
}
.alCenter {
  text-align: center !important;
}
.alBottom {
  bottom: 0;
}
::-webkit-input-placeholder {
  color: #DCDCDC;
  font-style: italic;
}
:-moz-placeholder {
  color: #DCDCDC;
  font-style: italic;
}
/* firefox 19+ */
:-ms-input-placeholder {
  color: #DCDCDC;
  font-style: italic;
}
/* ie */
input:-moz-placeholder {
  color: #DCDCDC;
  font-style: italic;
}
.vaTop {
  vertical-align: top;
}
.vaBottom {
  vertical-align: bottom;
}
/*#endregion general*/
/*#region Default Global Control Styling*/
fieldset {
  border: 2px solid #004C97 !important;
  padding: 10px;
  background: #f2f2f2;
  border-radius: 5px;
  /*opacity: .8;*/
  margin-bottom: 1rem;
}
fieldset legend {
  font-size: 1rem;
  /*font-size: 2.2em;*/
  padding: 10px;
  border: 1px solid #004C97;
  border-radius: 5px;
  /*background: linear-gradient(to bottom, @color-base 1%,#FFFFFF 100%);*/
  /*background: linear-gradient(to bottom, #12aa73  1%,#92eae3  100%);*/
  /*background: linear-gradient(to bottom,#12aa73 20%,#92eab3 100%);*/
  background: linear-gradient(to bottom, #0059b1 20%, #e2eaff 100%);
  color: black;
  font-weight: bold;
}
input[type=button],
input[type=submit],
button,
.button_type,
#MerchantStatementAnchor,
.top .dt-buttons a,
#aSubmitDeal {
  -moz-box-shadow: 0px 10px 14px -7px #002d5a;
  -webkit-box-shadow: 0px 10px 14px -7px #002d5a;
  box-shadow: 0px 10px 14px -7px #002d5a;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #0059b1), color-stop(1, #003264));
  background: -moz-linear-gradient(top, #0059b1 5%, #003264 80%);
  background: -webkit-linear-gradient(top, #0059b1 5%, #003264 80%);
  background: -o-linear-gradient(top, #0059b1 5%, #003264 80%);
  background: -ms-linear-gradient(top, #0059b1 5%, #003264 80%);
  background: linear-gradient(to bottom, #0059b1 5%, #003264 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0059b1, endColorstr=#003264, GradientType=0);
  -webkit-appearance: none;
  background-color: #004C97 !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #00063C !important;
  display: inline-block;
  cursor: pointer;
  color: #fff !important;
  font-size: 13px;
  font-weight: bold;
  padding: 6px 12px;
  text-decoration: none;
  text-shadow: none;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover,
.button_type:hover,
#MerchantStatementAnchor:hover,
.top .dt-buttons a:hover,
#aSubmitDeal:hover {
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #002d5a), color-stop(1, #0059b1));
  background: -moz-linear-gradient(top, #002d5a 5%, #0059b1 100%);
  background: -webkit-linear-gradient(top, #002d5a 5%, #0059b1 100%);
  background: -o-linear-gradient(top, #002d5a 5%, #0059b1 100%);
  background: -ms-linear-gradient(top, #002d5a 5%, #0059b1 100%);
  background: linear-gradient(to bottom, #002d5a 5%, #0059b1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a', GradientType=0);
  background-color: #002d5a !important;
}
input[type=button]:active,
input[type=submit]:active,
button:active,
.button_type:active,
#MerchantStatementAnchor:active,
.top .dt-buttons a:active,
#aSubmitDeal:active {
  position: relative;
  top: 1px;
}
input[type=button]:focus,
input[type=submit]:focus,
button:focus,
.button_type:focus,
#MerchantStatementAnchor:focus,
.top .dt-buttons a:focus,
#aSubmitDeal:focus {
  outline: 0 !important;
  border-color: #004C97;
  box-shadow: 0 0 5px #004C97;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  input[type=button],
  input[type=submit],
  button,
  .button_type,
  #MerchantStatementAnchor,
  .top .dt-buttons a,
  #aSubmitDeal {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 667px) {
  input[type=button],
  input[type=submit],
  button,
  .button_type,
  #MerchantStatementAnchor,
  .top .dt-buttons a,
  #aSubmitDeal {
    margin: 4px;
    width: 100%;
    height: 4em;
  }
}
select {
  border: 1px solid #004C97;
  padding: 2px 3px;
  border-radius: 5px;
  outline: none;
}
select:hover {
  cursor: pointer;
  /*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05,  @color-tertiary), color-stop(1, @color-secondary));
        background:-moz-linear-gradient(top,  @color-tertiary 5%, @color-secondary 100%);
        background:-webkit-linear-gradient(top,  @color-tertiary 5%, @color-secondary 100%);
        background:-o-linear-gradient(top,  @color-tertiary 5%, @color-secondary 100%);
        background:-ms-linear-gradient(top,  @color-tertiary 5%, @color-secondary 100%);
        background:linear-gradient(to bottom,  @color-tertiary 5%, @color-secondary 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
        background-color: @color-tertiary;*/
}
select:active {
  position: relative;
  top: 1px;
}
select:focus {
  outline: 0!important;
  border-color: #004C97;
  box-shadow: 0 0 5px #004C97;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  select {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 667px) {
  select {
    padding: 2px 10px;
    width: 100%;
  }
}
/*Checkbox Styling*/
/*input[type=radio], input[type=checkbox]
{
	position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
}

input[type=radio] + label, input[type=checkbox] + label
{
	padding-left:27px;
	height:22px;
	display:inline-block;
	line-height:22px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:2.2em;
	vertical-align:middle;
	cursor:pointer;
    display:inline-block;
    transition: all 0.3s ease 0s;
}

input[type=radio]:checked + label , input[type=checkbox]:checked + label
{
	background-position: 0 -22px;
    font-weight:600;
}

input[type=radio] + label, input[type=checkbox] + label
{
    background-image:url(../images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    padding-right:5px;
}*/
/*END Checkbox Styling*/
/*#endregion*/
/*#region Header Styling*/
.red {
  color: #dd6149 !important;
}
.brightRed {
  color: red !important;
}
.green {
  color: #004C97;
}
.HideBulletin {
  margin-top: -2000px;
}
.header_wrapper {
  text-align: center;
  width: 100%;
  position: static;
  background-size: 100% 110px;
  background-repeat: no-repeat;
  height: 110px;
  background-color: rgba(0, 0, 0, 0.85);
}
.header {
  max-width: 980px;
  margin: 0 auto;
  height: 80px;
  /*Login Wide - Styling for UserName, SubMenu, Alert Bell*/
}
.header .logo {
  padding: 10px 0px;
  float: left;
  max-width: 25%;
  max-height: 66px;
  margin-left: 2.5%;
}
.header .logo img {
  width: 100%;
  height: 100%;
}
.header .logo .imgMobile {
  text-align: left !important;
  width: 40%;
  height: 35px;
}
.header .login {
  float: right;
  margin-right: 2.5%;
  margin-top: 10px;
  max-width: 25%;
}
.header .login ul {
  margin-top: 5px;
}
.header .login ul li {
  margin-bottom: 8px;
}
.header .login ul li span {
  font-size: 1.5em;
  font-weight: bold;
  color: white;
  display: inline-block;
  max-width: 100%;
}
.header .login ul li input {
  max-width: 270px;
  width: 90%;
  border-radius: 5px;
  padding: 5px;
  opacity: 0.8;
  background-color: white;
  color: black;
  font-weight: bold;
}
.header .login ul li label {
  display: inline;
}
.header .loginWide {
  float: right;
  margin-right: 2.5%;
  margin-top: 10px;
  max-width: 70%;
}
.header .loginWide ul li {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
}
.header .loginWide ul li span {
  font-size: 1.5em;
  font-weight: bold;
  color: white;
}
.header .loginWide ul li input {
  max-width: 270px;
  width: 90%;
  border-radius: 5px;
  padding: 5px;
  background-color: transparent!important;
  color: white;
  font-weight: bold;
  border: none!important;
}
.header .loginWide ul li img {
  height: 35px;
  vertical-align: middle;
}
.header .nav {
  margin-bottom: 30px;
  margin-top: 1%;
  display: inline-block;
}
#EMSLogo {
  text-align: left !important;
}
#EMSLogo:hover {
  content: url(../images/MyPortLogoWhite.png);
}
.lblOffice {
  color: black !important;
}
#liUserName {
  /*text-align: right !important;
    width: 200px;*/
}
#NavSubMenu img {
  height: 10px;
  margin-left: 10px;
  cursor: pointer;
}
.AlertBell {
  cursor: pointer;
}
.AlertBellClicked {
  cursor: pointer;
  background-color: white;
  border: 2px solid #004C97;
  border-bottom: none;
}
.AlertDiv {
  background-color: white;
  border-radius: 10px;
  border: 2px solid #004C97;
  width: 250px;
  transition: visibility 0.65s ease-in;
  z-index: 999;
  position: absolute;
  border-top-right-radius: 0px;
  border-top: none;
  right: 0;
}
.AlertDiv .Alertli {
  /*Needed to set hover this way because AlertDiv has z-index of 999*/
}
.AlertDiv .Alertli:hover {
  border-radius: 5px;
  background-color: #00AEDB !important;
}
.AlertDiv ul li {
  width: 95%;
}
.AlertDiv label {
  font-size: 1.5em;
  color: black;
  margin-bottom: 5px;
}
.NewAlertli {
  border-bottom: 1px solid black;
  margin-bottom: 5px;
}
.NewAlertlbl {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #dd6149 !important;
}
.PrevAlertshl {
  font-size: 1.7em;
  color: #004C97;
  font-weight: bold;
  text-decoration: none;
}
.PswdExpireli {
  border-top: 1px solid black;
  margin-top: 5px;
}
.PswdExpirelbl {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #dd6149 !important;
}
.Alertli {
  text-align: left;
  width: 210px!important;
  padding: 5px;
}
.AlertHdr {
  margin-bottom: 5px;
  cursor: pointer;
  color: black;
  font-weight: bold;
}
.AlertHdrFull {
  word-wrap: break-word;
}
.AlertDesc {
  font-weight: normal;
  cursor: pointer;
  color: black;
}
.AlertDescFull {
  font-weight: normal;
  word-wrap: break-word;
  color: black;
  margin-bottom: 5px;
}
.AlertTime {
  font-weight: normal;
  cursor: pointer;
  color: black;
}
.liRead {
  margin-bottom: 10px;
}
.lblMarkRead {
  width: 45%;
  display: inline;
  color: #dd6149 !important;
  font-weight: bold;
  margin-bottom: 5px;
  margin-right: 5px;
}
.cbMarkRead input[type=checkbox] {
  width: 10% !important;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid white;
  color: white;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.arrow-down:hover {
  cursor: pointer;
  border-top: 12px solid #00AEDB !important;
}
.grdArrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #004C97;
  color: white;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.grdArrow-down:hover {
  cursor: pointer;
  border-top: 12px solid #00AEDB !important;
}
#LoginUL {
  background: black;
  border-radius: 5px;
  opacity: 0.8;
  width: 200px;
  transition: visibility 0.65s ease-in;
  z-index: 999;
  position: absolute;
  padding: 0;
  margin-top: 30px;
  right: 1%;
}
#LoginUL li {
  border-bottom: 1px solid #004C97;
  width: 100%;
  height: 30px;
  display: block;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 8px;
}
#LoginUL li:hover {
  visibility: visible;
}
#LoginUL li a {
  color: white;
  font-size: 1.7em;
  text-decoration: none;
  width: auto;
  float: left;
  margin-left: 10px;
}
#LoginUL li a:hover {
  color: #00AEDB;
  text-decoration: underline;
}
#LoginUL li a img {
  height: 18px;
  margin-right: 10px;
  vertical-align: bottom;
}
#LoginUL li img {
  height: 18px;
  margin-right: 5px;
  vertical-align: bottom;
}
.liLogout img {
  vertical-align: text-bottom !important;
  margin-right: 8px;
}
.liLogout input {
  width: 32% !important;
  margin-right: 40%;
  font-size: 1.5em;
  font-weight: normal !important;
  /*Remove Default Input Styling*/
  box-shadow: none;
  background: black;
  text-shadow: none;
}
.liLogout input:hover {
  color: #00AEDB !important;
  text-decoration: underline;
  background: black;
  background-color: black;
}
.navUL li {
  float: left;
}
.SubNavBar {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.SubNavBar li {
  display: inline-block;
}
/*Slide Navigation*/
.toggle {
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 15px 25px;
  font-weight: bold;
  font-size: 2em;
  position: relative;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -ms-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}
.toggle:hover {
  color: #00AEDB !important;
  /*Animation Under Nav Links. Removed because it required two clicks on mobile devices*/
  /*&:before
        {
        width: 100%;
        }*/
}
.toggle:after {
  content: "";
  display: block;
  position: absolute;
  right: -3px;
  top: 19px;
  height: 6px;
  width: 6px;
  background: #ffffff;
  opacity: 0.5;
}
.toggle:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #00AEDB;
  -webkit-transition: width 0.25s;
  -moz-transition: width 0.25s;
  -ms-transition: width 0.25s;
  -o-transition: width 0.25s;
  transition: width 0.25s;
}
/*Removes Square from last li*/
.navUL li.last > label:after,
.navUL li:last-child > label:after {
  display: none;
}
/*Class is added dynamically in JS when Nav li is selected*/
.ToggleSelect {
  transition: border-bottom 0.5s ease;
  padding-bottom: 12px;
  border-bottom: 3px solid #00AEDB;
}
.ToggleSelect:before {
  content: none;
}
.buttonToggle {
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
  font-weight: bold;
  font-size: 1.7em;
  background: #004C97;
  border-radius: 3px;
  line-height: 20px;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}
.buttonToggle :hover {
  background: rgba(255, 255, 255, 0.6);
}
.pollSliderLeft {
  position: fixed;
  height: 90%;
  background: black;
  /*width:300px;*/
  width: 250px;
  left: 0px;
  /*margin-left: -300px;*/
  margin-left: -250px;
  opacity: 0.8;
  z-index: 50;
}
.PopOutDivWrapper {
  position: fixed;
  /*opacity:0.8;*/
  z-index: 50;
  max-width: 980px;
  width: 100%;
  top: 110px;
}
.pollSliderNews {
  height: auto;
  background: black;
  /*width:350px;*/
  width: 260px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
}
.pollSliderRight {
  position: fixed;
  height: 90%;
  background: black;
  /*width:300px;*/
  width: 250px;
  right: 0px;
  /*margin-right: -300px;*/
  margin-right: -250px;
  opacity: 0.8;
  z-index: 50;
}
.slideMenu {
  height: 90%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  padding: 0;
}
.slideMenu li {
  border-bottom: 1px solid #004C97;
  width: 100%;
  min-height: 50px;
}
.slideMenu li:hover {
  border-left: 3px solid #004C97;
  /*Border causes li to expand, width needed adjusted*/
  width: 99%;
}
.slideMenu li ul {
  padding: 0;
  width: 100%;
}
.slideMenu li ul li {
  width: 100%;
}
.slideMenu li a {
  color: white;
  font-size: 1.8em;
  text-decoration: none;
  width: 100%;
  display: inline-block;
  padding: 1em;
}
.slideMenu li a:hover {
  color: #004C97;
}
.slideMenu li input {
  color: white;
  font-size: 1.8em;
  text-decoration: none;
  width: 98%;
  display: inline-block;
  padding: 0.9em;
  background-color: black;
  text-align: left;
  border: none;
  outline: none;
  /*Remove Default input styling*/
  box-shadow: none;
  background: none;
  border-radius: 0;
  text-shadow: none;
  font-weight: normal;
}
.slideMenu li input:hover {
  color: #004C97;
  background: none;
  background-color: black;
}
.slideMenuNews {
  color: white;
  padding: 10px;
}
.slideMenuNews label {
  color: white;
}
.slideMenuNews a {
  font-size: 1.8em;
  color: #004C97;
  font-weight: bold;
}
.slideMenuNews a img {
  width: 95%;
}
.slideMenuNews li {
  /*margin-bottom:15px;*/
}
.slideMenuNews .lblNewsTitle {
  color: #00AEDB;
  font-weight: bold;
  font-size: 2em;
}
.slideMenuNews .lblNewsDesc {
  color: white;
  font-size: 1.8em;
  margin-bottom: 5px;
}
.slideMenuNews .lblNewsDate {
  font-size: 2em;
}
.lblNewsHdr {
  text-align: center;
  display: inline-block;
  margin-left: 15%;
  color: #004C97 !important;
  font-size: 2.2em;
  font-weight: bold;
}
.close {
  display: inline-block;
  padding: 1.5em;
}
.close:hover {
  cursor: pointer;
  background-color: #004C97 !important;
}
.closeIcon {
  width: 24px;
  height: 4px;
  border-radius: 1px;
  margin-bottom: 3px;
  background-color: #fff;
}
#closeNews {
  /*margin-left: -130px;*/
  margin-right: 320px;
}
/*#endregion END Header Styling*/
.footer {
  width: 100%;
  line-height: 50px;
  font-size: 1.1em;
  color: #000;
  text-align: center;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}
/*#region global media queries*/
/*1024 = Landscap on Ipad Air*/
@media (max-width: 1024px) {
  .close {
    padding: 0.9em;
  }
  /*Slim down nav links on mobile / table devices*/
  .slideMenu {
    width: 100%;
    padding: 0;
  }
  .slideMenu li {
    min-height: 30px;
  }
  .slideMenu li a {
    padding: 0.5em;
  }
  .slideMenu li input {
    padding: 0.5em;
  }
}
@media (max-width: 800px) {
  .nav {
    margin-right: 18% !important;
  }
  .rs800 {
    width: 95% !important;
    margin-left: 2.5% !important;
    margin-right: 2.5% !important;
  }
}
@media (max-width: 710px) {
  .toggle {
    padding: 15px 15px;
  }
}
@media (max-width: 700px) {
  .toggle {
    padding: 15px 25px;
  }
  .rsNav {
    margin-right: 15% !important;
  }
  .slideMenu {
    height: 80%;
  }
}
@media (max-width: 675px) {
  .toggle {
    padding: 15px 20px;
  }
}
@media (max-width: 620px) {
  .toggle {
    padding: 10px 40px;
  }
  .rsNav {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 535px) {
  .toggle {
    padding: 15px 25px;
  }
}
@media (max-width: 480px) {
  .rs480 {
    /*float:none !important;*/
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .rs480Footer {
    height: 90px;
  }
}
/*Media to Adjust Header Links*/
@media (max-width: 390px) {
  .toggle {
    font-size: 1.5em;
  }
}
@media (max-width: 330px) {
  .toggle {
    padding: 15px 15px;
  }
}
@media (max-width: 270px) {
  .toggle {
    font-size: 1em;
  }
}
/*#endregion*/
/*#region Reset Password Popout Styling*/
.accountMaint {
  /*background: #181818;*/
  background: black;
  color: #FFF;
  position: relative;
  left: 0;
  width: 100%;
  height: 285px;
  padding: 20px;
  transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
}
.accountMaint h1 {
  color: #FFF;
  font-size: 30px;
  margin-top: 20px;
  font-weight: 100;
  margin-bottom: 20px;
}
.accountMaint h2 {
  font-size: 24px;
  font-weight: normal;
}
.accountMaint h2 a {
  color: #fff;
  font-size: 20px;
  font-weight: 100;
}
.accountMaint ul li span {
  width: 160px;
  font-weight: bold;
  display: inline-block;
  text-align: right;
  font-size: 1.4em;
}
.accountMaint ul li input {
  width: 120px;
  margin-bottom: 5px;
}
.accountMaint label {
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 10px;
  color: white;
}
@media only screen and (max-width: 600px) {
  .accountMaint {
    height: 380px;
  }
  .accountMaint ul li span {
    text-align: left;
  }
}
/*#endregion Reset Password Popout Styling*/
/*#region Preloader*/
#preloader {
  background-color: rgba(244, 244, 244, 0.49);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
#status {
  background-position: center center;
  background-repeat: no-repeat;
  height: 200px;
  left: 50%;
  margin: -100px 0 0 -100px;
  position: absolute;
  top: 50%;
  width: 200px;
}
.spinner {
  margin: 100px auto 0;
  text-align: center;
  width: 70px;
}
.spinner .bounce1 {
  -webkit-animation: 1.4s ease-in-out 0s normal both infinite bouncedelay;
  -o-animation: 1.4s ease-in-out 0s normal both infinite bouncedelay;
  animation: 1.4s ease-in-out 0s normal both infinite bouncedelay;
}
.spinner .bounce2 {
  -webkit-animation: 1.4s ease-in-out 0.16s normal both infinite bouncedelay;
  -o-animation: 1.4s ease-in-out 0.16s normal both infinite bouncedelay;
  animation: 1.4s ease-in-out 0.16s normal both infinite bouncedelay;
}
.spinner .bounce3 {
  -webkit-animation: 1.4s ease-in-out 0.32s normal both infinite bouncedelay;
  -o-animation: 1.4s ease-in-out 0.32s normal both infinite bouncedelay;
  animation: 1.4s ease-in-out 0.32s normal both infinite bouncedelay;
}
.spinner > div {
  -webkit-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  display: inline-block;
  height: 18px;
  width: 18px;
  background-color: #2C3E50;
}
@-moz-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -moz-transform: scale(0);
  }
  40% {
    -moz-transform: scale(1);
  }
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
/*#endregion*/
/*#region printing*/
/*Need to hide the flyouts when printing*/
@media print {
  .pollSliderLeft,
  .pollSliderRight,
  .pollSliderNews {
    display: none !important;
  }
}
/*#endregion*/
/*#region Standardize for all browsers*/
body {
  font-size: 62.5%;
  margin: 0;
}
label {
  display: block;
}
.input {
  float: left;
  margin-bottom: 10px;
  margin-right: 5%;
  text-align: left;
}
/*#endregion*/
/*#region Standard Elements*/
.lblLink {
  color: #0000EE !important;
  text-decoration: underline;
  cursor: pointer;
}
.lblLink:visited {
  color: #551A8B;
}
.divCreateContainer {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}
@media only screen and (max-width: 800px) {
  .divCreateContainer {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
}
/*#region Create Ticket Screen*/
.divLeft {
  float: left;
  width: 50%;
}
.divRight {
  float: left;
  width: 50%;
}
@media only screen and (max-width: 580px) {
  .divLeft,
  .divRight {
    padding: 12px;
    margin-top: 15px;
    float: none;
    width: 50%;
  }
  .divControls ul li textarea {
    width: 80%;
  }
}
.divControls {
  float: left;
  width: 100%;
}
.divControls ul li {
  text-align: center;
  /*Aligns Controls in center of div*/
}
/*#endregion Create Ticket Screen*/
/*CSS for displaying reporting data*/
.DisplayDataUL li,
.DisplayDataULCreateTicket li {
  display: block;
  margin-bottom: 3px;
}
.DisplayDataUL li span,
.DisplayDataULCreateTicket li span {
  display: inline-block;
  font-weight: 700;
  font-size: 1.6em;
  text-align: right;
  margin-right: 5px;
}
.DisplayDataUL li label,
.DisplayDataULCreateTicket li label {
  display: inline;
  font-size: 1.7em;
  font-weight: 400;
  text-align: left;
}
/*END CSS for displaying reporting data*/
/*#region Default Control Styling*/
.Textbox {
  border: 1px solid #004C97;
  border-radius: 5px;
  font-size: 1.5em !important;
  padding: 5px;
  outline: none;
}
.Textbox:focus {
  outline: 0!important;
  border-color: #004C97;
  box-shadow: 0 0 5px #004C97;
}
.TextArea {
  border: 1px solid #004C97;
  padding: 5px;
  border-radius: 5px;
  font-size: 1.6em;
  vertical-align: top;
  outline: none;
}
.taCommentCT {
  font-size: 1.6em;
  color: #004C97;
  margin-top: 5px;
}
.imgSearch {
  height: 21px;
  float: none;
  position: relative;
  left: 2.8em;
  bottom: -0.4em;
}
.imgSearch + input[type=text] {
  padding-left: 25px !important;
}
.btnContainer {
  text-align: center;
}
.Restrict {
  cursor: not-allowed;
}
.SearchDiv {
  margin: 3px 5px;
  z-index: 10;
  border: 1px solid #004C97;
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 3px;
  width: 320px;
  /*margin-top: 10px;
    margin-bottom:10px;*/
}
@media only screen and (max-width: 667px) {
  .SearchDiv {
    margin: 2px auto;
    text-align: center;
  }
}
.SearchDiv ul {
  margin: 3px 0;
  padding-left: 0;
}
.SearchDiv ul li {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}
.SearchDiv ul li span {
  padding-top: 8px;
  padding-right: 4px;
}
.SearchDiv input[type="text"] {
  border: 1px solid #004C97;
  border-radius: 5px;
  font-size: 1.5em;
  padding: 5px;
  outline: 0;
  width: 200px;
  padding-right: 30px;
}
.SearchDiv input[type="text"]:focus {
  outline: 0!important;
  border-color: #004C97;
  box-shadow: 0 0 5px #004C97;
}
.SearchDiv .spnSearchCounter {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  position: relative;
  right: 1em;
}
.SearchDiv .divPrevNext {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  cursor: pointer;
}
.SearchDiv .divPrevNext img {
  height: 10px;
  width: 20px;
}
.SearchDiv .Prev img {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
.SearchDiv .Next img {
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
}
.SearchDiv .divSearchBtn {
  cursor: pointer;
  right: 3.4em;
  position: relative;
  bottom: -0.3em;
  height: 21px;
  width: 21px;
}
.SearchDiv .divSearchBtn img {
  height: 18px;
  width: 25px;
}
/*#endregion Default Control Styling*/
/*========================
Site specific elements
=========================*/
#lblErrorMsg {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
/* Alert Ticker */
.tickercontainer {
  /* the outer div with the black border */
  width: auto;
  height: 27px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-left: 2.5%;
  margin-right: 2.5%;
  /* that serves as a mask. so you get a sort of padding both left and right */
}
.tickercontainer .mask {
  position: relative;
  left: 10px;
  top: 8px;
  width: auto;
  overflow: hidden;
}
ul.newsticker {
  /* that's your list */
  position: relative;
  left: 750px;
  color: black;
  font: bold 16px Verdana;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
ul.newsticker li {
  /*float: left;*/
  /* important: display inline gives incorrect results when you check for elem's width */
  margin: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
  display: inline-block;
}
ul.newsticker a {
  white-space: nowrap;
  padding: 0;
  color: black;
  font: bold 16px Verdana;
  margin: 0 50px 0 0;
}
ul.newsticker a:hover {
  color: #0a8919;
}
ul.newsticker span {
  margin: 0 10px 0 0;
}
/*HomeRefresh*/
.Main {
  max-width: 980px;
  margin: 25px auto;
  /*div
    {
        margin-top:15px;
    }*/
}
.Main span,
.Main label {
  font-size: 2em;
  color: black;
  font-weight: 700px;
  margin-bottom: 5px;
}
.Main table {
  border-collapse: collapse;
  width: 100%;
  border: 0;
}
.Main .signature div {
  text-align: center;
}
.Main .signature ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.Main .signature ul li a {
  -moz-box-shadow: 0 10px 14px -7px #3e7327;
  -webkit-box-shadow: 0 10px 14px -7px #3e7327;
  box-shadow: 0 10px 14px -7px #3e7327;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
  background: -moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
  background: -webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
  background: -o-linear-gradient(top, #77b55a 5%, #72b352 100%);
  background: -ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
  background: linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352', GradientType=0);
  -webkit-appearance: none;
  background-color: #77b55a;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #4b8f29;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  /*font-family:Arial;*/
  font-size: 13px;
  font-weight: bold;
  padding: 6px 12px;
  text-decoration: none;
  text-shadow: 0 1px 0 #5b8a3c;
  z-index: 5;
  /*@media @tablet {
        font-size: @font-medium;
        font-weight: bold;
        padding: 12px 24px;
    }*/
  margin: 5px 10px;
}
.Main .signature ul li a:hover {
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
  background: -moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
  background: -webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
  background: -o-linear-gradient(top, #72b352 5%, #77b55a 100%);
  background: -ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
  background: linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a', GradientType=0);
  background-color: #72b352;
}
.Main .signature ul li a:active {
  position: relative;
  top: 1px;
}
.Main .signature ul li a:disabled {
  cursor: not-allowed;
}
/*.ResidualInfo
{
    width:95%;
    margin:2.5%;
    float:left;
}*/
.grdEmptyDataTemplate {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.grdEmptyDataTemplate span {
  font-size: 1.5em;
}
.grdEmptyDataTemplate #spnEmptyResSum {
  font-size: 2.3em;
}
.grdFilterOptions {
  width: 80%;
  margin-left: auto;
  margin-top: 10px;
}
.grdFilterOptions li {
  display: inline-block;
  width: 20%;
  /*input
        {
          color: white;
          background: @color-base;
          border-radius: 5px;
          padding: 3px 10px;
          font-size: 1.5em;

            &:hover
            {
                cursor:pointer;
                background:grey;
            }
        }*/
}
.grdFilterOptions li label {
  color: #000;
  display: inline;
  margin-right: 5%;
  font-size: 1.5em;
  /*font-size:1.8em;*/
}
.grdFilterOptions li select {
  border: 1px solid #004C97;
  border-radius: 5px;
  outline: none;
}
.GridTextLeft {
  text-align: left !important;
}
.GridTextCenter {
  text-align: center !important;
}
.grdResInfoDetail {
  width: 80% !important;
  margin-left: 10%;
  margin-right: 10%;
}
.grdContainer {
  margin-top: -15px !important;
}
.grdContainer div {
  margin-top: 15px;
}
.grdAddHdr tr,
.grdSubHdr tr {
  background-color: #004C97 !important;
}
.grdAddHdr tr td,
.grdSubHdr tr td {
  border: 4px solid #f2f2f2 !important;
}
#Addtemp,
#Subtemp {
  background-color: #f2f2f2 !important;
}
.grdAddNested tr,
.grdSubNested tr {
  background-color: #f2f2f2 !important;
}
.grdAddHdr span,
#lblAddNestedTrigger,
.grdSubHdr span,
#lblSubNestedTrigger {
  font-size: 1em;
  color: #fff;
  font-weight: bold;
  margin-bottom: 5px;
  cursor: pointer;
}
.NumVal {
  display: inline;
  font-size: 1em;
  color: #fff !important;
  font-weight: normal;
  margin-left: 5%;
  font-size: 1em !important;
}
.divGrandTotal {
  float: right;
  font-size: 0.7em;
  /*font-size: .8em;*/
  background-color: #004C97 !important;
  padding: 5px;
  /*margin-top: 3px;*/
  margin-top: 18px;
  margin-right: 19%;
}
.divGrandTotal span,
.divGrandTotal label {
  display: inline;
  margin-right: 10px;
  color: #ffffff;
}
.GridFormat tr {
  /*background-color:#f2f2f2;*/
  /*Broke grid styling in Agent Most, Not sure if I need it in MyPort*/
}
.GridFormat tr:hover {
  cursor: pointer;
  background-color: #00AEDB !important;
}
.GridFormat tr th {
  background: #f2f2f2;
  color: #000;
  font-weight: bold;
  border: none;
  border-bottom: 2px solid #004C97;
  padding: 10px 5px 10px 5px;
  font-size: 15px;
  /*font-size: 17px;*/
  text-transform: capitalize;
  text-align: center;
}
.GridFormat tr td {
  border: none;
  padding: 5px 10px 5px 10px;
  color: #000;
  font-size: 14px;
  /*font-size: 16px;*/
  vertical-align: middle;
  text-align: right;
}
.GridFormat .emptyRow td:nth-of-type(1):before {
  content: "";
}
.grdTktSrch tr td {
  font-size: 12px !important;
}
/*Adds darker gray row color*/
.RowColor tr:nth-child(2n+1) {
  /*background-color: #d9d9d9;*/
  background-color: #e2eaf3;
}
/*Adds GridLines*/
.RowColor tr td {
  border: 1px solid #cccccc;
}
.ulNote {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.ulNote li {
  margin-bottom: 10px;
}
.ulNote li span {
  margin-right: 10px;
}
/*Grid Footer Styling*/
.GridFormatFooter {
  background-color: #004C97 !important;
  color: #ffffff !important;
}
.GridFormatFooter td {
  /*border:4px solid #f2f2f2 !important;*/
}
/*End Grid Footer Styling*/
/*Sets hover color of nested grid row*/
.NestedGrd tr:nth-child(2n+1) td {
  background-color: #f2f2f2;
}
.grdResSummaryNested {
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
}
.grdResSummaryNested tr td {
  width: 33%;
}
.grdResSummaryNested tr td label {
  font-weight: normal;
  font-size: 1em;
  text-align: left;
}
.grdResSummaryNested tr td .AuthAmt {
  width: 40%;
  text-align: right;
}
/*Crazy syling 5/29/15*/
.NestAlgnCol {
  padding-right: 20% !important;
}
.NestAlgnColHdr {
  text-align: -webkit-left !important;
}
/*End Crazy syling 5/29/15*/
/*Currently Hiding Nested Footer (Might Want it displayed Eventually)*/
.NestedFooter {
  display: none;
}
.TableRowHover:hover td {
  cursor: pointer;
  background-color: #002d5a !important;
}
.MyPortBtn:hover {
  background: grey;
}
.GrdToggle {
  float: right;
  font-size: 1.4em;
  /*color:#0000FF !important;*/
  color: #004C97;
  cursor: pointer;
  width: auto;
  margin-top: -13px;
  margin-bottom: 10px;
}
.GrdToggle:hover {
  color: grey;
}
/* NotificationMaint Styling */
.CheckBoxList {
  border: 2px solid #004C97;
  overflow-y: scroll;
  padding: 10px;
  border-radius: 5px;
}
.CheckBoxList td {
  float: left;
  margin-top: 3px;
  margin-bottom: 3px;
}
.CheckBoxList input[type=checkbox] {
  display: inline;
}
.CheckBoxList input[type=text] {
  border: 1px solid #004C97;
}
.CheckBoxList input[type=text]:focus {
  outline: 0!important;
  border-color: #004C97;
  box-shadow: 0 0 5px #004C97;
}
.CheckBoxList label {
  font-size: 1.5em;
  display: inline;
  margin-left: 5px;
}
.CheckBoxList span {
  color: #004C97;
  margin-right: 5%;
}
#lblNoRecords {
  display: none;
  margin-top: 20px;
  color: red;
  text-align: center;
}
.grdNoteSumDescTitle {
  font-size: 1em !important;
  text-align: left !important;
  display: none;
}
.grdNoteSumDesc {
  /*width: 350px;*/
  word-wrap: break-word;
  font-size: 14px !important;
  font-weight: normal !important;
}
/* End NotificationMaint Styling */
/*AccountMaint Styling*/
.PswdMaint {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.PswdMaint ul {
  text-align: center;
  color: black;
}
.PswdMaint ul li label {
  font-size: 1.6em;
  margin-bottom: 10px;
  font-weight: bold;
}
.PswdMaint ul li span {
  width: 160px;
  font-weight: bold;
  display: inline-block;
  text-align: right;
  font-size: 1.4em;
}
.PswdMaint ul li input[type=text] {
  width: 30%;
  margin-bottom: 10px;
}
.PswdMaint ul li input[type=submit] {
  margin: 10px;
}
/*END AccountMaint Styling*/
@media only screen and (max-width: 600px) {
  .GridFormat thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .GridFormat tr {
    padding: 10px;
  }
  .GridFormat tr th {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .GridFormat td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
  }
  .GridFormat td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
  }
  table:first-child tr td {
    /*border: 1px solid #ccc;*/
    border-bottom: 1px solid #ccc;
    padding: 10px;
  }
  /* Force table to not be like tables anymore */
  table,
  thead,
  tfoot,
  tbody,
  th,
  td,
  tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  /*Hide GV Headers*/
  tr th {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  /*tr { border: 1px solid #ccc; padding:10px;}*/
  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
  }
  /*Sets 'Header' attributes*/
  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
  }
  /*Label the data*/
  .grdResInfo {
    /*Label Footer Data*/
  }
  .grdResInfo tr td:nth-of-type(1):before {
    content: "Office:";
    text-align: left;
  }
  .grdResInfo tr td:nth-of-type(2):before {
    content: "Merch Count:";
    text-align: left;
  }
  .grdResInfo tr td:nth-of-type(3):before {
    content: "Bankcard Vol:";
    text-align: left;
  }
  .grdResInfo tr td:nth-of-type(4):before {
    content: "Bankcard Auth:";
    text-align: left;
  }
  .grdResInfo tr td:nth-of-type(5):before {
    content: "Residual Amt:";
    text-align: left;
  }
  .grdResInfo tr td:nth-of-type(6):before {
    content: "Residual Margin:";
    text-align: left;
  }
  .grdResInfo .grdResInfoFooter td {
    width: inherit !important;
  }
  .grdResInfo .grdResInfoFooter td:nth-of-type(1):before {
    display: none;
  }
  .grdResInfo .grdResInfoFooter td:nth-of-type(1) {
    display: none;
  }
  .grdResInfo .grdResInfoFooter td:nth-of-type(2):before {
    content: "Total Merch Count:";
  }
  .grdResInfo .grdResInfoFooter td:nth-of-type(3):before {
    content: "Total Bankcard Vol:";
  }
  .grdResInfo .grdResInfoFooter td:nth-of-type(4):before {
    content: "Total Bankcard Auth:";
  }
  .grdResInfo .grdResInfoFooter td:nth-of-type(5):before {
    content: "Total Residual Amt:";
  }
  .grdResInfo .grdResInfoFooter td:nth-of-type(6):before {
    content: "Total Residual Margin:";
  }
  .grdAddHdr tr,
  .grdSubHdr tr {
    background-color: #f2f2f2 !important;
  }
  .grdAddHdr tr:hover,
  .grdSubHdr tr:hover {
    background-color: #f2f2f2 !important;
  }
  .grdAddHdr tr td,
  .grdSubHdr tr td {
    width: 95% !important;
    display: inline-block !important;
  }
  .grdAddHdr tr td label,
  .grdSubHdr tr td label {
    text-align: left;
    float: none;
  }
  .grdAddHdr tr td #lblAddNestedTrigger,
  .grdSubHdr tr td #lblAddNestedTrigger {
    background-color: #002d5a;
    padding: 10px;
  }
  .grdAddHdr tr td #lblAddNestedTrigger:after,
  .grdSubHdr tr td #lblAddNestedTrigger:after {
    content: " (Expand)";
  }
  .grdAddHdr tr td #AddTotalContainer,
  .grdSubHdr tr td #AddTotalContainer {
    margin: 0 !important;
    text-align: left;
  }
  .grdAddHdr tr td #lblSubNestedTrigger,
  .grdSubHdr tr td #lblSubNestedTrigger {
    background-color: #002d5a;
    padding: 10px;
  }
  .grdAddHdr tr td #lblSubNestedTrigger:after,
  .grdSubHdr tr td #lblSubNestedTrigger:after {
    content: " (Expand)";
  }
  .grdAddHdr tr td #SubTotalContainer,
  .grdSubHdr tr td #SubTotalContainer {
    margin: 0 !important;
    text-align: left;
  }
  .grdResSummaryNested {
    /*removes unneeded hover effects when report is shrunk down*/
  }
  .grdResSummaryNested:hover {
    background-color: #f2f2f2 !important;
  }
  .grdResSummaryNested .NestedHeader:hover,
  .grdResSummaryNested .TableRowHover:hover td {
    background-color: #f2f2f2 !important;
  }
  .grdResSummaryNested tr td {
    width: 95% !important;
    display: inline-block;
    float: none;
  }
  .grdResSummaryNested tr td .AuthDesc:nth-of-type(1):before {
    content: "Payment Line Desc:";
    text-align: left;
    color: #004C97;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    margin-bottom: 5px;
    width: 100%;
  }
  .grdResSummaryNested tr td .AuthName:nth-of-type(1):before {
    content: "Account Desc:";
    text-align: left;
    color: #004C97;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    margin-bottom: 5px;
    width: 100%;
  }
  .grdResSummaryNested tr td .AuthAmt:nth-of-type(1):before {
    content: "Payment Amt:";
    text-align: left;
    color: #004C97;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    margin-bottom: 5px;
    width: 100%;
  }
  /*.grdTop5byVol tr td:nth-of-type(1):before { content: "Merchant";}*/
  .grdTop5byVol tr td:nth-of-type(3):before {
    content: "Office:";
    text-align: left;
  }
  .grdTop5byVol tr td:nth-of-type(3) {
    text-align: right !important;
  }
  .grdTop5byVol tr td:nth-of-type(4):before {
    content: "Volume:";
    text-align: left;
  }
  /*.grdTop5byProf tr td:nth-of-type(1):before { content: "Merchant";}*/
  .grdTop5byProf tr td:nth-of-type(3):before {
    content: "Office:";
    text-align: left;
  }
  .grdTop5byProf tr td:nth-of-type(3) {
    text-align: right !important;
  }
  .grdTop5byProf tr td:nth-of-type(4):before {
    content: "Profitability:";
    text-align: left;
  }
  .grdTop5byVol .col1,
  .grdTop5byProf .col1 {
    text-align: right !important;
    font-weight: bold;
    margin-bottom: 10px;
  }
  /*.ulSummaryLeft, .ulSummaryRight
    {
        .flex-parent();
        //float:left;
        //width:100% !important;

        /*li
        {
            span
            {
              display: inline-block;
              font-weight: bold;
              font-size: 1.8em;
              text-align: right;
              margin-right: 2%;
            }

            label
            {
              display: inline;
              font-size: 1.8em;
              font-weight: 400;
              text-align: left;
            }
        }
    }*/
  /*Footer Row Formatting*/
  .GridFormatFooter {
    padding: 0;
  }
  /*Summary Grid Responsive Styling (Gets Confusing...)*/
  /*Sets hover for first row*/
  .GridFormat table tr:hover {
    cursor: pointer;
    background-color: #002d5a !important;
  }
  /*Removes hover from nested row*/
  #temp:hover {
    cursor: pointer;
    background-color: #f2f2f2 !important;
  }
  /*Sets attributes for Summary Grid 'Hdr' text*/
  .grdResSummary tr td:before {
    font-weight: bold;
  }
  /*Sets Column1 Header Text in Totals Grid*/
  .grdResSummary td:nth-of-type(1):before {
    content: "Office Count";
  }
  /*For Some Reason, temp row added Office Count hdr text, this removes it...*/
  #temp td:nth-of-type(1):before {
    content: "";
  }
  .grdResSummary tr {
    border: none;
  }
  /*Removes Nested GV Header styling*/
  .NestedHeader {
    border: none !important;
  }
  .grdResSummaryNested {
    /*Sets attributes for each 'rows' set of data*/
  }
  .grdResSummaryNested tr {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .grdResSummaryNested tr td {
    /*Sets attributes for Nested Grid 'Hdr' text*/
  }
  .grdResSummaryNested tr td:before {
    color: #004C97;
    font-weight: bold;
    text-align: left;
  }
  /*TicketMaint.aspx Grids*/
  /*Merchant List Grid*/
  .grdMerchList tr td:nth-of-type(1):before {
    content: "Merchant Number:";
    text-align: left;
  }
  .grdMerchList tr td:nth-of-type(2):before {
    content: "DBA:";
    text-align: left;
  }
  .grdMerchList tr td:nth-of-type(3):before {
    content: "Office:";
    text-align: left;
  }
  .grdMerchList tr td:nth-of-type(4):before {
    content: "Branch:";
    text-align: left;
  }
  .grdMerchList tr td:nth-of-type(5):before {
    content: "Rep Code:";
    text-align: left;
  }
  .grdMerchList tr td:nth-of-type(6):before {
    content: "Owner:";
    text-align: left;
  }
  /*Open Service Tickets Grid*/
  .grdTktSrch tr td:nth-of-type(1):before {
    content: "Open:";
    text-align: left;
  }
  .grdTktSrch tr td:nth-of-type(2):before {
    content: "Ticket:";
    text-align: left;
  }
  .grdTktSrch tr td:nth-of-type(3):before {
    content: "Last Comment:";
    text-align: left;
  }
  .grdTktSrch tr td:nth-of-type(4):before {
    content: "CN:";
    text-align: left;
  }
  .grdTktSrch tr td:nth-of-type(5):before {
    content: "MID:";
    text-align: left;
  }
  .grdTktSrch tr td:nth-of-type(6):before {
    content: "DBA:";
    text-align: left;
  }
  .grdTktSrch tr td:nth-of-type(7):before {
    content: "Owner Grp:";
    text-align: left;
  }
  .grdTktSrch tr td:nth-of-type(8):before {
    content: "Rep:";
    text-align: left;
  }
  .grdTktSrch tr td:nth-of-type(9):before {
    content: "Problem Type:";
    text-align: left;
  }
  /*Open Service Tickets Grid*/
  .GridFormatFooter td:nth-of-type(1):before {
    content: "" !important;
    text-align: left;
  }
  .GridFormatFooter td:nth-of-type(2):before {
    content: "" !important;
    text-align: left;
  }
  .GridFormatFooter td:nth-of-type(3):before {
    content: "" !important;
    text-align: left;
  }
  .GridFormatFooter td:nth-of-type(4):before {
    content: "" !important;
    text-align: left;
  }
  .GridFormatFooter td:nth-of-type(5):before {
    content: "" !important;
    text-align: left;
  }
  .GridFormatFooter td:nth-of-type(6):before {
    content: "" !important;
    text-align: left;
  }
  .GridFormatFooter td:nth-of-type(7):before {
    content: "" !important;
    text-align: left;
  }
  .GridFormatFooter td:nth-of-type(8):before {
    content: "" !important;
    text-align: left;
  }
  .GridFormatFooter td:nth-of-type(9):before {
    content: "" !important;
    text-align: left;
  }
  /*Comment History Grid*/
  .grdTktCom tr td:nth-of-type(1):before {
    content: "Date Added:";
    text-align: left;
    left: -60px;
  }
  .grdTktCom tr td:nth-of-type(2):before {
    content: "Owner Grp:";
    text-align: left;
    left: -60px;
  }
  .grdTktCom tr td:nth-of-type(3):before {
    content: "Added By:";
    text-align: left;
    left: -60px;
  }
  .grdTktCom tr td:nth-of-type(4):before {
    content: "Problem Type:";
    text-align: left;
    left: -60px;
  }
  .grdTktCom tr td:nth-of-type(5):before {
    content: "Rep:";
    text-align: left;
    left: -60px;
  }
  .grdTktCom tr td:nth-of-type(6):before {
    content: "Comment:";
    text-align: left;
    left: -60px;
  }
  .TicketSearch1 {
    width: 95%;
  }
  .TicketSearch1 label {
    width: 50%;
  }
  /*Hierarchy Grids*/
  #liNewSubAgt,
  #liViewInactiveAgt,
  #liViewActiveAgt,
  #liSubAgentBack {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  #liNewSubAgt input[type="button"],
  #liViewInactiveAgt input[type="button"],
  #liViewActiveAgt input[type="button"],
  #liSubAgentBack input[type="button"] {
    width: 100%;
  }
  /*Active Agents Grid*/
  .grdSubAgentList {
    margin-top: 50px;
  }
  .grdSubAgentList tr td:nth-of-type(1):before {
    content: "Username:";
    text-align: left;
  }
  .grdSubAgentList tr td:nth-of-type(2):before {
    content: "Office:";
    text-align: left;
  }
  .grdSubAgentList tr td:nth-of-type(3):before {
    content: "Branch:";
    text-align: left;
  }
  .grdSubAgentList tr td:nth-of-type(4):before {
    content: "Rep Code:";
    text-align: left;
  }
  .grdSubAgentList tr td:nth-of-type(6):before {
    content: "Residuals:";
    text-align: left;
  }
  .grdSubAgentList tr td:nth-of-type(7):before {
    content: "Emails:";
    text-align: left;
  }
  /*Inactive Agents Grid*/
  .grdInactive {
    margin-top: 50px;
  }
  .grdInactive tr td:nth-of-type(1):before {
    content: "Username:";
    text-align: left;
  }
  .grdInactive tr td:nth-of-type(2):before {
    content: "Branch:";
    text-align: left;
  }
  .grdInactive tr td:nth-of-type(3):before {
    content: "Rep Code:";
    text-align: left;
  }
  .grdInactive tr td:nth-of-type(4):before {
    content: "Inactive Date:";
    text-align: left;
  }
  /*Sub Agent Detail ul*/
  .DisplayDataUL li span {
    text-align: left;
    float: left;
  }
  .DisplayDataUL li label {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .DisplayDataUL li input[type="text"] {
    width: 90%;
    display: block;
  }
  .divCreateContainer .divLeft {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .divCreateContainer .divLeft ul li {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
  }
  .divCreateContainer .divLeft ul li span {
    display: block;
    width: 100%;
    text-align: left;
  }
  .divCreateContainer .divRight {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .divCreateContainer .divRight ul li {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
  }
  .divCreateContainer .divRight ul li span {
    display: block;
    width: 100%;
    text-align: left;
  }
  /*Sub Agent Detail Merchant List Grid*/
  .grdSubDetail .DisplayDataUL li span {
    float: none;
  }
  .grdSubDetail tr td:nth-of-type(1):before {
    content: "Merchant Number:";
    text-align: left;
  }
  .grdSubDetail tr td:nth-of-type(2):before {
    content: "Branch:";
    text-align: left;
  }
  .grdSubDetail tr td:nth-of-type(3):before {
    content: "Rep Code:";
    text-align: left;
  }
  .grdSubDetail tr td:nth-of-type(4):before {
    content: "DBA Name:";
    text-align: left;
  }
  .grdSubDetail tr td:nth-of-type(5):before {
    content: "Office:";
    text-align: left;
  }
  .grdSubAgentList tr td input,
  .grdInactive tr td input {
    width: 100%;
  }
  /*END Hierarchy Grids*/
  /*Notification Maint Grid*/
  .grdNoteSum tr td:nth-of-type(1):before {
    content: "Title:";
    text-align: left;
  }
  .grdNoteSum tr td:nth-of-type(3):before {
    content: "Last Modified:";
    text-align: left;
  }
  .grdNoteSum tr td:nth-of-type(4):before {
    content: "Modified By:";
    text-align: left;
  }
  .grdNoteSumDescTitle {
    display: block;
  }
  /*END Notification Maint Grid*/
  .grdMerchList tr td,
  .grdTktSrch tr td,
  .grdSubAgentList tr td,
  .grdInactive tr td,
  .grdNoteSum tr td {
    text-align: right !important;
  }
  .grdTktCom tr td {
    left: 60px;
    text-align: right !important;
  }
  /*END TicketMaint.aspx Grids*/
  /*ProfileMaint.aspx Grids*/
  .divProfileOffices .grdProfileOffices tr td {
    text-align: right !important;
  }
  .divProfileOffices .grdProfileOffices tr td:nth-of-type(1):before {
    content: "Office:";
    text-align: left;
  }
  .divProfileOffices .grdProfileOffices tr td:nth-of-type(2):before {
    content: "Name:";
    text-align: left;
  }
  .divProfileOffices .grdProfileOffices tr td:nth-of-type(3):before {
    content: "Phone:";
    text-align: left;
  }
  .divProfileOffices .grdProfileOffices tr td:nth-of-type(4):before {
    content: "Type:";
    text-align: left;
  }
  .divProfileElenPricing ul {
    text-align: center;
    margin-bottom: 10px;
  }
  .divProfileElenPricing .grdProfileElenPricing tr td {
    text-align: right !important;
  }
  .divProfileElenPricing .grdProfileElenPricing tr td:nth-of-type(2):before {
    content: "Name:";
    text-align: left;
  }
  .divProfileElenPricing .grdProfileElenPricing tr td:nth-of-type(3):before {
    content: "Office:";
    text-align: left;
  }
  .divProfileElenPricing .grdProfileElenPricing tr td:nth-of-type(4):before {
    content: "Branch:";
    text-align: left;
  }
  .divProfileElenPricing .grdProfileElenPricing tr td:nth-of-type(5):before {
    content: "Rep Code:";
    text-align: left;
  }
  .divProfileElenPricing .grdProfileElenPricing tr td:nth-of-type(6):before {
    content: "Locked:";
    text-align: left;
  }
  /*END ProfileMaint.aspx Grids*/
}
@media only screen and (max-width: 400px) {
  .grdFilterOptions {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }
  .grdFilterOptions li {
    width: 30%;
  }
  .grdFilterOptions .liSubmit {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .SubDetailResBtn {
    display: block;
    margin: 10px;
    text-align: center;
  }
}
.divTop5byVol {
  float: left;
  width: 45%;
  margin-left: 2.5%;
  margin-top: 15px;
}
.divTop5byVol ul li span {
  float: left;
}
.divTop5byVolSubAgt {
  float: left;
  width: 95%;
  margin: 15px 2.5%;
}
.grdTop5byVol .col1,
.grdTop5byProf .col1 {
  text-align: left;
}
.divTop5byProf {
  float: left;
  width: 45%;
  margin-left: 5%;
  margin-top: 15px;
}
.divTop5byProf ul li span {
  float: left;
}
.grdSummary {
  width: 95%;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 2.5%;
  margin-right: 2.5%;
}
.divChart {
  width: 95%;
  float: left;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: 2.5%;
  margin-right: 2.5%;
  /*height:400px;*/
  height: 420px;
}
.divChart fieldset {
  height: 100%;
}
.divChart #chartDiv {
  width: 97%;
  /*Formatting Legend*/
  /*Styles tool tip*/
}
.divChart #chartDiv table {
  width: 95%;
  background-color: #f2f2f2;
  border: none;
  text-align: center;
  margin-top: 30px;
}
.divChart #chartDiv table tr {
  margin: 10px;
  font-weight: bold;
  display: inline-block;
}
.divChart #chartDiv table tr td div {
  margin-right: 3px;
}
.divChart #chartDiv .jqplot-cursor-tooltip {
  font-size: 20px;
}
.divChart #chartDiv .jqplot-table-legend-swatch-outline {
  border: none;
}
.divChart #chartDiv .pop .resColor {
  color: #eaa228;
}
.divChart #chartDiv .pop .volColor {
  color: #4bb2c5;
}
.divChart #chartDiv .pop label {
  font-size: 1em;
  display: inline;
}
.PortfolioStats {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.PortfolioStats li {
  flex: 2 0 50%;
  display: inline-block;
  /*float:left;
        width:50%;*/
}
.PortfolioStats li span {
  display: inline-block;
  font-weight: bold;
  font-size: 1.8em;
  text-align: right;
}
.PortfolioStats li label {
  display: inline;
  font-size: 1.8em;
  font-weight: 400;
  text-align: left;
}
.grdHyperlink {
  color: #0000FF !important;
  cursor: pointer;
}
/*ProfileMaint.aspx*/
.divProfileInfo ul li {
  display: block;
  margin: 10px;
  text-align: right;
  max-width: 50em;
  margin-left: auto;
  margin-right: auto;
}
.divProfileInfo ul li label {
  display: inline-block;
  font-weight: 700;
  font-size: 1.6em;
  margin-right: 5px;
}
.divProfileInfo ul li input[type=text] {
  width: 70%;
}
.divProfileInfo ul li input[type=submit] {
  margin: 5px;
}
.divProfileElenPricing ul {
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 400px) {
  .divProfileInfo ul li label {
    display: block;
    text-align: left;
  }
  .divProfileInfo ul li input[type=text] {
    width: 95%;
    display: block;
  }
  .divProfileInfo ul li input[type=submit] {
    margin: 5px;
  }
}
.divProfileOffices {
  margin-top: 10px;
}
.divProfileOfficeDetail ul {
  margin-left: 5%;
  margin-right: 5%;
}
.divProfileOfficeDetail ul li {
  display: block;
  margin: 10px;
}
.divProfileOfficeDetail ul li label {
  display: inline-block;
  font-weight: 700;
  font-size: 1.6em;
  margin-right: 5px;
  width: 8em;
  text-align: right;
}
.divProfileOfficeDetail ul li input[type=text] {
  /*width:70%;*/
}
.divProfileOfficeDetail ul li input[type=submit] {
  margin: 5px;
}
.lblW4em {
  width: 4em !important;
}
@media only screen and (max-width: 400px) {
  .divProfileOfficeDetail ul li {
    display: block;
    margin: 10px;
  }
  .divProfileOfficeDetail ul li label {
    display: block;
    text-align: left;
    margin-top: 5px;
  }
  .divProfileOfficeDetail ul li input[type=text] {
    width: 95%;
  }
}
/*END ProfileMaint.aspx*/
/***************************************************/
/*#region dlg*/
.dlg {
  background: #e7e7e7 !important;
  padding: 10px 15px;
  /*Hides Close btn on dialog*/
}
.dlg input[type=radio],
.dlg input[type=checkbox] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.dlg input[type=radio] + label,
.dlg input[type=checkbox] + label {
  padding-left: 27px;
  height: 22px;
  display: inline-block;
  line-height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 2.2em;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.dlg input[type=radio]:checked + label,
.dlg input[type=checkbox]:checked + label {
  background-position: 0 -22px;
  font-weight: 600;
}
.dlg input[type=radio] + label,
.dlg input[type=checkbox] + label {
  background-image: url(../images/checkbox.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  padding-right: 5px;
}
.dlg:disabled {
  cursor: not-allowed;
}
.dlg .ui-dialog-titlebar {
  background: #004C97;
}
.dlg .ui-dialog-titlebar span {
  color: #FFF;
  font-size: 1.2em;
}
.dlg .ui-dialog-titlebar-close {
  visibility: hidden;
}
.dlg span {
  font-size: 1.2em;
  line-height: 1.6em;
}
/*#endregion*/
/*  landscape on ipad */
@media print {
  .pgBreak {
    page-break-after: always;
  }
}
/*#region New / Refresh */
/*#region site wide custom styling*/
table {
  width: 100%;
  border: 0;
}
table th {
  color: #000;
  font-weight: 700;
  border: none;
  border-bottom: 2px solid #004C97;
  padding: 10px 5px 10px 5px;
  font-size: 14px;
  text-transform: capitalize;
  text-align: center;
  vertical-align: bottom;
}
table th.Currency {
  text-align: right !important;
}
table th.Count {
  text-align: right !important;
}
table th.Left {
  text-align: left !important;
}
table th.Percent {
  text-align: right !important;
}
table tbody tr[class^="GridFormatRowBreaker"] {
  background-color: #a0a0a0;
  text-align: left;
}
table tbody tr[class^="GridFormatRowBreaker"]:hover {
  background-color: #a0a0a0;
  cursor: pointer;
}
table tbody tr.GridFormatRowBreak {
  background-color: #a0a0a0 !important;
  text-align: left;
}
table tbody tr:nth-child(even) {
  background-color: #e2eaf3;
}
table tbody tr:nth-child(even):hover {
  background-color: #00AEDB !important;
}
table tbody tr td {
  padding: 5px 10px 5px 10px;
  color: #000;
  font-size: 12px;
  vertical-align: middle;
  text-align: left;
  border: 0;
}
table tbody tr td.GridFormatFooter {
  text-align: right !important;
  background-color: #e0e0e0;
}
table tbody tr td.Count {
  text-align: right !important;
}
table tbody tr td.Currency {
  text-align: right !important;
}
table tbody tr td.Percent {
  text-align: right !important;
}
table tbody tr:hover {
  background-color: #00AEDB;
  cursor: pointer;
}
table thead tr:hover {
  background-color: none !important;
}
table.grdAgentList tr[class^="GridFormatRowBreaker"] {
  background-color: #a0a0a0;
  text-align: left;
}
table.grdAgentList tr[class^="GridFormatRowBreaker"]:hover {
  background-color: #a0a0a0;
  cursor: pointer;
}
table.grdAgentList tr.GridFormatRowBreak {
  background-color: #a0a0a0 !important;
  text-align: left;
}
table.grdAgentList tr:nth-child(even) {
  background-color: #e2eaf3;
}
table.grdAgentList tr:nth-child(even):hover {
  background-color: #00AEDB !important;
}
table.grdAgentList tr td {
  padding: 5px 10px 5px 10px;
  color: #000;
  font-size: 12px;
  vertical-align: middle;
  text-align: left;
  border: 0;
}
table.grdAgentList tr td:hover {
  cursor: pointer;
}
table.grdAgentList tr td.GridFormatFooter {
  text-align: right !important;
  background-color: #e0e0e0;
}
.dataTables_wrapper .top .dt-buttons {
  float: left;
}
.dataTables_wrapper .top .dataTables_filter {
  float: right;
}
.dataTables_wrapper .top .dataTables_filter label {
  font-size: 0.8rem;
  font-weight: 600;
}
.dataTables_wrapper .top .dataTables_filter input[type=search] {
  border: 1px solid #004C97;
  border-radius: 5px;
  font-size: 1.5em !important;
  padding: 5px;
  outline: none;
  font-size: 0.6rem;
}
.dataTables_wrapper .top .dataTables_filter input[type=search]:focus {
  outline: 0!important;
  border-color: #004C97;
  box-shadow: 0 0 5px #004C97;
}
.dataTables_wrapper th:hover {
  cursor: pointer;
}
::-webkit-input-placeholder {
  color: black;
  text-align: left;
  font: 0.8em/100% lighter;
}
:-moz-placeholder {
  /* older Firefox*/
  font: 0.8em/100% lighter;
  color: black;
  text-align: left;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: black;
  text-align: left;
  font: 0.8em/100% lighter;
}
:-ms-input-placeholder {
  color: black;
  text-align: left;
  font: 0.8em/100% lighter;
}
.expander {
  height: 1.6em;
  width: 1.6em;
  background-size: cover;
  display: inline-block;
  -webkit-transition: background-image 0.3s ease-in-out;
  transition: background-image 0.3s ease-in-out;
}
.plus {
  background-image: url(data:image/png;base64,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);
}
.minus {
  background-image: url(data:image/png;base64,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);
}
ul {
  padding: 0;
}
.pageSubHeader1 {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  text-shadow: 1px 1px 1px #777;
}
.searchFields > ul {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.searchFields > ul li {
  padding: 0 10px;
  /*@media @smartphones {
                    width:100%;
                    margin:2px auto;
                }*/
}
@media only screen and (max-width: 667px) {
  .searchFields > ul {
    flex-direction: column;
    padding: 2px 10px;
    width: 100%;
  }
}
.searchFields .datePanel {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  text-align: left;
}
.divMerchantInfoUC {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  max-width: 1100px;
  min-width: 240px;
  margin: 0 auto;
}
.divMerchantInfoUC > li {
  vertical-align: top;
}
.divMerchantInfoUC > li:first-child {
  width: 375px;
}
.divMerchantInfoUC > li ul {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.divMerchantInfoUC > li ul li {
  flex-basis: 3;
  padding: 2px;
}
.divMerchantInfoUC > li ul li span {
  display: inline-block;
  font-weight: 700;
  font-size: 1.5em;
  text-align: right;
  margin-right: 5px;
  width: 125px;
}
.divMerchantInfoUC > li ul li span + span {
  display: inline-block;
  font-size: 1.4em;
  font-weight: 400;
  text-align: left;
  width: 150px;
}
.divMerchantInfoUC > li:nth-last-child(1) {
  border-top: 1px solid #004C97;
  margin: 5px 0;
  padding: 5px 0;
  width: 100%;
}
.divMerchantInfoUC > li:nth-last-child(1) ul {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.blue {
  background: rgba(0, 0, 255, 0.55);
}
/*#endregion*/
/*#region Page Specific styling*/
.MOST {
  max-width: 1280px;
  margin: 0 auto;
}
.DateFromTo {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.DateFromTo li label,
.DateFromTo li span {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
}
.DateFromTo li input[type=text] {
  background-color: #ffffff;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  height: 23px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  width: 90px;
  line-height: 24px;
  padding: 0 0 0 8px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.DateFromTo li input[type=text]:focus {
  outline: none !important;
  border-color: #777;
  box-shadow: 0 0 5px #919191;
}
.MonthlyResiduals {
  min-width: 100%;
  margin: 0 auto;
}
.MonthlyResiduals table tr th {
  color: #000;
  font-weight: 700;
  border: none;
  border-bottom: 2px solid #004C97;
  padding: 10px 5px 10px 5px;
  font-size: 18px;
  text-transform: capitalize;
}
.MonthlyResiduals table tr th:hover {
  cursor: pointer;
}
.MonthlyResiduals table tbody tr:nth-child(even) {
  background-color: #f4f4f4;
}
.MonthlyResiduals table tbody tr:hover:not(.header) {
  background-color: #00AEDB !important;
  cursor: pointer;
}
.MonthlyResiduals table#MonthlyResidualsSummaryTable thead tr th {
  text-align: right;
}
.MonthlyResiduals table#MonthlyResidualsSummaryTable thead tr th:nth-child(1) {
  text-align: left;
}
.MonthlyResiduals table#MonthlyResidualsSummaryTable thead tr:hover {
  background-color: none !important;
}
.MonthlyResiduals table#MonthlyResidualsSummaryTable tbody tr td {
  padding: 5px 10px 5px 10px;
  color: #000;
  font-size: 16px;
  vertical-align: middle;
}
.MonthlyResiduals table#MonthlyResidualsSummaryTable tfoot tr td {
  text-align: right;
  padding: 5px 10px 5px 10px;
  color: #ffffff;
  font-size: 16px;
  vertical-align: middle;
}
.MonthlyResiduals table.MonthlyResiduals th {
  font-size: 14px;
}
.MonthlyResiduals table.MonthlyResiduals th.Left {
  text-align: left;
}
.MonthlyResiduals table.MonthlyResiduals tbody tr:nth-child(even) {
  background-color: #e2eaf3;
}
.MonthlyResiduals table.MonthlyResiduals tbody tr td {
  padding: 5px 10px 5px 10px;
  color: #000;
  font-size: 12px;
  vertical-align: middle;
  text-align: left;
  border: 0;
}
.MonthlyResiduals table.MonthlyResiduals tfoot tr {
  border: 0;
  border-top: 1px solid #000;
}
.MonthlyResiduals table.MonthlyResiduals tfoot tr td {
  text-align: right;
  font-weight: 600;
  border: 0;
  color: #000;
  font-size: 13px;
  vertical-align: middle;
}
.BatchDetailOffice {
  max-width: 960px;
  margin: 0 auto;
}
.DealsInProcess input[type=text] {
  background-color: #ffffff;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  height: 23px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  width: 80px;
  line-height: 24px;
  padding: 0 0 0 8px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.DealsInProcess input[type=text]:focus {
  outline: none !important;
  border-color: #004C97;
  box-shadow: 0 0 5px #0066ca;
}
.DealsInProcess span {
  font-weight: 600;
  font-size: 14px;
}
.DealsInProcess ul {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.DealsInProcess ul.dateRange {
  max-width: 420px;
}
.DealsInProcess ul.btnNav {
  padding: 5px 0;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.42);
}
.ServiceTicketSearch ul {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.ServiceTicketSearch ul li input[type=text] {
  background-color: #ffffff;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  height: 23px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  width: 150px;
  line-height: 24px;
  padding: 0 0 0 8px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.ServiceTicketSearch ul li input[type=text]:focus {
  outline: none !important;
  border-color: #004C97;
  box-shadow: 0 0 5px #0066ca;
}
.SubmittedLeads {
  margin: 0 2%;
  padding-top: 6px;
}
.SubmittedLeads #aSubmitDeal {
  font-size: 2.4em;
  /*color: #0645AD ;
        padding:4px 8px;
        margin: 5px auto;*/
}
.validateSubmitLead {
  background: #F3B8B8 !important;
  text-shadow: none!important;
}
#dlgSubmitLead {
  max-width: 640px;
}
#dlgSubmitLead ul {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
#dlgSubmitLead ul li {
  flex: 2 2 45%;
  padding: 3px 8px;
}
#dlgSubmitLead ul li input[type=text],
#dlgSubmitLead ul li input[type=email],
#dlgSubmitLead ul li select,
#dlgSubmitLead ul li textarea {
  background-color: #ffffff;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  height: 23px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  width: 100%;
  line-height: 24px;
  padding: 0 0 0 8px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-size: 1.4em;
}
#dlgSubmitLead ul li input[type=text]:focus,
#dlgSubmitLead ul li input[type=email]:focus,
#dlgSubmitLead ul li select:focus,
#dlgSubmitLead ul li textarea:focus {
  outline: none !important;
  border-color: #777;
  box-shadow: 0 0 5px #919191;
}
#dlgSubmitLead ul li textarea {
  height: 4.2em;
  white-space: pre-wrap;
  overflow: scroll;
}
.ui-dialog .ui-dialog-buttonpane {
  border: 1px solid #00063C !important;
  border-width: 1px 0 0 0 !important;
  background: #00AEDB !important;
  color: #383838;
}
/*#endregion*/
/*#endregion*/
/*#region Toastr*/
.toast-title {
  font-size: 22px;
}
.toast-message {
  font-size: 18px;
}
.toast-progress {
  background-color: #FFFFFF;
}
/*#endregion*/