@charset "UTF-8";
* {
  box-sizing: border-box !important; }

body, h1, h2, h3, .main-nav, .sagi-nav, #banner p, .browsers, .mobileOSs, #footer ul, #footer p, #nav-pager, #examples-list, #themeChooser, .widgetGrid ul {
  margin: 0;
  padding: 0;
  list-style: none; }

body {
  background-color: #F0F7FD !important;
  min-height: 100%;
  min-width: 100%;
  font-size: 19px !important;
  /*changed font size to 19px - client recommendation*/
  /*overflow: auto !important;*/
  font-family: "Roboto", sans-serif;
  height: 100vh; }

/* scroll bar css starts*/
.toggle-menu-container::-webkit-scrollbar-track, body::-webkit-scrollbar-track, .page-container::-webkit-scrollbar-track,
.GridHolder::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5; }

.toggle-menu-container::-webkit-scrollbar, .GridHolder::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5; }

body::-webkit-scrollbar, .page-container::-webkit-scrollbar, .GridHolder ::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5; }

.toggle-menu-container::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .page-container::-webkit-scrollbar-thumb,
.GridHolder::-webkit-scrollbar-thumb {
  background-color: #cecaca;
  height: 30px; }

/* scroll bar css ends*/
img {
  border: 0; }

#header a, li > a, h2 > a, h3 > a, #footer a, .get-sagiui {
  text-decoration: none; }

#header {
  background: url("../images/header_LBg.png") no-repeat left top; }

UL LI a, li a {
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  -moz-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out; }

h2 {
  font-weight: bold; }

a:focus {
  outline: none; }

/*global*/
.floatWrap:after, #example:after {
  content: "";
  display: block;
  clear: both; }

.floatWrap, #example {
  display: block; }

.hideControl {
  display: none !important; }

.hideConAndRef {
  display: none !important; }

.clear {
  clear: both; }

html {
  overflow-y: scroll; }

#header, #banner, .suite-demos-nav, .demos-nav,
.search-panel, #footer, .centerWrap {
  font-family: "Roboto", sans-serif; }

.overview,
#footer {
  font-size: 0.813em; }

.overview #header,
.overview #banner,
.overview .suite-demos-nav,
.overview .demos-nav,
.overview #footer {
  /*iPad fix*/
  min-width: 990px; }

.centerWrap {
  /*width:940px;*/
  margin: 0;
  padding: 0; }

.widgetGrid .centerWrap {
  /*width:976px;*/ }

/*header*/
#header h1 {
  width: 240px;
  height: 37px;
  float: left;
  margin: 14px 100px 14px 0px; }

.overview #header h1 {
  width: 223px;
  height: 73px;
  margin: 16px 0 0; }

#logo {
  display: block;
  height: 100%;
  text-indent: -4444px;
  text-align: center;
  overflow: hidden;
  background: url(../Images/neospin-logo.png) no-repeat left top;
  height: 60px;
  margin-top: 5px;
  margin-left: 10px;
  float: left;
  width: 170px; }

#header ul {
  float: right;
  clear: right;
  color: #f2a93d;
  margin-top: 25px;
  margin-right: 10px; }

.main-nav {
  margin: 22px -8px 0 0; }

.main-nav > li,
.sagi-nav > li {
  float: left;
  position: relative; }

.main-nav > li {
  border-left: 1px solid #dcdcdc;
  padding: 0 8px; }

.main-nav li:first-child {
  border: 0; }

.suite-demos-nav a:hover {
  color: #fff;
  /*background:#ffa200;*/
  padding: 0px 5px 0px 5px; }

.main-nav a {
  color: #2e2e2e; }

.sagi-nav {
  margin: 10px 0px 0px 0px; }

.overview .sagi-nav {
  margin: 22px 0; }

.sagi-nav > li {
  width: 30px;
  height: 30px;
  margin-right: 8px;
  background-color: #004865;
  border-radius: 5px;
  cursor: pointer; }

.sagi-nav > li:hover {
  background-color: #004865; }

.sagi-nav a {
  display: block;
  font: 21px/1.6 Lucida Sans, Tahoma, Arial, Sans-serif;
  color: #2e2e2e;
  text-align: center;
  line-height: 45px;
  width: 30px;
  height: 30px;
  background-color: #004865;
  border-radius: 5px;
  cursor: pointer; }

.icon-home {
  background: url(../images/nav-one.png) no-repeat 1px 3px; }

.icon-home:hover {
  background: url(../images/home-hover.png) no-repeat 1px 3px; }

.icon-save {
  background: url(../images/save.gif) no-repeat 1px 3px; }

.icon-cashe {
  background: url(../images/nav-two.png) no-repeat 1px 3px; }

.icon-cashe:hover {
  background: url(../images/cashe-hover.png) no-repeat 1px 3px; }

.icon-prev {
  background: url(../images/nav-three.png) no-repeat 1px 3px; }

.icon-prev:hover {
  background: url(../images/arrow-hover.png) no-repeat 1px 3px; }

.icon-about {
  background: url(../images/nav-four.png) no-repeat 1px 3px; }

.icon-about:hover {
  background: url(../images/nav-four-hover.png) no-repeat 1px 3px; }

.icon-logout {
  background: url(../images/nav-five.png) no-repeat 1px 3px; }

.icon-logout:hover {
  background: url(../images/logout-hover.png) no-repeat 1px 3px; }

.main-nav a > span,
.sagi-nav a > span {
  font: .55em/1 sans-serif;
  position: relative;
  top: -.2em; }

#header .get-sagiui,
#mainWrap .get-sagiui {
  color: #fff; }

.sagi-nav .get-sagiui {
  font-size: 1.063em;
  line-height: 34px; }

.get-sagiui:hover,
.launchButton:hover {
  filter: alpha(opacity=80);
  opacity: .8; }

.sagi-nav .active,
.suite-demos-nav .active,
#footer .centerWrap,
#codeStrip .k-state-active {
  position: relative; }

/*orange bar*/
#banner {
  background: 50% 50% url(../images/flowerWrap.png);
  min-height: 2px; }

.overview #bannerInner {
  padding: 30px 0 10px 0;
  background: 50% 0 url(flowers.png); }

#bannerInner > .centerWrap {
  height: 100%; }

#banner h1 {
  font-size: 1.875em;
  line-height: 32px;
  margin-bottom: 20px;
  color: white;
  font-weight: normal; }

/*suite demos nav*/
.suite-demos-nav {
  height: 66px;
  background: #FFA200 url(../images/vrHeader.png) repeat-x left top; }

.suite-demos-nav ul {
  list-style: none; }

.suite-demos-nav a {
  display: block;
  font-size: 0.813em;
  /*line-height:46px;*/
  color: #fff; }

.mainMenuIcon {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto; }

.mainMenuIconPerson {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto; }

.mainMenuIconOrga {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto; }

.mainMenuIconPay {
  width: 24px;
  height: 24px;
  display: block;
  padding-left: 30px; }

.suite-demos-nav .active:before,
.suite-demos-nav .active:after {
  content: " ";
  display: block;
  left: 50%;
  margin: 0 0 0 -7px;
  position: absolute;
  top: 40px;
  width: 0;
  height: 0; }

.suite-demos-nav .selected {
  background: #ffa200; }

.suite-demos-nav li:hover {
  background: #ffa200; }

.suite-demos-nav .active:last-child:after {
  border-color: #fff transparent; }

.suite-demos-nav .active:before {
  border-color: #c9c9c9 transparent;
  margin-top: -1px; }

/*featured demos and demos-nav*/
.demos-nav,
.sourceChooser,
#codeStrip .k-content.k-tabstrip .k-tabstrip-items {
  background: url(../images/vrBg.png) repeat-x left top; }

/*inner pages*/
.search-panel {
  padding-bottom: 3em; }

.search-panel {
  border-left: 2px solid #35272b;
  min-height: 533px;
  float: left; }

#main {
  float: left;
  width: 759px;
  margin-left: -2px; }

/*widget grid*/
.widgetGrid .wideCol:first-child,
.widgetGrid .narrowCol:first-child {
  background: #eee;
  background: rgba(191, 191, 191, 0.2); }

.widgetGrid .wideCol,
.widgetGrid .narrowCol {
  float: left;
  width: 650px; }

.widgetGrid .narrowCol {
  width: 310px; }

.widgetGrid .narrowCol ul:empty {
  display: none; }

.widgetGrid .mobile-widgets {
  width: 340px; }

.widgetGrid ul {
  float: left;
  width: 150px;
  margin: 8px 0 0 18px;
  padding: 0px 0 10px 0px;
  background: url(../images/vrDevider.png) no-repeat right center; }

.widgetGrid li {
  line-height: 25px;
  padding: 0px 0px 0px 15px;
  background: url(../images/Icon_Dots.png) no-repeat left center; }

.widgetGrid a {
  color: #fff; }

.widgetGrid a:hover {
  color: #e26b1d; }

/* Search Navigation */
#main {
  /*margin: 80px auto;*/
  position: relative;
  width: 40px; }

* {
  margin: 0;
  padding: 0; }

#navigationMenu li {
  list-style: none;
  /*height:326px;
	padding:2px;*/
  width: 30px; }

#navigationMenu a {
  background: url(../images/navigation.png) no-repeat;
  height: 167px;
  width: 30px;
  display: block;
  position: relative; }

/* General hover styles */
#navigationMenu a:hover span {
  width: auto;
  padding: 0 20px;
  overflow: visible; }

#navigationMenu a:hover {
  text-decoration: none;
  /* CSS outer glow with the box-shadow property */
  -moz-box-shadow: 0 0 5px #b5b599;
  -webkit-box-shadow: 0 0 5px #b5b599;
  box-shadow: 0 0 5px #939391; }

/* Search Button */
#navigationMenu .search {
  background-position: 0 0; }

#navigationMenu .search:hover {
  background-position: left top;
  width: 750px;
  height: 167px;
  background-color: #35272b;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em; }

#navigationMenu .search span {
  -webkit-text-shadow: 1px 1px 0 #99bf31;
  text-shadow: 1px 1px 0 #99bf31; }

/* Navigation Button */
#navigationMenu .navigation {
  background-position: left -168px; }

#navigationMenu .navigation:hover {
  background-position: left -168px;
  width: 750px;
  height: 167px;
  background-color: #35272b;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em; }

#navigationMenu .navigation span {
  color: #223a44;
  -webkit-text-shadow: 1px 1px 0 #44a8d0;
  text-shadow: 1px 1px 0 #44a8d0; }

/* New Menu Style Starts Here */
#menu {
  list-style: none;
  padding: 0px 20px 0px 20px; }

#menu li {
  float: left;
  margin: 26px 0px 0px 0px;
  margin: 22px 0px 0px 0px\9;
  padding: 0px 5px 0px 5px;
  background: #483D39;
  border-right: 5px solid #35262a;
  -webkit-transition: background 1s ease-in-out;
  -moz-transition: background 1s ease-in-out;
  -o-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out; }

#menu li, x:-moz-any-link, x:default {
  float: left;
  margin: 21px 0px 0px 0px;
  margin: 22px 0px 0px 0px\9;
  padding: 0px 5px 0px 5px;
  background: #483D39;
  border-right: 5px solid #35262a;
  -webkit-transition: background 1s ease-in-out;
  -moz-transition: background 1s ease-in-out;
  -o-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out; }

#menu li.selected {
  background: #ffa200; }

#menu li:hover {
  /* Background color and gradients */
  background: #ffa200;
  background: -moz-linear-gradient(top, #ffa200, #ffa200);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa200), to(#ffa200)); }

#menu li a {
  font-size: 0.813em;
  color: #eee;
  display: block;
  outline: 0;
  padding: 0px 5px 0px 5px;
  text-decoration: none;
  -webkit-transition: background .2s ease-in-out;
  -moz-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out; }

#menu li:hover a {
  color: #fff; }

#menu li ul li {
  border: 0px !important; }

.dropDownMenu {
  margin: 0px auto;
  float: left;
  position: absolute;
  left: -999em;
  /* Hides the drop down */
  text-align: left;
  padding: 8px 5px 0px 5px;
  /* Gradient background */
  background: #3b322f;
  height: 200px;
  background: -moz-linear-gradient(top, #3b322f, #3f3531);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b322f), to(#3f3531)); }

.dropDownMenu {
  width: 99%; }

#menu li:hover .dropDownMenu {
  left: 1px;
  top: auto;
  z-index: 9999;
  border-top: 2px solid #ffa200;
  color: #463b37; }

.columns {
  display: inline;
  float: left;
  position: relative;
  margin-left: 5px;
  margin-right: 5px; }

.columns .single {
  display: block;
  overflow: hidden;
  width: 250px;
  height: 125px; }

.columns .double {
  display: block;
  overflow: hidden;
  width: 550px;
  height: 125px; }

.columns .triple {
  display: block;
  overflow: hidden;
  width: 775px;
  height: 125px; }

.columns .fourth {
  display: block;
  overflow: hidden;
  width: 1000px;
  height: 125px; }

#menu li:hover div a {
  font-size: 0.750em;
  color: #fff; }

#menu li:hover div a:hover {
  color: #fff;
  line-height: 27px;
  margin: 0px 0px 0px -15px;
  padding: 0px 15px 0px 19px;
  background: #ffa200 url(../images/Icon_White_Dots.png) no-repeat left center; }

#menu li ul {
  list-style: none;
  margin: 0 0 12px 0;
  margin: 8px 0 0 18px;
  padding: 0px 0 10px 0px;
  /*background:url(../images/vrDevider.png) repeat-y right center;*/ }

#menu li ul li {
  position: relative;
  padding: 0;
  margin: 0;
  display: block;
  width: 225px;
  float: left;
  line-height: 27px;
  padding: 0px 15px 0px 15px;
  background: url(../images/Icon_Dots.png) no-repeat left center; }

#menu li ul li:hover {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  width: 225px;
  padding: 0px 15px 0px 15px; }

/******** NEW *******/
#SlideOutOtherTriger {
  background: url(../images/navigation.png) no-repeat;
  background-position: 0 0;
  height: 167px;
  width: 30px;
  display: block;
  position: relative;
  z-index: 200;
  cursor: pointer; }

.slider-container {
  width: 100%;
  float: left; }

.ui-slider {
  width: 80%;
  float: left; }

.slider-value {
  width: 10%;
  float: left;
  padding-left: 5px;
  box-sizing: border-box;
  margin-top: -2px; }

#slider_sldPageSize {
  width: 100px;
  border: 1px solid; }

.ui-slider-handle:hover {
  background: #026270 !important;
  border: 1px solid; }

.ui-slider-handle {
  background: #7a7672 !important; }

.ui-slider-range {
  background-color: #739500 !important; }

#MiddleSplitter {
  position: relative !important; }

#WestPanel {
  padding-top: 10px; }

#NorthSplitter {
  height: 75px !important; }

#RightContentSplitter {
  padding-left: 10px; }

.CriteriaDiv {
  background-color: #ffffff;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  padding: 10px;
  height: 92%; }

.sectionhead {
  color: #423834;
  font-size: 1.063em;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  padding: 20px 3px 5px 20px; }

.ResultDiv {
  background-color: #FFFEF5;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  padding: 10px; }

#CenterLeft .sectionhead {
  color: #423834;
  font-size: 0.875em;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  padding: 0px 3px 15px 0px;
  margin-bottom: 5px; }

#CenterLeft .ResultDiv {
  background-color: #f6f6f6;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 0;
  background: #ecede7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ecede7 0%, #cccdbd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecede7), color-stop(100%, #cccdbd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ecede7 0%, #cccdbd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ecede7 0%, #cccdbd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ecede7 0%, #cccdbd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ecede7 0%, #cccdbd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecede7', endColorstr='#cccdbd',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #CCC; }

#LookupParent {
  width: 100%;
  height: 100%; }

#LookupHolder {
  border-radius: 1em;
  /*background: #acbe78;*/
  background: #D4D5C7;
  height: 96%;
  width: 100%; }

.LookupFormParant {
  overflow: auto;
  height: 100%;
  width: 100%;
  margin-right: 20px; }

.preloader {
  height: 50px;
  width: 50px;
  background: url(../images/preloader.png) no-repeat center center; }

#SouthSplitter {
  background-color: #0a384c !important;
  color: #fff;
  padding: 2px 0px 2px 5px; }

.rotate {
  -moz-transform: rotate(270deg);
  -moz-rotation-point: 0 0;
  -webkit-transform: rotate(270deg);
  -webkit-rotation-point: 0 0;
  rotation-point: 0 0;
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  height: auto;
  width: auto;
  position: relative;
  letter-spacing: 1px; }

/************** Breadcrumbs*************/
/*.breadcrumb {
    list-style: none;
    overflow: hidden;
    font: 11px Helvetica, Arial, Sans-Serif;
}

    .breadcrumb li {
        float: left;
    }

        .breadcrumb li a {
            color: white;
            text-decoration: none;
            padding: 5px 10px 5px 40px;
            background: #007785;
            position: relative;
            display: block;
            float: left;
        }

            .breadcrumb li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid #007785;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            .breadcrumb li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

        .breadcrumb li:first-child a {
            padding-left: 10px;
        }

        .breadcrumb li:nth-child(2) a {
            background: #008a9a;
        }

            .breadcrumb li:nth-child(2) a:after {
                border-left-color: #008a9a;
            }

        .breadcrumb li:nth-child(3) a {
            background: #009eb1;
        }

            .breadcrumb li:nth-child(3) a:after {
                border-left-color: #009eb1;
            }

        .breadcrumb li:nth-child(4) a {
            background: #00b4ca;
        }

            .breadcrumb li:nth-child(4) a:after {
                border-left-color: #00b4ca;
            }

        .breadcrumb li:nth-child(5) a {
            background: #00bed5;
        }

            .breadcrumb li:nth-child(5) a:after {
                border-left-color: #00bed5;
            }

        .breadcrumb li:last-child a {
            background: #ede9ea !important;
            color: black;
            pointer-events: none;
            cursor: default;
        }

            .breadcrumb li:last-child a:after {
                border: 0;
                background: #ede9ea !important;
            }

        .breadcrumb li a:hover {
            background: #527197;
        }

            .breadcrumb li a:hover:after {
                border-left-color: #527197 !important;
            }*/
#CloseRightForm {
  right: 20px;
  position: absolute; }

.ErrorDiv {
  color: #c00000;
  padding: 2px;
  font-size: 0.875em;
  margin-left: 20px; }
  .ErrorDiv ul {
    list-style: none;
    margin-bottom: 0; }

.fakelink {
  color: #1D70B8 !important;
  text-decoration: underline !important;
  cursor: pointer;
  font-weight: bold; }

.fakelink-no-underline {
  color: #1D70B8 !important;
  text-decoration: none; }

.fakebtn {
  background-color: #00b0f0;
  color: #000;
  text-decoration: none;
  display: inline-block;
  padding: 7px 14px;
  margin-bottom: 0;
  font-size: 0.875em !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #000;
  transition: 0.3s all ease-in-out;
  border-radius: 3px !important; }

.fakebtnalt {
  background-color: #70ad47 !important;
  color: #fff !important;
  text-decoration: none;
  display: inline-block;
  padding: 7px 14px;
  margin-bottom: 0;
  font-size: 0.875em !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #000;
  transition: 0.3s all ease-in-out;
  border-radius: 3px !important; }

a.fakebtn:hover {
  background-color: transparent;
  text-decoration: none; }

a.fakebtnalt:hover {
  background-color: transparent;
  text-decoration: none; }

.captionTd {
  line-height: 20px;
  padding-left: 20px !important;
  font-family: "Roboto", sans-serif; }

.Custom-Table {
  background-color: #fff; }

.Table {
  white-space: normal;
  text-align: left !important;
  width: 100%; }

.Table td {
  padding: 3px 5px 2px 3px; }

#CenterLeft > ul {
  margin-top: 25px; }

#LookupFormTitle {
  padding: 10px 10px 0px 10px;
  font-weight: bold;
  font-size: 0.875em; }

.highlighted {
  background-color: #6c9cc6 !important; }

.centerleft-fieldset {
  padding: 5px;
  margin: 5px 0px 5px 0px; }

.centerleft-legend {
  font-weight: bold;
  border: 1px solid #000;
  padding: 3px;
  background: #fffef5;
  color: #000; }

.literal {
  font-weight: bold;
  font-size: 1em !important;
  /*changed font size to 19px - client recommendation*/ }

.org-image {
  background: url(../Images/org-out.png);
  width: 15px;
  height: 90px;
  float: right;
  top: -430px;
  position: relative;
  left: 25px; }

.lookups-image {
  background: url(../Images/lookups-out.png);
  width: 15px;
  height: 120px;
  float: right;
  top: -627px;
  position: relative;
  left: 36px; }

.navigator-image {
  background: url(../Images/navigator-out.png);
  width: 15px;
  height: 120px;
  float: right;
  top: -500px;
  position: relative;
  left: 15px; }

.navDiv {
  background-color: #bbbda5;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  padding: 10px;
  height: 92%;
  border: 3px solid #255b88;
  overflow: auto; }

.dashboardContainer {
  width: 100%; }

.ChartConfig {
  display: none; }

.btnLookupChartConfig {
  background: url(../Images/setting.png);
  width: 20px; }

.CheckBoxListGap {
  padding-left: 10px; }

.SelectedCheckBox {
  background: url(../Images/CheckedBox.gif);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px; }

.TableBankActivity tbody td.s-number-cell.HideInResponsive {
  display: table-cell !important; }

.UnSelectedCheckBox {
  background: url(../Images/UnCheckedBox.gif);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px; }

#LookupName {
  margin: 20px 0px 0px 10px; }

#GlobalMessageDiv {
  padding: 5px;
  font-weight: bold;
  vertical-align: middle;
  box-shadow: 0px 0px 0px 0px #333333;
  color: #555555;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  word-wrap: break-word; }

.GlobalError {
  color: #C00000 !important;
  border: 1px solid #C00000;
  margin-bottom: 10px;
  font-size: 14px; }

.k-tooltip-content {
  text-align: justify; }

.welcome-text {
  font-size: 0.875em;
  margin-left: -8px;
  font-weight: bold; }

.k-progress {
  border: none !important; }

.k-filename {
  max-width: none; }

.caption-style {
  font-weight: bold;
  font-size: 0.875em; }

.bottom-border-class {
  border-bottom: 3px solid #003f59 !important; }

.dash {
  border: 3px solid;
  margin-left: 120px;
  width: 320px;
  height: 0px;
  margin-top: -10px; }

.ReqInformation {
  color: #C00000 !important;
  padding-left: 3px;
  margin-left: -15px;
  font-size: 14px !important; }

.NoteText {
  font-size: 0.688em;
  text-align: left; }

#ExpiredMessage {
  font-size: 0.750em; }

.boxdiv {
  margin: 20px 0px 10px 0px;
  font-size: 0.875em;
  color: #000;
  border: 2px solid #777777;
  padding: 5px;
  background: #bcf2ff; }

.marg-left-5 {
  margin-left: 5px !important; }

.marg-left-15 {
  margin-left: 15px !important; }

#cssmenuLeft ul li a {
  height: 30px;
  color: #222222;
  border-radius: 0px !important;
  line-height: normal;
  background: #3997a8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3997a8 0%, #00798f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3997a8), color-stop(100%, #00798f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3997a8 0%, #00798f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3997a8 0%, #00798f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3997a8 0%, #00798f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #3997a8 0%, #00798f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3997a8', endColorstr='#00798f',GradientType=0 );
  /* IE6-9 */ }

#cssmenuLeft ul li ul li a {
  height: 25px;
  background: #183945;
  color: #FFFFFF;
  border-radius: 0px !important;
  padding-left: 12px;
  border-bottom: 1px solid #FFFFFF;
  line-height: 25px; }

textarea {
  border: 1px solid #94c0d2; }

#MyBasket {
  /*background: #acbe78;*/
  background: #F5FFAE;
  height: 98%;
  width: 96%;
  padding: 5px; }

.MyBasket-image {
  background: url(../Images/mybasket-out.png);
  width: 15px;
  height: 120px;
  float: right;
  top: 14px;
  position: absolute;
  right: -16px; }

.mybasket-image {
  background: url(../Images/mybasket-out.png);
  width: 15px;
  height: 120px;
  float: right;
  top: 14px;
  position: absolute;
  right: -5px; }

#header {
  width: 100%;
  height: 65px;
  float: left;
  padding-bottom: 10px;
  background: white;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4N2ZmZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, white 0%, #87fff5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #87fff5));
  background: -webkit-linear-gradient(top, white 0%, #87fff5 100%);
  background: -o-linear-gradient(top, white 0%, #87fff5 100%);
  background: -ms-linear-gradient(top, white 0%, #87fff5 100%);
  background: linear-gradient(to bottom, white 0%, #87fff5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#87fff5',GradientType=0 ); }

/*Dashboard CSS*/
#DashboardList {
  background: #f5f5f5;
  min-height: 600px;
  padding: 12px 0px 25px 0px; }

.widget {
  float: left;
  border: 1px solid #333333;
  background: #FFFFFF;
  width: 100%;
  margin-bottom: 15px; }

.contents {
  width: 100%;
  overflow: auto; }

.column-one {
  width: 30%;
  height: auto;
  float: left; }

.column-two {
  width: 30%;
  height: auto;
  float: left;
  margin-left: 5%; }

.column-three {
  width: 30%;
  height: auto;
  float: right; }

.div-header {
  width: 100%;
  height: 25px;
  float: left;
  cursor: move;
  background: #036; }

.div-header-text {
  font-family: "Roboto", sans-serif;
  font-size: 0.875em;
  color: #FFFFFF;
  height: 30px;
  line-height: 25px;
  width: auto;
  float: left;
  padding-left: 10px; }

.div-header-icon {
  width: auto;
  float: right;
  height: 25px;
  padding-top: 5px; }

.div-header-icon img {
  margin-right: 10px;
  margin-top: 7px;
  cursor: pointer; }

.icon-close {
  width: 15px;
  height: 15px;
  float: right;
  background: url(../Images/close.png);
  margin-right: 8px;
  cursor: pointer; }

.icon-close:hover {
  background: url(../Images/close-hover.png); }

.icon-minimize {
  width: 15px;
  height: 15px;
  float: right;
  background: url(../Images/minimize.png);
  margin-right: 8px;
  cursor: pointer; }

.icon-minimize:hover {
  background: url(../Images/minimize-hover.png); }

.icon-maximize {
  width: 15px;
  height: 15px;
  float: right;
  background: url(../Images/minimize.png);
  margin-right: 8px;
  cursor: pointer; }

.icon-maximize:hover {
  background: url(../Images/maximize-hover.png); }

.icon-refresh {
  width: 15px;
  height: 15px;
  float: right;
  background: url(../Images/refresh.png);
  margin-right: 8px;
  cursor: pointer; }

.icon-refresh:hover {
  background: url(../Images/refresh-hover.png); }

.icon-settings {
  width: 15px;
  height: 15px;
  float: right;
  background: url(../Images/settings.png);
  margin-right: 8px;
  cursor: pointer; }

.icon-settings:hover {
  background: url(../Images/settings-hover.png); }

.settings {
  border: solid 2px red; }

.barcoli {
  border: 1px solid transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  text-decoration: none; }

.barstyle1 {
  background-color: #4b7fbe; }

.barstyle2 {
  background-color: #be4b7f; }

.barstyle3 {
  background-color: #7fbe4b; }

.barstyle4 {
  background-color: #b8be4b; }

.barstyle5 {
  background-color: #be8a4b; }

.barstyle6 {
  background-color: #a5bfdf; }

.barstyle7 {
  background-color: #8a4bbe; }

.DashboardColumn {
  float: left;
  border: solid 2px #e5e5e5;
  min-height: 600px;
  background: #FFFFFF;
  padding: 5px;
  display: table-cell;
  vertical-align: top; }

.hint {
  width: 250px;
  height: 100px;
  overflow: hidden; }

#DashboardColumn1 {
  width: 40%; }

#DashboardColumn2 {
  width: 28%;
  margin-left: 0.8%; }

#DashboardColumn3 {
  width: 28%;
  float: right !important; }

.ItemstableStyle {
  border-spacing: 0px; }

.tableBorder {
  border-spacing: 0px;
  padding: 0; }

.tdStyle {
  border: 1px solid black;
  padding: 1px 10px 5px 20px;
  font-size: 0.750em; }

.lineLeftBottom {
  border-left: 3px solid red;
  border-bottom: 3px solid red; }

.lineBottom {
  border-bottom: 3px solid red; }

.lineLeft {
  border-left: 3px solid red; }

.minus {
  left: -55px;
  top: 20px;
  position: relative;
  background: url(../images/minus.jpg) !important;
  height: 9px;
  width: 9px;
  display: block; }

.plus {
  left: -55px;
  top: 20px;
  position: relative;
  background: url(../images/plus.jpg) !important;
  height: 9px;
  width: 9px;
  display: block; }

span {
  margin: 0px;
  padding: 0px; }

.case:before {
  content: url(../images/case.png) !important;
  position: absolute !important;
  margin-left: -40px !important; }

.default:before {
  content: url(../images/default.png) !important;
  position: absolute !important;
  margin-left: -40px !important; }

.switch:before {
  content: url(../images/switch.png) !important;
  position: absolute !important;
  margin-left: -40px !important; }

.method:before {
  content: url(../images/action.png) !important;
  position: absolute !important;
  margin-left: -40px !important; }

.calllogicalrule:before {
  content: url(../images/calllogicalrule.png) !important;
  position: absolute !important;
  margin-left: -40px !important; }

.return:before {
  content: url(../images/return.png) !important;
  position: absolute !important;
  margin-left: -40px !important; }

.foreach:before {
  content: url(../images/foreach.png) !important;
  position: absolute !important;
  margin-left: -40px !important; }

.foreach .ValueSpan {
  border-radius: 5px;
  padding: 5px;
  position: relative;
  top: -15px;
  right: -11px; }

.actions:before {
  content: url(../images/icon.png) !important;
  position: absolute !important;
  margin-left: -40px !important; }

.calldecisiontable:before {
  content: url(../images/calldecisiontable.png) !important;
  position: absolute !important;
  margin-left: -40px !important; }

.ValueSpan {
  font-weight: bold;
  margin-right: 10px;
  color: #fff;
  padding: 3px;
  background-color: #555050; }

.DecisionTable td, .DecisionTable th {
  padding: 5px;
  border: solid 1px black;
  font-size: 0.813em; }

.case_table .tdStyle {
  background-color: #feebc0; }

.default_table .tdStyle {
  background-color: #feebc0; }

.switch_table .tdStyle {
  background-color: #fff468; }

.return_table .tdStyle {
  background-color: #77dde5; }

.HighLightTable .tdStyle {
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfd310), to(#b9cd12));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #b9cd12, #bfd310);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #b9cd12, #bfd310);
  /* IE 10 */
  background: -ms-linear-gradient(top, #b9cd12, #bfd310);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #b9cd12, #bfd310); }

.FirstTD {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important; }

.LastTD {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important; }

.LoopNavigator {
  font-size: 0.938em;
  font-weight: bold;
  padding: 5px;
  margin: 5px;
  background-color: aqua;
  cursor: pointer; }

.SelectedLoopStep {
  background-color: #bfd310 !important; }

.HighLightDecisionCell {
  background-color: #fffd5f; }

.dif {
  background-color: #dcd61e; }

.dreturn {
  background-color: #ffcc57; }

.dreturnheader {
  background-color: #d2960c; }

.dcolheader, .drowheader {
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc50d), to(#f2ec34));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #f2ec34, #ccc50d);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #f2ec34, #ccc50d);
  /* IE 10 */
  background: -ms-linear-gradient(top, #f2ec34, #ccc50d);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #f2ec34, #ccc50d); }

.k-progress-status-wrap {
  width: 100% !important;
  color: #fff !important; }

.no-border {
  border: none !important; }

.text-caption {
  float: left; }

.single-checkbox {
  float: left;
  margin-left: 5px !important;
  margin-top: -2px !important; }

.arrow-img {
  width: 15px;
  height: 10px;
  display: block;
  float: left;
  background: url("../Image/arrow.gif"); }

.StaticTextWrapping {
  float: left; }

.two-column {
  width: 50% !important; }

.marg-bottom-10 {
  margin-bottom: 10px !important; }

.marg-bottom-15 {
  margin-bottom: 15px !important; }

.marg-top-15 {
  margin-top: 15px !important; }

#errorWindow {
  display: none; }

/* Add bleow css at the end of common.css */
.nav-store-state {
  background: url("../Images/store-session-img.png") no-repeat center;
  width: 42px;
  height: 38px;
  top: 0px !important; }

@media (max-width: 440px) {
  .nav-store-state {
    height: 36px; } }

/* Note: You may need to take the help of UI team*/
/*Add below css at the end common.css*/
.ui-datepicker {
  z-index: 9999999999 !important;
  padding: 0px;
  background: #FFF;
  border: 1px solid #CCC; }

.ui-datepicker-calendar td, .ui-datepicker-calendar th {
  padding: 3px 5px;
  text-align: center;
  color: #000; }

.ui-datepicker-calendar td a:hover {
  text-decoration: none; }

.ui-datepicker-title {
  text-align: center;
  padding: 5px 0px; }

.ui-datepicker-title select {
  margin: 3px;
  padding: 3px; }

.ui-datepicker-prev {
  position: absolute;
  left: 7px;
  top: 20px;
  cursor: pointer; }

.ui-datepicker-next {
  position: absolute;
  right: 7px;
  top: 20px;
  cursor: pointer; }

.footer-inner a {
  color: #000 !important; }

/*@font-face {
    src: url('../Fonts/Lato-Regular.ttf');
    font-family: $primary-font;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    src: url('../Fonts/Lato-Bold.ttf');
    font-family: Lato-Bold;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    src: url('../Fonts/Lato-Medium.ttf');
    font-family: Lato-Medium;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    src: url('../Fonts/DroidSerif-Regular-webfont.ttf');
    font-family: DroidSerif-Regular;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    src: url('../Fonts/DroidSerif-Bold-webfont.ttf');
    font-family: DroidSerif-Bold;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
}*/
.page-title {
  font-family: "Roboto", sans-serif;
  font-weight: 600 !important;
  font-size: 1.158em;
  color: #000 !important; }

.LoggedUserName {
  float: left;
  display: none; }

.footer .footer-inner a {
  color: #FFFFFF; }

.tag-list {
  list-style-type: none;
  float: left;
  box-sizing: border-box;
  margin-bottom: 10px;
  z-index: 9999;
  position: relative; }

.tag-list li {
  float: left;
  box-sizing: border-box;
  margin-right: 5px;
  position: relative; }

.tag-list li .tagcaption {
  display: none;
  position: absolute;
  z-index: 99999;
  top: -25px;
  white-space: nowrap;
  background: #626262;
  padding: 3px;
  border: 1px solid #EEE;
  font-size: 0.750em;
  color: #FFFFFF; }

.tag-list li a {
  display: block;
  color: #000;
  padding: 8px 25px 5px 10px;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #666666;
  border-radius: 3px;
  transition: .3s all ease-in-out;
  cursor: pointer; }

.tag-list li a:after {
  font-family: "Roboto", sans-serif;
  content: "\4d";
  position: absolute;
  right: 5px;
  font-size: 1em;
  top: 7px;
  font-weight: bold; }

.tag-list li a:hover {
  text-decoration: none;
  background: #EEEEEE; }

.tag-list li a:hover:after {
  color: red; }

.ui-datepicker-trigger {
  float: left;
  margin: 5px 0px 0px -24px;
  position: absolute;
  cursor: pointer;
  width: 20px;
  background: url(../images/calender.png) no-repeat;
  background-size: contain;
  border: none;
  width: 18px;
  height: 20px; }

.hasDatepicker, .ui-autocomplete-input {
  float: left; }

.autocompleteIndicator {
  width: 28px;
  height: 28px;
  background: url("../Images/autocomplete-icon.png");
  border: 0; }

.time-control {
  float: left;
  margin-right: 40px;
  width: 120px !important; }

.date-range-text {
  position: relative;
  top: 7px;
  float: left; }

h3.block {
  border-bottom: 1px solid #AAAAAA;
  padding: 5px 0px !important;
  margin: 0px !important;
  font-size: 1.125em !important;
  color: #000;
  margin-bottom: 15px !important; }

.resize-content > div {
  margin: 0px auto; }

.two-datepicker {
  width: 120px !important; }

legend {
  margin-bottom: 10px !important;
  border: 0px !important;
  font-size: 1.158em !important;
  text-decoration: none !important; }

/*input[type='text'], input[type='password'], .hasDatepicker {
    display: block;
    width: 200px;
    padding: 6px 12px;
    font-size: 0.875em;
    line-height: 1.4285;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius:5px;
}*/
.page-title {
  margin: 0px 0px 0px 10px !important;
  float: left; }

.panel-header {
  font-family: "Roboto", sans-serif;
  font-size: 1.250em;
  color: #000;
  margin: 10px 0px;
  display: inline-block; }

.alert {
  margin-bottom: 10px !important; }

.no-panel-display {
  border: 0px !important; }

.no-panel-display .k-header.k-link {
  display: none !important; }

.no-panel-display .k-content {
  padding: 0px !important; }

.table-20percent-column {
  width: 80%; }

.table-20percent-column td {
  width: 20% !important; }

.half-width-column-table {
  width: 100%; }

.half-width-column-table td:first-child {
  width: 50%; }

.panel-grid-header {
  font-family: "Roboto", sans-serif; }

.pageinfo {
  position: relative;
  top: 4px;
  margin: 0px 10px; }

.benefit-estimate-summary {
  width: 100%; }

.benefit-estimate-summary legend {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 1em;
  border-bottom: 1px solid #CCC !important;
  padding-bottom: 5px;
  margin-bottom: 10px !important; }

.benefit-estimate-summary fieldset {
  margin-bottom: 20px !important; }

.benefit-estimate-summary fieldset > table {
  width: 100%; }

.benefit-estimate-summary fieldset > table td {
  width: 20%; }

.six-column-table {
  width: 100%; }

.six-column-table td {
  width: 15%; }

.control-label {
  /*font-family: Lato-Bold;*/ }

h3.block {
  font-family: "Roboto", sans-serif;
  color: #000; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.wizard-radio-btn-group {
  padding-top: 3px; }

.wizard-radio-btn-group label {
  margin-right: 20px; }

.benefit-program-grids legend {
  font-family: Lato-Bold;
  font-size: 0.938em; }

.benefit-program-grids {
  width: 100%; }

.benefit-program-grids fieldset {
  margin-bottom: 20px; }

.four-column-20percent, .two-column-20percent {
  width: 100%; }

.four-column-20percent td, .two-column-20percent td {
  width: 20%; }

.four-column-20percent td:last-child {
  width: 40%; }

.two-column-20percent td:last-child {
  width: 80%; }

.request-info-table {
  width: 100%; }

.request-info-table td:first-child {
  width: 30%; }

.request-info-table td:last-child {
  width: 70%; }

.hours-box {
  display: inline-block !important;
  margin: 5px !important; }

.checkbox-group br {
  display: none; }

.checkbox-group label {
  margin-right: 10px; }

.checkbox-group input {
  margin-right: 3px !important; }

.request-info-table .hasDatepicker {
  width: 200px !important; }

.provider-details-table legend, .flex-comp-table legend {
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  border-bottom: 1px solid #CCC !important;
  padding-bottom: 8px; }

.eap-grid-head, .life-maintenance-head {
  font-family: "Roboto", sans-serif;
  border-bottom: 1px solid #CCC !important;
  width: 100%;
  padding-bottom: 5px;
  font-size: 1em;
  color: #000; }

.pers-plan-table {
  width: auto !important;
  margin-top: 20px; }

.pers-plan-table td {
  border: 1px solid #cacbcc !important;
  width: 120px;
  white-space: nowrap;
  margin-top: 20px;
  padding: 5px !important; }

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

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

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

.level-coverage-total label:first-child {
  font-family: Lato-Bold;
  padding: 3px 5px; }

.submit-file-points {
  font-size: 0.875em;
  font-family: "Roboto", sans-serif; }

.submit-file-points .literal {
  font-weight: normal !important;
  font-size: 0.875em !important; }

select, input[type='text'], input[type='password'], .hasDatepicker {
  width: 190px !important;
  padding: 6px 12px;
  font-size: 19px !important;
  line-height: 1.4285;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 5px !important; }

#ListViewContainer_lstEntrustImages div.ListViewItems {
  position: relative;
  width: auto;
  max-width: 500px;
  margin: 0 5px;
  padding: 0;
  display: inline-flex;
  vertical-align: top; }

#ListViewContainer_lstEntrustImages div.ListViewItems img {
  width: 120px;
  margin: 2px; }

#ListViewPager_lstEntrustImages .k-pager-sizes {
  display: none !important; }

.spnListviewCheckRow {
  position: relative;
  top: 2px;
  margin-right: -12px;
  z-index: 9; }

.ext-wizard #header {
  background: #507fb7;
  height: 66px !important;
  padding-bottom: 0; }

.ext-wizard .ProgressBarDivParent {
  display: none; }

.ext-wizard .swMain .stepContainer div.content {
  height: 400px !important; }

.ext-wizard p, .ext-wizard .literal {
  font-weight: normal !important;
  font-size: 0.875em; }

.ext-wizard #logo {
  background-color: #507fb7;
  margin: 0;
  padding: 0;
  height: 66px;
  width: 180px;
  background-position: center;
  position: relative; }

.ext-wizard #logo:before {
  position: absolute;
  content: " ";
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 70%;
  right: 0px;
  background: #83a4cc; }

.ext-wizard div#NorthSplitter {
  height: 67px !important;
  border-bottom: 1px solid #adadad; }

.ext-wizard .crumDiv {
  float: left;
  width: 100%;
  margin-top: 0px !important; }

.ext-wizard #wizMain .stepContainer {
  background: #FFFFFF;
  border-bottom: 0 !important; }

.ext-wizard #wizMain .actionBar {
  background: #4c637e;
  margin-top: 0 !important; }

.ext-wizard .breadcrumb > li {
  margin: 0 !important; }

.ext-wizard .breadcrumb input, .breadcrumb li button {
  top: 0 !important;
  margin: 0 !important; }

.ext-wizard .breadcrumb li a {
  font-weight: normal;
  color: #000;
  margin-right: 5px; }

.ext-wizard ul.breadcrumb {
  margin: 10px 0px 5px 0px !important; }

.ext-wizard .swMain {
  padding: 0px 20px; }

.ext-wizard input[type='text'], .ext-wizard input[type='password'] {
  float: left; }

.control-information {
  color: red;
  float: left;
  padding-left: 10px;
  display: block;
  width: calc(100% - 210px); }

/* calendar css*/
.calendar * {
  box-sizing: border-box;
  font-size: 0.875em; }

.calendar-sm {
  cursor: default;
  width: 800px;
  height: 370px; }

.calendar {
  cursor: default;
  width: 600px;
  height: 270px; }

.calendar-sm .c-pad-top {
  padding-top: 2%; }

.c-grid {
  height: inherit; }

.c-day {
  width: 14.28%;
  height: 13%;
  background-color: #EFF4F9;
  float: left;
  text-align: center;
  line-height: 32px; }

.c-day-previous-month {
  width: 14.28%;
  height: 13%;
  background-color: #F9FBFD;
  float: left;
  text-align: center;
  color: gray;
  line-height: 32px; }

.c-day-next-month {
  width: 14.28%;
  height: 13%;
  background-color: #F9FBFD;
  float: left;
  text-align: center;
  color: gray;
  line-height: 32px; }

.c-week-day {
  width: 14.28%;
  height: 40px;
  line-height: 40px;
  background-color: #cce08a;
  color: #000;
  float: left;
  text-align: center;
  font-weight: bold; }

.c-next {
  width: 12.5%;
  height: 12%;
  text-align: right;
  cursor: pointer;
  color: #739500 !important;
  background: url("../Images/dashboard-calendar-next.svg") no-repeat center; }

.c-previous {
  width: 12.5%;
  height: 12%;
  text-align: left;
  cursor: pointer;
  color: #739500 !important;
  background: url("../Images/dashboard-calendar-prev.svg") no-repeat center; }

.c-month {
  width: 75%;
  height: 12%;
  text-align: center;
  padding-top: 3px;
  line-height: 25px; }

.c-nav-btn-over {
  font-weight: bold; }

.c-today {
  background-color: #c1d286; }

.c-event {
  background-color: #889a4a;
  color: white;
  font-weight: bold;
  cursor: pointer; }

.c-grid {
  float: left;
  width: 100%; }

.c-event-grid {
  margin-left: 1px;
  height: inherit;
  width: 49%;
  float: left;
  box-shadow: 2px 2px 5px #888888; }

.c-grid-title {
  font-weight: bold;
  float: left;
  background-color: #739500;
  color: white; }

.c-event-title {
  width: 100%;
  height: 12%;
  text-align: center;
  font-weight: bold;
  background-color: #879bbc;
  color: white; }

.c-event-body {
  background-color: #EFF4F9;
  height: 88.1%; }

.c-event-list {
  padding: 7 0 0 0;
  overflow: auto;
  height: 95%; }

.c-event-item > .title {
  font-weight: bold; }

.c-event-item > div {
  text-overflow: ellipsis;
  width: inherit;
  overflow: hidden;
  white-space: nowrap; }

.c-event-item {
  padding-left: 10px;
  margin-bottom: 10px; }

.c-event-over {
  background-color: lightgray;
  font-weight: bold;
  color: black; }

.c-event-over > .description {
  font-weight: normal; }

.s-calendar-tooltip-table {
  color: white;
  border: thin; }

.s-calendar-tooltip-content {
  font-weight: normal; }

.holiday {
  background: lightgray;
  pointer-events: none; }

.CalendarTooltip {
  width: auto;
  height: auto;
  background: #3e5f70;
  position: absolute;
  z-index: 100001;
  padding: 10px 10px 10px 10px;
  line-height: 200%;
  color: #000 !important;
  pointer-events: auto;
  border-radius: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #FFFFFF;
  border: 1px solid #AAAAAA; }

.s-calendar-tooltip-header {
  font-weight: 600; }

.CalendarTooltip hr {
  padding: 0px !important;
  margin: 5px 0px !important; }

.CalendarTooltip table td {
  color: #000; }

.CalendarTooltip:after, .CalendarTooltip:before {
  right: 100%;
  top: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.CalendarTooltip:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #FFFFFF;
  border-width: 10px;
  margin-top: -10px; }

.CalendarTooltip:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #AAAAAA;
  border-width: 11px;
  margin-top: -11px; }

.page-header.navbar {
  background: #003F6C;
  height: auto !important;
  max-height: fit-content !important;
  display: flex;
  flex-direction: column; }

.page-header.navbar .page-logo {
  background: #003F6C;
  /*height: 70px !important;
            padding-top: 5px;
    */
  position: relative;
  width: 280px; }

/*.page-header-fixed .page-container {
    margin-top: 100px;
}*/
.crumDiv {
  float: left;
  margin-top: -5px; }

.row.page-header-wrap {
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  top: 0px;
  padding: 10px 10px 0 0; }

.page-content {
  background: #F0F7FD !important; }

.page-sidebar {
  background: #FFFFFF !important;
  box-shadow: 0px 0px 10px 0px #AAA !important; }

.wrapper {
  background: none !important; }

.page-sidebar-wrapper {
  position: relative;
  z-index: 99; }

ul.page-sidebar-menu li > ul.sub-menu > li > a, ul.page-sidebar-menu > li > a {
  color: #000; }

.page-sidebar-fixed .page-sidebar {
  top: 70px !important; }

.page-sidebar .sidebar-toggler {
  margin-left: 15px !important;
  float: left !important; }

.sidebar-toggler {
  background-image: url("../Images/sidebar-toggler.svg") !important;
  background-color: transparent !important; }

.page-content ul.page-breadcrumb.breadcrumb {
  border: 0 !important;
  background: none !important;
  margin-bottom: 0 !important; }

.welcome-user-container {
  position: absolute;
  display: none;
  overflow: hidden;
  z-index: 10000;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px #464646; }

.welcome-user-list {
  margin: 0px;
  padding: 0px; }

.welcome-user-list li {
  position: relative; }

.welcome-user-list a {
  display: block;
  padding: 8px 8px 8px 30px;
  color: #000;
  font-size: 0.875em; }

.welcome-user-list a:hover {
  text-decoration: none;
  background-color: #EEEEEE; }

.header-form-cache, .header-form-cache:hover {
  background: url("../Images/header-form-cache.svg") no-repeat 6px 9px; }

.header-browser-cache, .header-browser-cache:hover {
  background: url(../Images/delete.svg) no-repeat 6px 11px;
  background-size: 5%; }

.header-switch-member {
  background: url("../Images/header-switch-member.svg") no-repeat 6px 9px; }

.header-logoff {
  background: url("../Images/header-logoff.svg") no-repeat 8px 10px; }

.user-account {
  cursor: pointer;
  padding: 10px 5px 10px 10px;
  min-width: 100px;
  font-size: 1em;
  /*changed font size to 19px - client recommendation*/
  color: #fff; }

.user-account .LoggedInUserDetails ul {
  list-style-type: none; }

.top-menu ul {
  list-style-type: none;
  color: #FFFFFF;
  margin-bottom: 0; }

.top-menu li {
  float: left;
  color: #000; }

.top-menu li a {
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  padding: 0px 20px;
  color: #000000;
  margin-top: 5px; }

.top-menu li a {
  background-color: transparent !important; }

.top-menu li a i {
  color: #FFFFFF !important; }

.header-home {
  background-image: url("../Images/header-home.svg"); }

.header-contact {
  background: url("../Images/header-contact-small.svg") no-repeat 8px 9px; }

.header-prev {
  background-image: url("../Images/header-prev.svg"); }

.header-mss-forms .fa {
  position: absolute;
  left: 5px;
  font-size: 1em;
  top: 10px; }

.form-group {
  width: 100%;
  float: left; }

.dashboard-stat {
  background: #FFFFFF !important; }

.dashboard-stat .details .number {
  color: #050505 !important; }

.dashboard-benefit-program {
  background-image: url("../Images/dashboard-benefit-program.svg"); }

.dashboard-my-profile {
  background-image: url("../Images/dashboard-my-profile.svg"); }

.dashboard-contact-info {
  background-image: url("../Images/dashboard-contact-info.svg"); }

.dashboard-benefit-estimates {
  background-image: url("../Images/dashboard-benefit-estimates.svg"); }

.dashboard-employment-history {
  background-image: url("../Images/dashboard-employment-history.svg"); }

.dashboard-annual-statements {
  background-image: url("../Images/dashboard-annual-statements.svg"); }

.dashboard-stat {
  border-top: 4px solid #555;
  height: 400px;
  padding: 0;
  position: relative;
  box-shadow: 0px 1px 1px 1px #d4d4d4;
  border-radius: 5px !important; }

.dashboard-stat.green {
  border-color: #739500; }

.dashboard-stat.purple {
  border-color: #9c5db7; }

.dashboard-stat.blue {
  border-color: #3598db; }

.dashboard-stat.red {
  border-color: #e84c3d; }

.dashboard-stat.yellow {
  border-color: #e09326; }

.dashboard-stat.teal {
  border-color: #1abc9c; }

/*.green .dashboard-panel-head
   {
       background:#739500;
   }

   .purple .dashboard-panel-head
   {
       background:#9c5db7;
   }

   .blue .dashboard-panel-head
   {
       background:#3598db;
   }

   .red .dashboard-panel-head
   {
       background:#e84c3d;
   }

   .yellow .dashboard-panel-head
   {
       background:#f1c513;
   }

    .teal .dashboard-panel-head
   {
       background:#1abc9c;
   }*/
.green .ListViewItems {
  border-left-color: #739500;
  background: #fbffee; }

.blue .ListViewItems {
  border-left-color: #3598db;
  background: #f4faff; }

.red .ListViewItems {
  border-left-color: #e84c3d;
  background: #fff6f5; }

.yellow .ListViewItems {
  border-left-color: #e09326;
  background: #fffbf4; }

.teal .ListViewItems {
  border-left-color: #1abc9c;
  background: #f7fffe; }

.dashboard-panel-head {
  float: left;
  width: 100%;
  font-size: 1.125em;
  color: #000;
  padding: 5px;
  text-align: center;
  /*position:relative;*/ }

/*.dashboard-panel-head:before
{
    content:" ";
    position:absolute;
    width:50%;
    height:1px;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    background:#CCC;
}*/
.dashboard-stat .more {
  font-size: 0.875em !important;
  padding: 9px 40px 6px 10px !important; }

.dashboard-stat .more:active {
  text-decoration: none; }

.view-more-link {
  background: url("../Images/view_more.svg") no-repeat center;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 6px;
  right: 9px; }

.portlet.box {
  padding: 10px 10px 32px 10px !important;
  background-color: #FFFFFF !important;
  float: left;
  width: 100%;
  border-radius: 10px !important;
  border: 0;
  margin-bottom: 10px;
  border: 0 !important; }

.portlet.box > .portlet-title {
  padding: 5px 0px !important;
  border-bottom: 1px solid #d8d8d8; }

.portlet > .portlet-title > .caption {
  font-size: 1.125em;
  color: #070707 !important; }

.marg-top-25 {
  margin-top: 25px; }

.dashboard-first-row .portlet.box {
  min-height: 400px;
  height: 400px; }

#NotificationBar {
  margin-right: 5px;
  margin-top: 2px; }

#NotificationBar .dropdown-menu li {
  width: 100%; }

#NotificationBar li a {
  width: auto !important;
  height: auto !important; }

#NotificationBar .badge {
  top: -13px;
  position: relative;
  left: -12px;
  border: 1px solid #FFFFFF; }

#NotificationBar .cssmenu > ul > li > a {
  background: none !important; }

#MessageAlertBar .badge {
  top: -13px;
  position: relative;
  left: -5px;
  border: 1px solid #FFFFFF; }

.breadcrumb li a {
  color: #000;
  font-size: 14px; }

.breadcrumb li a.crumLinks {
  font-weight: normal;
  font-size: 0.875em; }

.form-actions.fluid {
  float: left;
  width: 100%;
  background: none; }

.row.profile-account {
  padding-top: 0px !important; }

.ver-inline-menu li a {
  background: #FFFFFF !important;
  border-left: solid 2px #b3b3b3 !important; }

.ver-inline-menu li i {
  background: #eaeaea !important; }

.ver-inline-menu li.active a, .ver-inline-menu li.active i, .ver-inline-menu li.active:hover a i {
  background: #003F6C !important; }

.ver-inline-menu li.active i {
  background: #0c4056 !important; }

.ver-inline-menu li:hover a i {
  background: #EEEEEE !important; }

input[type='submit'], .btn {
  background: #095879 !important;
  color: #fff !important;
  border-radius: 5px !important;
  border: 1px solid #095879 !important;
  transition: .3s all ease-in-out;
  line-height: 20px; }

input[type='submit'].btn:hover, .btn:hover {
  color: #095879 !important;
  background-color: #fff !important; }

.actionBar a {
  background: #003F6C !important;
  color: #FFFFFF !important;
  border-radius: 3px !important;
  border: 2px solid #000 !important;
  transition: .3s all ease-in-out; }

.portlet.box > .portlet-title {
  background: #FFFFFF !important; }

.NaviHeadtxt {
  font-size: 1.125em;
  padding-bottom: 10px !important;
  color: #000; }

.contact-info .portlet.box {
  margin-top: 10px; }

#CenterSplitter {
  width: 100% !important; }

.ui-datepicker-month, .ui-datepicker-year {
  width: 30%; }

.ui-datepicker-month {
  float: left; }

.ui-datepicker-year {
  float: right; }

.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
  margin: 0px !important; }

.page-sidebar .page-sidebar-menu > li > a {
  float: left;
  width: 100%; }

.page-sidebar-menu a i {
  display: block;
  float: left;
  width: 16px;
  height: 16px; }

.my-profile:before {
  content: " ";
  background: url("../Images/left-menu-my-profile.svg");
  width: 15px;
  height: 15px;
  display: block; }

#MessageAlertBar {
  margin-right: 28px !important; }

#MessageAlertBar li {
  float: none !important; }

#MessageAlertBar li a {
  float: left;
  width: 100%;
  white-space: normal;
  height: auto; }

#MessageAlertBar .dropdown-menu.extended {
  width: 250px; }

input[type='checkbox'] {
  margin-right: 15px !important;
  position: relative;
  top: 1px;
  scale: 1.75; }

.portal-head {
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  color: #fff;
  float: left; }

.page-sidebar .page-sidebar-menu .sub-menu li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > i {
  margin-right: 3px; }

#toolbar {
  margin-bottom: 5px; }

.ui-datepicker {
  font-family: "Roboto", sans-serif;
  font-size: 0.875em;
  width: auto;
  z-index: 99999 !important; }

.ui-datepicker select {
  width: 45% !important;
  font-weight: normal;
  border: 1px solid #c6c8c9;
  border-radius: 3px !important; }

.ui-datepicker a:hover {
  outline: none;
  border: 0; }

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
  border: 0 !important;
  background: none !important;
  text-align: center; }

.ui-datepicker-header {
  border: 0 !important;
  background: none !important; }

input[type='text'], textarea, input {
  font-family: "Roboto", sans-serif !important;
  color: #000;
  font-weight: normal;
  border-radius: 5px !important; }

.ui-icon-circle-triangle-e {
  background-image: url(../Images/calendar-next.svg) !important;
  background-position: center !important; }

.ui-icon-circle-triangle-w {
  background-image: url(../Images/calendar-prev.svg) !important;
  background-position: center !important; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 9px !important; }

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

.no-padding {
  padding: 0 !important; }

.swMain .steps li a {
  text-align: left;
  display: block !important; }

.WizardDiv .ui-datepicker-trigger {
  position: absolute; }

h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
  float: left;
  width: 100%; }

.swMain > ul > li {
  display: inline-block;
  width: 200px; }

.swMain > ul > li {
  display: inline-block;
  width: 200px; }

.portlet-body {
  float: left;
  width: 100%;
  padding: 5px 20px;
  /*height: calc(100% - 135px);*/
  height: 265px;
  overflow: auto; }

.portlet-body-no-footer {
  height: calc(100% - 85px) !important; }

div.sfwListView {
  border: 0 !important;
  padding: 0; }

.ListViewItems {
  padding: 15px;
  padding-top: 0;
  border: 1px solid #AAAAAA;
  margin-bottom: 10px;
  border-left-width: 4px;
  font-size: 0.875em;
  width: 100%;
  float: left; }

.ListViewItems div {
  font-weight: 600; }

.ListViewItems label {
  font-weight: 600;
  margin-bottom: 0px; }

div.three-column {
  width: 33.3%;
  padding-right: 15px !important;
  margin-bottom: 20px; }

.three-column .s-grid-toolbar-container {
  border-top: 0; }

.dashboard-stat .visual {
  width: 80px;
  height: 45px;
  display: inline-block !important;
  background-repeat: no-repeat;
  background-position: center; }

.dashboard-panel-head h2 {
  font-size: 1.125em;
  font-family: "Roboto", sans-serif;
  margin: 0px;
  padding: 0px;
  color: #000;
  text-shadow: none;
  font-weight: 600 !important; }

.portlet-footer {
  width: 100%;
  float: left;
  height: 50px;
  text-align: center; }

.dashboard-stat.green .more {
  background: #739500 !important; }

.dashboard-stat.blue .more {
  background-color: #3598db !important; }

.dashboard-stat.red .more {
  background-color: #e84c3d !important; }

.dashboard-stat.yellow .more {
  background-color: #e09326 !important; }

.dashboard-stat.teal .more {
  background-color: #1abc9c !important; }

.graphical-portlet-box {
  width: 100%;
  float: left;
  padding-top: 15px;
  height: calc(100% - 38px); }

.listview-section {
  position: relative;
  width: 100%;
  float: left;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #AAAAAA; }

.ListViewItems .listview-section:first-child {
  border-top: 0; }

/*.listview-section:nth-child(odd):before
{
    position:absolute;
    right:0;
    width:1px;
    height:50px;
    background:#CCC;
    content:" ";
}*/
/*.listview-section:nth-child(even)
{
    width:50%;
    padding-left:10px;
}*/
.list-view-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center; }

.db-benefit_program_name {
  background-image: url("../Images/db-benefit_program_name.svg"); }

.db-plan_code {
  background-image: url("../Images/db-plan_code.svg"); }

.db-contact_type {
  background-image: url("../Images/db-contact_type.svg"); }

.db-contact_name {
  background-image: url("../Images/db-contact_name.svg"); }

.db-benefit_program {
  background-image: url("../Images/db-benefit_program.svg"); }

.db-benefit_type {
  background-image: url("../Images/db-benefit_type.svg"); }

.db-organization_name {
  background-image: url("../Images/db-organization_name.svg"); }

.db-start_date {
  background-image: url("../Images/db-start_date.svg"); }

.db-statement_year {
  background-image: url("../Images/db-statement_year.svg"); }

.db-statement_type {
  background-image: url("../Images/db-statement_type.svg"); }

.db-statement_effective_date {
  background-image: url("../Images/db-statement_effective_date.svg"); }

.db-plan_red {
  background-image: url("../Images/db-plan_red.svg"); }

.db-employer {
  background-image: url("../Images/db-employer.svg"); }

.db-start_date-green {
  background-image: url("../Images/db-start_date-red.svg"); }

.db-benefit_type-blue {
  background-image: url("../Images/db-benefit_type-blue.svg"); }

.db-plan-blue {
  background-image: url("../Images/db-plan-blue.svg"); }

.db-payment_account_status {
  background-image: url("../Images/db-payment_account_status.svg"); }

.db-statement_year-orange {
  background-image: url("../Images/db-statement_year-orange.svg"); }

.db-statement_type-orange {
  background-image: url("../Images/db-statement_type-orange.svg"); }

.db-statement_effective_date-orange {
  background-image: url("../Images/db-statement_effective_date-orange.svg"); }

.db-year_1900R {
  background-image: url("../Images/db-year_1900R.svg"); }

.db-gross_benefit_amount {
  background-image: url("../Images/db-gross_benefit_amount.svg"); }

.db-distributor_code {
  background-image: url("../Images/db-distributor_code.svg"); }

.listview-img {
  float: left;
  width: 28px;
  height: 28px;
  margin-right: 15px; }

.listview-content {
  float: left;
  line-height: 30px;
  width: calc(100% - 45px); }

.ui-datepicker td a {
  width: 30px;
  height: 30px;
  line-height: 25px;
  font-size: 0.875em; }

.ui-datepicker .ui-state-highlight {
  background: #e2eac7 !important;
  color: #000 !important; }

.ui-datepicker .ui-state-active {
  background: #739500 !important;
  color: #fff !important; }

.dashboard-other_plan_information {
  background-image: url("../Images/dashboard-other_plan_information.svg"); }

.dashboard-retirement_payment_account {
  background-image: url("../Images/dashboard-retirement_payment_account.svg"); }

.dashboard-schedule_an_appointment {
  background-image: url("../Images/dashboard-schedule_an_appointment.svg"); }

.dashboard-anual_statements-orange {
  background-image: url("../Images/dashboard-anual_statements-orange.svg"); }

.dashboard-tax_statement {
  background-image: url("../Images/dashboard-tax_statement.svg"); }

.dashboard-report_death {
  background-image: url("../Images/dashboard-report_death.svg"); }

.secondary-dashboard {
  height: auto;
  min-height: 130px;
  padding: 20px; }

.secondary-dashboard-heading {
  width: 100%;
  float: left;
  font-size: 1.250em;
  font-family: "Roboto", sans-serif; }

.secondary-dashboard .more {
  margin-top: 20px;
  float: right;
  font-size: 0.875em !important; }

.blue .secondary-dashboard-heading {
  color: #3598db; }

.green .secondary-dashboard-heading {
  color: #739500; }

.purple .secondary-dashboard-heading {
  color: #9c5db7; }

.tab-content .ui-datepicker-trigger {
  position: absolute; }

.mandatorytaskrow {
  background-color: #FFF52F !important; }

#capMandatoryMessage, #capHIMarriedNotification {
  float: left; }

.validator-error {
  color: #C00000;
  font-weight: bold;
  font-size: 1em; }

input[type=radio], input[type=checkbox] {
  position: relative;
  top: 0; }

input[type=radio] {
  margin-right: 5px !important; }

.checkbox-mandatory {
  box-shadow: 0px 0px 5px 2px #FFC000; }

.Dashboard-stats {
  width: 50%;
  float: left;
  padding: 5px; }

.Dashboard-stats-wrap {
  width: 100%;
  float: left;
  min-height: 78px; }

.Dashboard-stats-wrap h4 {
  text-align: center;
  color: #000;
  background: #FFF;
  padding: 5px 0px;
  font-weight: normal !important;
  font-size: 0.875em;
  margin: 0; }

.Dashboard-stats-content {
  padding: 8px;
  font-size: 1.250em;
  color: #FFF;
  text-align: center; }

.Dashboard-stats-content label {
  font-size: 1.250em;
  margin-bottom: 0 !important;
  margin-top: 3px; }

.Dashboard-stats-wrap.red {
  background: #ec6f63;
  border: 1px solid #ec6f63; }

.Dashboard-stats-wrap.blue {
  background: #3598db;
  border: 1px solid #3598db; }

.Dashboard-stats-wrap.teal {
  background: #48c9b0;
  border: 1px solid #48c9b0; }

.Dashboard-stats-wrap.yellow {
  background: #e09326;
  border: 1px solid #e09326; }

.retirement-request:before {
  content: " ";
  background-image: url("../Images/left-menureq-retirement.png");
  width: 17px;
  height: 16px;
  display: block; }

.img-loader {
  background-image: url("../Images/301.gif");
  width: 55px;
  height: 55px;
  display: inline-block; }

.normal-panel {
  background: #FFFFFF !important;
  padding: 20px; }

.wizard-table > tbody > tr > td:first-child {
  width: 240px; }

span.ui-slider-handle {
  background: #4e523f !important;
  border: 1px solid #FFF !important;
  width: 10px !important;
  border-radius: 10px !important;
  height: 22px !important;
  position: relative;
  top: -5px !important; }

span.ui-slider-handle:focus {
  outline: none; }

.ui-slider {
  background: #d8d8d8 !important;
  border-radius: 10px !important;
  height: 12px; }

.ui-slider-range {
  border-radius: 10px !important; }

.slider-container {
  margin: 10px 0px; }

div.k-window-content {
  padding: 20px;
  height: auto;
  max-height: 70vh;
  overflow: auto; }

.life-beneficiary {
  float: left; }

.security-phrase-wrapper .ListViewItems {
  border: 0 !important; }

.security-phrase-wrapper .spnListviewCheckRow {
  margin-right: 0 !important; }

.security-phrase-wrapper td.captionTd {
  text-align: left !important;
  padding-top: 20px !important;
  padding-left: 0px !important; }

#chrReplacementRatio .yaxistitle, #chrBenfitProgresChart .yaxistitle {
  display: none; }

.graph-dashboard-wizard .portlet.box {
  box-shadow: 0px 1px 1px 2px #d4d4d4 !important;
  margin-bottom: 20px;
  height: 420px !important; }

.graph-dashboard-wizard .two-column {
  padding-right: 15px !important; }

.graph-dashboard-wizard .portlet-body {
  height: calc(400px - 30px) !important; }

.monthly-benefit-section .listview-section:first-child {
  border-top: 0 !important; }

.purple-color-box {
  border-top: 4px solid #8051bd !important; }

.yellow-color-box {
  border-top: 4px solid #e09326 !important; }

.green-color-box {
  border-top: 4px solid #739500 !important; }

.teal-color-box {
  border-top: 4px solid #1abc9c !important; }

.page-logo img {
  margin: 3px;
  height: 49px; }

/*Added to hide page size dropdown in MSS home page*/
div[id^='wfmhtxMSSActiveMemberHomeMenuMaintenance'] .k-pager-sizes {
  display: none !important; }

div[id^='wfmhtxMSSActiveMemberHomeMenuMaintenance'] .k-pager-input, div[id^='wfmhtxMSSActiveMemberHomeMenuMaintenance'] .k-pager-sizes {
  padding: 0px 0.4166em !important; }

.newbutton {
  color: #739500 !important;
  text-decoration: none !important;
  cursor: pointer;
  border: 1px solid #739500 !important;
  background-color: #fff;
  height: 20px;
  padding: 10px;
  border-radius: 3px !important; }

.newbutton:hover {
  color: #fff !important;
  border: 1px solid #739500 !important;
  background-color: #739500; }

#qnpQuestionnairePanel td {
  padding: 20px;
  vertical-align: top; }

#lblAvailableBalance {
  font-size: 1.500em;
  font-weight: bold;
  color: #b9771a;
  display: block;
  text-align: center; }

.page-sidebar-menu {
  height: calc(100vh - 70px); }

.radio-btn-block {
  display: block; }

.xaxistitle {
  bottom: 0px; }

.literalfont {
  font-size: 0.938em;
  font-weight: 600; }

.liner-text {
  font-size: 1em;
  font-weight: 600; }

#chrMonthlyPercent .yaxistitle {
  left: -78px; }

#chrMonthlyPercent .xaxistitle {
  transform: translateY(240%); }

.actionBar {
  width: 100%; }

#tblNewPage6 td {
  /* Investment Maintenance - Paycheck Contribution Info tab - Text Alignment issue*/
  float: left; }

.retirement-app-process span {
  font-size: 0.875em;
  padding-top: 7px;
  display: block; }

.Dashboard-stats-wrap h2 {
  font-size: 1.158em;
  text-align: center;
  line-height: 30px;
  position: relative;
  top: 75px; }

.page-loader-img {
  width: 60px;
  height: 60px;
  border-radius: 50% !important;
  margin: 0 auto;
  line-height: 78px;
  background: url("../Images/page-loader.gif") no-repeat center #FFFFFF;
  display: block; }

.refund-app-process span {
  font-size: 0.875em;
  padding-top: 5px;
  display: block; }

.defined-benefits-content .button {
  margin-left: 10px; }

.grvConsolidatedPurchase {
  float: left;
  width: 100%; }

.page-sidebar .page-sidebar-menu > li.active > a > .selected {
  display: none !important; }

.btnRtnAnalyze {
  margin-left: 15px; }

.user-info ul li {
  color: #000 !important; }

.menu-toggle {
  display: block;
  width: 30px;
  height: 23px;
  position: absolute;
  background: url(../Images/menu-toggle.svg);
  left: 25px;
  z-index: 99;
  top: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  background-size: 60%;
  background-repeat: no-repeat; }

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.page-slideout-body-fixed .page-slideout-left-wrapper {
  overflow: hidden; }

.page-slideout-body-fixed .page-slideout-left-wrapper .cssmenu li a {
  white-space: nowrap; }

.page-slideout-body-fixed .page-slideout-left-wrapper .cssmenu ul.sub-menu {
  display: none; }

.page-slideout-body-fixed .page-slideout-container-wrapper {
  margin-left: 30px;
  transition: .3s all ease-in-out;
  height: calc(100vh - 66px);
  overflow: auto; }

.page-slideout-body-collaped .page-slideout-left-wrapper {
  width: 265px !important;
  overflow: auto !important; }

.page-slideout-body-collaped .page-slideout-container-wrapper {
  margin-left: 282px !important;
  transition: .3s all ease-in-out;
  height: calc(100vh - 66px);
  overflow: auto; }

span.left-menu-icon {
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 13px;
  right: 15px;
  z-index: 9; }

span.left-menu-icon.left-menu-collapsed {
  background: url("../Images/left-menu-collapsed.svg") no-repeat; }

span.left-menu-icon.left-menu-expand {
  /*background: url('../Images/left-menu-minus.svg') no-repeat;*/
  background: url("../Images/left-menu-expand.svg") no-repeat; }

.page-slideout-body-fixed span.left-menu-icon {
  display: none; }

/*.page-sidebar .page-sidebar-menu > li.active > a:hover {
    background-color: $green-theme-color !important;
}*/
[formid="wfmESSInboxMaintenance"] > a {
  background-image: url("../Images/left-menu-alerts-messages.svg");
  background-repeat: no-repeat;
  background-position: 8px 10px; }

[formid="wfmESSHomeMaintenance"] > a {
  background-image: url("../Images/left-menu-dashboard.svg");
  background-repeat: no-repeat;
  background-position: 8px 10px; }

[keytitle="Messages"] > a {
  background-image: url("../Images/left-menu-org-info.svg");
  background-repeat: no-repeat;
  background-position: 8px 10px;
  background-color: #739500;
  color: #FFFFFF !important; }

[keytitle="My Profile"] > a {
  background-image: url("../Images/left-menu-org-info.svg");
  background-repeat: no-repeat;
  background-position: 8px 10px;
  background-color: #739500;
  color: #FFFFFF !important; }

[keytitle="My Account"] > a {
  background-image: url("../Images/left-menu-org-info.svg");
  background-repeat: no-repeat;
  background-position: 8px 10px;
  background-color: #739500;
  color: #FFFFFF !important; }

[keytitle="Additional Services "] > a {
  background-image: url("../Images/left-menu-org-info.svg");
  background-repeat: no-repeat;
  background-position: 8px 10px;
  background-color: #739500;
  color: #FFFFFF !important; }

[keytitle="Payroll Reports"] > a {
  background-image: url("../Images/left-menu-reports.svg");
  background-repeat: no-repeat;
  background-position: 8px 10px;
  background-color: #588aba;
  color: #FFFFFF !important; }

[formid="wfmOrgOverviewMaintenance"] a {
  background-image: url("../Images/left-menu-plan.png"); }

[formid="wfmESSOrganizationMaintenance"] a {
  background-image: url("../Images/left-menu-org-maintenance.png"); }

[formid="wfmESSContactListMaintenance"] a {
  background-image: url("../Images/left-menu-contacts.png"); }

[formid="wfmESSOrgBankMaintenance"] a {
  background-image: url("../Images/left-menu-bank.png"); }

[formid="wfmESSPlanListMaintenance"] a {
  background-image: url("../Images/left-menu-plan.png"); }

[formid="wfmESSEmployeeLookup"] a {
  background-image: url("../Images/left-menu-employees.png"); }

[formid="wfmESSMemberRecordRequestLookup"] a {
  background-image: url("../Images/left-menu-enrollment-request.png"); }

[formid="wfmESSEmploymentChangeRequestLookup"] a {
  background-image: url("../Images/left-menu-emp-change-request.png"); }

[formid="wfmESSMeetingsMaintenance"] a {
  background-image: url("../Images/left-menu-meetings.png"); }

[formid="wfmPrHeaderLookup"] a {
  background-image: url("../Images/left-menu-payroll-file.png"); }

[formid="wfmPrHeaderLookup"] a {
  background-image: url("../Images/left-menu-payroll-remittance-file.png"); }

[formid="wfmESSEmployerPayrollHeaderLookup"] a {
  background-image: url("../Images/left-menu-payroll-details.png"); }

[formid="wfmESSEmployerPayrollDetailLookup"] a {
  background-image: url("../Images/left-menu-payroll-file.png"); }

[formid="wfmESSAgencyStatementMaintenance"] a {
  background-image: url("../Images/left-menu-agency-statement.png"); }

[formid="wfmWSSUploadFileMaintenance"] a {
  background-image: url("../Images/left-menu-upload-files.png"); }

[formid="wfmESSFileHdrLookup"] a {
  background-image: url("../Images/left-menu-processed-files.png"); }

[formid="wfmWssEmploymentChangeRequestFileLookup"] a {
  background-image: url("../Images/left-menu-emp-change-request-file-lookup.png"); }

[formid="wfmPrPayrollDetailLookup"] a {
  background-image: url("../Images/left-menu-payroll-details.png"); }

[formid="wfmPrRemittanceDetailLookup"] a {
  background-image: url("../Images/left-menu-payroll-remittances.png"); }

.toggle-menu-container {
  position: fixed;
  top: 88px;
  /*overflow: auto;*/
  min-height: calc(100vh - 15%);
  z-index: 99;
  transition: .3s all ease-in-out;
  background: #FFFFFF;
  height: auto !important; }

.toggle-menu-container .CssSlideoutCenterLeftMenu.cssmenu {
  background: #FFFFFF;
  color: #FFFFFF;
  /*font-family: 'Helvetica Neue', sans-serif;*/ }

.toggle-menu-container .CssSlideoutCenterLeftMenu.cssmenu li {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 0px;
  position: relative;
  margin-bottom: 5px; }

.toggle-menu-container .CssSlideoutCenterLeftMenu.cssmenu > li {
  background-color: #ccc !important; }

.toggle-menu-container .CssSlideoutCenterLeftMenu.cssmenu li a {
  display: block;
  padding: 10px 5px 10px 32px;
  font-size: 1em;
  color: #fff; }

.toggle-menu-container .CssSlideoutCenterLeftMenu.cssmenu li a:hover {
  background-color: #1D537A;
  text-decoration: none;
  color: #fff;
  border-radius: 4px !important; }

.toggle-menu-container .CssSlideoutCenterLeftMenu.cssmenu li a:before {
  content: " "; }

.toggle-menu-container .CssSlideoutCenterLeftMenu.cssmenu .sub-menu li {
  padding: 0; }

.toggle-menu-container .CssSlideoutCenterLeftMenu.cssmenu .sub-menu a {
  border: none;
  background-repeat: no-repeat;
  background-position: 8px 10px;
  line-height: 25px;
  color: #000; }

.toggle-menu-container .CssSlideoutCenterLeftMenu.cssmenu .sub-menu a:hover {
  background-position: 8px 10px !important; }

.toggle-menu-container .CssSlideoutCenterLeftMenu.cssmenu .sub-menu span.left-menu-icon {
  left: -13px !important; }

.toggle-menu-container .toggle-menu-inner-content {
  width: 100%;
  right: 0px;
  height: 100%;
  position: absolute;
  background: #ffffff;
  padding: 15px 15px 0 15px; }

/***
Vertical inline menu
***/
.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none; }

.ver-inline-menu li {
  position: relative;
  margin-bottom: 1px;
  float: left;
  width: 100%; }

.ver-inline-menu li i {
  width: 37px;
  height: 37px;
  color: #b9cbd5;
  font-size: 0.938em;
  padding: 12px 10px 10px 8px;
  margin: 0 8px 0 0;
  text-align: center;
  background: #e0eaf0;
  display: block;
  float: left; }

.ver-inline-menu li a {
  font-size: 0.813em;
  color: #557386;
  display: block;
  background: #f0f6fa;
  border-left: solid 2px #c4d5df;
  float: left;
  width: 100%;
  line-height: 37px; }

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
  background: #e0eaf0;
  text-decoration: none; }

.ver-inline-menu li:hover i {
  color: #fff;
  background: #c4d5df !important; }

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  font-size: 0.813em; }

.ver-inline-menu li.active a {
  border-left: solid 2px #0c91e5; }

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color: #fff;
  background: #07506f;
  text-decoration: none; }

.ver-inline-menu li.active i {
  background: #07506f; }

.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #0c4056;
  position: absolute;
  top: 12px;
  right: -5px; }

/***
Custom tabs
***/
.nav-tabs > li > a > .badge,
.nav-pills > li > a > .badge {
  margin-top: -3px; }

.nav-tabs > li > a,
.nav-pills > li > a {
  font-size: 0.875em; }

.nav-tabs-sm > li > a,
.nav-pills-sm > li > a {
  font-size: 0.813em; }

.tabbable-custom {
  margin-bottom: 15px;
  padding: 0px;
  overflow: hidden; }

.tabbable-custom > .nav-tabs {
  border: none;
  margin: 0px; }

.tabbable-custom > .tab-content {
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 10px; }

.tabbable-custom.nav-justified .tab-content {
  margin-top: -1px; }

.tabs-below.tabbable-custom.nav-justified .tab-content {
  margin-top: 0px;
  margin-bottom: -2px; }

.tabbable-custom.boxless > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none; }

.tabbable-custom .nav-tabs > li {
  margin-right: 2px;
  border-top: 2px solid transparent; }

.tabbable-custom .nav-tabs > li > a {
  margin-right: 0; }

.tabbable-custom .nav-tabs > li > a:hover {
  background: none;
  border-color: transparent; }

.tabbable-custom .nav-tabs > li.active {
  border-top: 3px solid #d12610;
  margin-top: 0;
  position: relative; }

.tabbable-custom .nav-tabs > li.active > a {
  border-top: none;
  font-weight: 400; }

.tabbable-custom .nav-tabs > li.active > a:hover {
  border-top: none;
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent; }

.tabbable-custom .nav-tabs > li {
  margin-right: 2px;
  border-top: 2px solid transparent; }

/* below tabs */
.tabs-below.tabbable-custom .nav-tabs > li > a {
  border-top: none;
  border-bottom: 2px solid transparent;
  margin-top: -1px; }

.tabs-below.tabbable-custom .nav-tabs > li.active {
  border-top: none;
  border-bottom: 3px solid #d12610;
  margin-bottom: 0;
  position: relative; }

.tabs-below.tabbable-custom .nav-tabs > li.active > a {
  border-bottom: none; }

.tabs-below.tabbable-custom .nav-tabs > li.active > a:hover {
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent; }

/*full width tabs with bigger titles */
.tabbable-custom.tabbable-full-width > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none; }

.tabbable-custom.tabbable-full-width .nav-tabs > li > a {
  color: #424242;
  font-size: 0.938em;
  padding: 9px 15px; }

.s-fieldSetPanelbar {
  float: left;
  width: 100%; }

.s-ulControlPanelbar {
  padding: 5px 10px !important;
  background-color: #FFFFFF !important;
  float: left;
  width: 100%;
  border-radius: 10px !important;
  border: 0;
  margin-bottom: 13px !important;
  border: 0 !important;
  list-style-type: none;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }

.s-liControlPanelbar {
  float: left;
  width: 100%;
  list-style: none; }
  .s-liControlPanelbar label {
    font-size: 20px;
    font-weight: 500; }

span.s-spnControlPanelbar {
  width: 100%;
  float: left;
  font-size: 1.263em !important;
  position: relative !important;
  padding: 4px 0px !important;
  cursor: pointer !important;
  background-color: transparent !important;
  color: #000 !important;
  border-color: #FFF !important;
  font-weight: bold;
  margin: 2px 0 0 10px !important; }

.s-divControlPanelContainer {
  width: 100%;
  float: left;
  padding: 10px !important;
  border: 0 !important; }

.fa-home:before {
  width: 15px;
  height: 15px;
  display: block;
  color: #8C8C8C !important; }

.active .fa-home:before {
  color: #FFFFFF !important; }

.fa-sign-in:before {
  width: 15px;
  height: 15px;
  display: block;
  color: #8C8C8C !important; }

.active .fa-sign-in:before {
  color: #FFFFFF !important; }

.fa-wrench:before {
  width: 15px;
  height: 15px;
  display: block;
  color: #8C8C8C !important; }

.active .fa-wrench:before {
  color: #FFFFFF !important; }

.CaptionDiv {
  text-align: left; }

.CaptionDiv label {
  font-weight: normal !important; }

.CaptionDivLeft {
  text-align: left; }

.s-spnControlPanelbar:focus {
  outline: none; }

span.s-spnControlPanelbar[aria-expanded="false"] {
  border-bottom: 0 !important; }

.s-panel-icon {
  left: auto !important; }

.footer {
  background: #003F6C;
  width: 100%;
  color: #fff;
  padding: 5px 20px 5px 20px; }

/*.dashboard .s-ulControlPanelbar {
    min-height: 250px;
}*/
.dashboard > .s-liControlPanelbar > .s-divControlPanelContainer ul.s-ulControlPanelbar {
  border-radius: 5px !important;
  box-shadow: none;
  position: relative; }

.dashboard > .s-liControlPanelbar > .s-divControlPanelContainer ul.s-ulControlPanelbar:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.dashboard > .s-liControlPanelbar > .s-divControlPanelContainer .s-spnControlPanelbar {
  padding: 10px !important;
  margin: 0;
  border: 0; }

.blue-box {
  border: 1px solid #4198d6 !important; }

.blue-box:before {
  background: #4198d6; }

.teal-box {
  border: 1px solid #18afa3 !important; }

.teal-box:before {
  background: #18afa3; }

.maroon-box {
  border: 1px solid #9a5656 !important; }

.maroon-box:before {
  background: #9a5656; }

.mustard-box {
  border: 1px solid #dcad48 !important; }

.mustard-box:before {
  background: #dcad48; }

.dark-blue-box {
  border: 1px solid #5277a9 !important; }

.dark-blue-box:before {
  background: #5277a9; }

.green-box {
  border: 1px solid #65aa59 !important; }

.green-box:before {
  background: #65aa59; }

.lavender-box {
  border: 1px solid #946cb3 !important; }

.lavender-box:before {
  background: #946cb3; }

.brown-box {
  border: 1px solid #9a7956 !important; }

.brown-box:before {
  background: #9a7956; }

label {
  font-size: 1em;
  /*changed font size to 19px - client recommendation*/ }

.form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 1em;
  /*changed font size to 19px - client recommendation*/
  font-weight: normal; }

.tabstrip {
  overflow: hidden; }

.tabstrip li {
  position: relative; }

.tabstrip li.s-liControlTabSheet-active:before {
  content: " ";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 3px;
  width: 100%;
  background: #003F6C;
  z-index: 99; }

.tabstrip li:before {
  content: " ";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 3px;
  width: 100%;
  background: none;
  z-index: 99; }

.tabstrip li:hover:before {
  content: " ";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 3px;
  width: 100%;
  background: #003F6C;
  z-index: 99; }

.phoneStatictext {
  font-size: smaller !important;
  font-style: italic; }

/*
[formid="htxMSSProfileMaintenance"] > a {
    background-image: url(../Images/icon-personal-profile.svg) !important;
}

[formid="htxMSSMyBenefitProgramsMaintenance"] > a {
    background-image: url(../Images/icon-plans.svg) !important;
}

[formid="htxMSSMyBenefitEstimatesMaintenance"] > a {
    background-image: url(../Images/icon-benifit-estimates.svg) !important;
}

[formid="htxMssServicePurchaseContractMaintenance"] > a {
    background-image: url(../Images/icon-spc.svg) !important;
}

[formid="htxMSSFileUploadMaintenance"] > a {
    background-image: url(../Images/left-menu-upload-files.png) !important;
}

[formid="htxMssContactAgencyMaintenance"] > a {
    background-image: url(../Images/left-menu-contacts.png) !important;
}

[formid="htxMSSWithdrawalApplicationMaintenance"] > a {
    background-image: url(../Images/icon-refund-application.svg) !important;
}

[formid="htxMSSRetirementApplicationMaintenance"] > a {
    background-image: url(../Images/icon-retirement-applcation.svg) !important;
}

[formid="htxMSSAnnualStmtDataMaintenance"] > a {
    background-image: url(../Images/icon-annual-statements.svg) !important;
}

[keytitle="Additional Services "] > a {
    background-image: url(../Images/icon-related-task-white.svg) !important;
}

[formid="htxUpComingSeminarswebinarsMeetingsMaintenance"] > a {
    background-image: url(../Images/icon-spouse-profile.svg) !important;
}

[formid="htxMSSMessageBoardMaintenance"] > a {
    background-image: url(../Images/Message_board.svg) !important;
}

[formid="htxMSSPaymentAccountMaintenance"] > a {
    background-image: url(../Images/benefit-payment-account.svg) !important;
}

[formid="htxMSSTaxFormMaintenance"] > a {
    background-image: url(../Images/annual-tax-form.svg) !important;
}

[formid="htxMssRequestOneOnOneMeetingMaintenance"] > a {
    background-image: url(../Images/one-one-meeting.svg) !important;
}

[formid="htxPersonRelationshipsMSSMaintenance"] > a {
    background-image: url(../Images/my_relationship.svg) !important;
}

[formid="htxMSSDashboardMaintenance"] > a {
    background-image: url(../Images/home.svg) !important;
}

[formid="htxMSSMyBankMaintenance"] > a {
    background-image: url(../Images/my_bank.svg) !important;
}

[keytitle="My Account"] > a {
    background-image: url(../Images/icon-your-account-white.svg) !important;
}

[keytitle="Messages"] > a {
    background-image: url(../Images/messages.svg) !important;
}

[keytitle="Home"] > a {
    background-image: url(../Images/home-white.svg) !important;
    background-repeat: no-repeat;
    background-position: 8px 10px;
    line-height: 25px;
    color: #fff !important;
    background-color: $theme-primary-color;
}
    */
[keytitle="My Profile"] > a {
  background-image: url(../Images/user.svg) !important; }

.rowData.ImageClass {
  width: 100%;
  float: left;
  margin: 20px 0px; }

.rowData.ImageClass .columnData {
  float: left;
  margin-right: 20px; }

.rowData.ImageClass .columnData span {
  display: block;
  margin-bottom: 10px; }

.Inputfix-width input, .Inputfix-width select {
  width: 100% !important; }

.ErrorLink {
  color: #C00000 !important;
  font-weight: bold;
  text-decoration: none !important; }
  .ErrorLink:hover {
    text-decoration: none; }
  .ErrorLink a:focus {
    outline: none !important;
    border: none !important; }

.DropdownWidth {
  width: auto; }

/*.col-md-2 input[type="text"] {
    width: 100% !important;
}*/
input[name='btnRetrieve'] {
  position: absolute;
  right: -20px;
  top: 7px; }

.db-benefit_program_name {
  background-image: url(../Images/db-benefit_program_name.svg); }

.db-plan_code {
  background-image: url(../Images/db-plan_code.svg); }

.dashboard-stat .more {
  display: inline-block;
  padding: 5px 10px 5px 10px;
  text-transform: uppercase;
  font-weight: 300;
  color: #FFFFFF;
  opacity: 0.8;
  border-radius: 5px !important;
  position: relative;
  color: #fff !important;
  border: none !important; }

.dashboard-stat .more:hover {
  text-decoration: none; }

.dashboard-stat .more {
  font-size: 0.875em !important;
  padding: 9px 40px 6px 10px !important; }

.dashboard-stat.maroon-box .more {
  background: #9a5656 !important; }

.dashboard-stat.teal-box .more {
  background: #18afa3 !important; }

.dashboard-stat.lavender-box .more {
  background: #946cb3 !important; }

.dashboard-stat.brown-box .more {
  background: #9a7956 !important; }

.dashboard-stat.green-box .more {
  background: #65aa59 !important; }

.dashboard-stat.dark-blue-box .more {
  background: #5277a9 !important; }

.view-more-link {
  background: url(../Images/view_more.svg) no-repeat center;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 6px;
  right: 9px; }

.maroon-box .ListViewItems {
  border-left: 4px solid #9a5656 !important; }

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

.marg-bottom-5 {
  margin-bottom: 5px !important; }

.btnReviewSubmit {
  width: 300px;
  height: 50px;
  display: block;
  margin: auto; }

.dashboard .s-panel-icon {
  display: none; }

.dashboard .s-spnControlPanelbar {
  pointer-events: none; }

.bank-route-search input[type="image"] {
  cursor: pointer;
  z-index: 1; }

.marg-left15 {
  margin-left: 15px !important; }

.k-window .Table {
  width: auto !important; }

/*.page-sidebar-menu > li > a*/
.page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li.active > a:hover {
  background-color: #003F6C; }

.margin-bottom-20 {
  margin-bottom: 20px; }

/*calculation-detial-label*/
.calculation-detial-label .col-md-2 {
  padding-left: 0 !important; }

span.required {
  color: #FF0000; }

.dashboard-mss .col-md-4 {
  width: 33.33333333%; }

.s-fileupload-item {
  display: flex; }

.s-file-upload-image {
  height: 30px !important;
  width: 30px !important; }

/**************************Media Query**************************************/
@media screen and (max-width: 800px) {
  .CaptionDiv {
    text-align: left; }
  .crumDiv {
    float: left;
    margin-top: 0px; }
  .page-header.navbar {
    padding: 0px !important; }
  .page-logo img {
    max-width: 100%;
    display: block;
    height: 49px; }
  .dashboard-mss .col-md-4 {
    width: 100%; }
  .dashboard-stat {
    height: auto; }
  .portal-head {
    width: 100%; }
  .top-menu {
    position: relative;
    left: 0;
    float: left !important; }
  .k-widget.k-window {
    height: auto !important;
    width: 85% !important;
    max-height: 85% !important;
    min-width: 85% !important; }
  input[value="View / Update Relationships"] {
    margin-top: 10px; }
  .navbar-toggle {
    position: absolute;
    float: left;
    padding: 0px 5px;
    top: 20px;
    left: 5px; }
  .top-menu li:last-child {
    float: none;
    position: relative;
    top: 7px;
    margin-bottom: 10px; }
  #Table_GridTable_grvLstmyURSMembershipAccountURS td[data-th="MemberAcctId"] {
    display: none; } }

/**/
#Table_GridTable_grvLstQuestion select {
  width: 100% !important; }

.TableAdjustment #GridTable_grvLstMembershipAcctTxnAdjustment {
  overflow: auto;
  position: relative; }

.TableAdjustment .s-grid-toolbar-container {
  position: sticky;
  left: 0;
  right: 0;
  top: 0; }

.task-panel {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
  width: 500px;
  color: #FFF;
  transition: .3s all ease-in-out; }

.task-panel * {
  white-space: normal; }

.task-panel .inner-content {
  width: 100%;
  right: 0px;
  height: 100%;
  background: #f5f5f5;
  position: absolute;
  box-shadow: -4px 0px 20px 0px #333; }

.task-panel .inner-content .task-panel-wrapper {
  width: 100%;
  height: calc(100vh - 71px);
  overflow: auto;
  padding: 15px;
  /***********************************************************************/ }

.task-panel .inner-content .task-panel-wrapper .k-widget.k-panelbar {
  margin-left: 0;
  padding: 0; }

.task-panel .inner-content .task-panel-wrapper .k-widget.k-panelbar .k-link.k-header {
  padding: 10px;
  border: none;
  background: #006167;
  color: #FFFFFF !important; }

.task-panel .inner-content .task-panel-wrapper .k-widget.k-panelbar .k-link.k-header .k-icon {
  margin-right: 10px; }

.task-panel .inner-content .task-panel-wrapper .k-widget.k-panelbar .k-state-focused.k-state-hover {
  background: #006167 !important; }

.task-panel .inner-content .task-panel-wrapper .k-widget.k-panelbar .k-content {
  padding: 10px !important; }

.task-panel .inner-content .task-panel-wrapper fieldset {
  padding: 5px;
  border: 1px solid #AAA;
  color: #333; }

.task-panel .inner-content .task-panel-wrapper fieldset legend {
  color: #555;
  width: 100%;
  float: left;
  font-size: 15px;
  border-bottom: 1px solid #aaa !important;
  border: 0;
  background: none;
  padding: 8px 5px; }

.task-panel .inner-content .task-panel-wrapper .s-grid-toolbar-container {
  display: block; }

.task-panel .inner-content .task-panel-wrapper .s-grid-settings-icon {
  margin-top: 0;
  margin-bottom: 10px; }

.task-panel .inner-content .task-panel-wrapper .ResultDiv {
  background: none; }

.task-panel .inner-content .task-panel-wrapper .ResultDiv .sectionhead {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  padding: 0px 0px 10px 0px;
  display: block;
  border-bottom: 1px solid #AAA;
  margin-bottom: 10px;
  font-weight: 600; }

.task-panel .inner-content .task-panel-wrapper .k-tabstrip-items .k-link {
  font-size: 0.875em; }

.task-panel .inner-content ul.task-panel-tabs {
  list-style-type: none;
  background: #FFFFFF;
  float: left;
  width: 100%;
  box-shadow: 4px 0px 10px #c3c3c3; }

.task-panel .inner-content ul.task-panel-tabs li {
  float: left; }

.task-panel .inner-content ul.task-panel-tabs li a {
  display: block;
  padding: 40px 20px 10px 20px;
  color: #555555;
  background-repeat: no-repeat;
  background-position: center 8px;
  position: relative; }

.task-panel .inner-content ul.task-panel-tabs li a.selected {
  color: #006167; }

.task-panel .inner-content ul.task-panel-tabs li a.selected:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #006167; }

.task-panel .inner-content ul.task-panel-tabs li a.tab-mybasket {
  background-image: url("../Images/task-btn-my_basket.svg"); }

.task-panel .inner-content ul.task-panel-tabs li a.tab-mybasket.tab-mybasket.selected {
  background-image: url("../Images/task-btn-my_basket_hover.svg"); }

.task-panel .inner-content ul.task-panel-tabs li a.tab-quick-search {
  background-image: url("../Images/task-btn-Person_Quick-Search.svg"); }

.task-panel .inner-content ul.task-panel-tabs li a.tab-quick-search.tab-quick-search.selected {
  background-image: url("../Images/task-btn-Person_Quick-Searc_hover.svg"); }

.task-panel .taskpanel-close {
  margin: 10px;
  display: none;
  background: url("../Images/task-btn-close.svg") no-repeat center;
  width: 30px;
  height: 30px;
  display: block;
  right: 10px;
  top: 10px;
  position: absolute; }

.task-panel-wrapper .k-panelbar > li.k-item {
  margin-bottom: 1px; }

.my-task-btn {
  background: url("../Images/task-btn-Search.svg") no-repeat center right;
  display: inline-block;
  border: none;
  background-size: 23px;
  width: 30px;
  height: 29px; }

/*li.menuItem[formid="wfmmyURSHomeMaintenance"] a {
    background-color: unset;

    &:hover {
        color: #333;
    }
}*/
.sub-menu li {
  margin-bottom: 0 !important; }

.secondary-header {
  background: #1D537A;
  padding: 3px 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .secondary-header .header-menu {
    list-style: none;
    margin-bottom: 0;
    margin-left: 10px; }
    .secondary-header .header-menu li {
      position: relative;
      display: flex; }
      .secondary-header .header-menu li a {
        color: #FFFFFF;
        font-size: 1em;
        /*changed font size to 19px - client recommendation*/
        padding: 0 15px;
        text-decoration: none; }
  .secondary-header .header-icon {
    list-style: none;
    margin-bottom: 0;
    margin-right: 20px;
    align-items: center; }
    .secondary-header .header-icon li a {
      background-repeat: no-repeat;
      width: 22px;
      height: 22px;
      margin: 0 5px;
      border-radius: 4px !important;
      display: block; }
    .secondary-header .header-icon li .dropdown button {
      padding: unset;
      border: none !important;
      vertical-align: top; }
      .secondary-header .header-icon li .dropdown button:hover {
        background: none !important; }
    .secondary-header .header-icon li .dropdown .menu-caret {
      left: 38%; }
    .secondary-header .header-icon li .dropdown ul.dropdown-menu {
      border: 1px solid #000;
      padding: 5px;
      left: -110px;
      color: #000;
      background: #eaecee;
      padding: 10px;
      width: 185px;
      background-color: #eaecee;
      top: 28px; }
      .secondary-header .header-icon li .dropdown ul.dropdown-menu li a {
        width: 100%;
        justify-content: right; }
        .secondary-header .header-icon li .dropdown ul.dropdown-menu li a:focus {
          outline: none; }

.header-menu-icon {
  display: none; }

.d-flex {
  display: flex; }

.align-item-center {
  align-items: center; }

.flex-col {
  flex-direction: column; }

.flex-col-reverse {
  flex-direction: column-reverse; }

.justify-conten-center {
  justify-content: center; }

.justify-conten-space-between {
  justify-content: space-between; }

@media (max-width: 991px) {
  .secondary-header .header-menu {
    flex-wrap: nowrap; }
    .secondary-header .header-menu li a {
      font-size: 14px !important;
      padding: 0 10px; } }

.tdOneLine {
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap; }

.text-center {
  text-align: center; }

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

.table-access-btn input[value="Access"] {
  background: #86D947 !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  transition: .3s all ease-in-out;
  padding: 5px 14px;
  font-size: 19px;
  /*changed font size to 19px - client recommendation*/
  margin-right: 5px;
  box-shadow: none; }
  .table-access-btn input[value="Access"]:hover {
    border-color: #000 !important;
    color: #000 !important;
    background: #fff !important; }

.table-enroll-btn input[value="Enroll"] {
  background: #5b9bd5 !important;
  color: #fff !important;
  border-color: #000 !important;
  transition: .3s all ease-in-out;
  padding: 5px 14px;
  font-size: 19px;
  /*changed font size to 19px - client recommendation*/
  margin-right: 5px; }
  .table-enroll-btn input[value="Enroll"]:hover {
    background: #fff !important;
    color: #000 !important; }

.dark-blue-btn {
  background: #5b9bd5 !important;
  color: #fff !important;
  border-color: #000 !important;
  transition: .3s all ease-in-out;
  padding: 7px 14px;
  font-size: 19px !important;
  border-radius: 3px; }
  .dark-blue-btn:hover {
    background: #fff !important;
    color: #000 !important; }

.green-btn {
  background: #86D947 !important;
  color: #000 !important;
  border: 2px solid #000;
  transition: .3s all ease-in-out;
  padding: 7px 14px;
  font-size: 19px !important;
  /*changed font size to 19px - client recommendation*/
  margin-right: 5px;
  text-decoration: none !important;
  border-radius: 3px; }

.table-without-header thead {
  display: none; }

.s-tbody tr, tr.s-hdrrow {
  border: 1px solid #B1B4B6; }

.s-grid th {
  font-weight: normal !important; }

.urs-ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  border-top: 1px solid #aaa;
  padding: 5px 10px 0 10px; }
  .urs-ul li {
    text-align: center;
    padding: 0 5px; }
    .urs-ul li label {
      /*color: #1D70B8 !important;*/
      font-size: 19px !important;
      /*changed font size to 19px - client recommendation*/
      font-weight: bold;
      text-decoration: underline; }

.light-border, .light-border label {
  color: #aaa; }

.mt-20 {
  margin-top: -15px; }

.table-without-header.fluid-table tr:nth-child(odd) > td {
  background-color: #fff !important; }

.table-without-header.fluid-table tr:nth-child(even) > td {
  background-color: #fff !important; }

.table-without-header.s-grid, .table-without-header .s-tbody tr {
  border: none; }

.AcknowledgementRefundCalMaintenance {
  font-style: italic; }
  .AcknowledgementRefundCalMaintenance .literal {
    font-weight: normal !important; }
  .AcknowledgementRefundCalMaintenance .fakelink {
    font-size: 1em;
    /*changed font size to 19px - client recommendation*/
    color: #1D70B8 !important; }

.refundMemberCalculator li span.ui-state-active .ui-icon {
  display: none; }

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

.captionleft .CaptionDiv {
  text-align: left !important; }

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

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

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

.fs-22 {
  font-size: 1.158em !important; }

.fs-19 {
  font-size: 19px !important; }

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

.fs-24 {
  font-size: 1.263em !important; }

.margin-right-0 {
  margin-right: 0; }

.fieldset-wrapper {
  border: 1px solid black;
  display: flex;
  padding: 10px;
  background: #f8fcff;
  min-height: 245px;
  margin: 0 auto; }
  .fieldset-wrapper .s-fieldSetPanelbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; }
  .fieldset-wrapper label {
    font-size: 20px;
    font-weight: bold; }
  .fieldset-wrapper span {
    font-size: 1em;
    /*changed font size to 19px - client recommendation*/
    text-align: center;
    font-weight: 500;
    padding: 10px 20px 15px 20px; }
  .fieldset-wrapper .s-divButtonRow input[value="Learn More"], .fieldset-wrapper [name="hypHyperLinkOpenWebinars"] {
    background: #86D947 !important;
    color: #000 !important;
    border: 2px solid #000;
    transition: .3s all ease-in-out;
    padding: 5px 14px;
    font-size: 19px !important;
    /*changed font size to 19px - client recommendation*/
    margin-right: 5px; }
    .fieldset-wrapper .s-divButtonRow input[value="Learn More"]:hover, .fieldset-wrapper [name="hypHyperLinkOpenWebinars"]:hover {
      border: 2px solid #000;
      color: #000 !important;
      background: #fff !important; }

.menu-caret {
  transform: rotate(90deg);
  position: absolute;
  color: white;
  left: 50%;
  width: 9px;
  height: 9px;
  bottom: -6px; }

.badge-icon {
  position: relative; }
  .badge-icon .badge {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center; }

p.MsoNormal {
  background: none !important;
  margin-bottom: 8px !important; }
  p.MsoNormal span {
    background: none !important; }

.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
  background-color: #f9f9f9; }

.wzsAgreement .note-editor.note-frame {
  height: 55vh !important; }

.wzsAgreement .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
  height: 60vh !important;
  max-height: 53vh !important; }

.StatementBullutin {
  text-align: center !important;
  color: #1D70B8 !important;
  text-decoration: none !important; }

.padding-left-32px {
  padding-left: 2rem !important; }

.float-left {
  float: left !important; }

.s-liControlPanelbar table label {
  font-size: unset !important; }

.boxshadow-none {
  box-shadow: none !important; }

.rowData.ImageClass .columnData {
  width: 33%;
  float: left; }
  .rowData.ImageClass .columnData img {
    width: 12rem;
    float: left; }

.Security-Freeze-pnl div img {
  width: 20%; }

.Security-Freeze-pnl .form-group label {
  font-size: 1em; }

.Security-Freeze-pnl .form-group .literal {
  font-size: 1.158em !important; }

.Security-Freeze-pnl .form-group p {
  font-weight: normal; }

.Security-Freeze-pnl .form-group .col-md-4.text-center.CaptionDiv {
  padding: 0 10px !important; }

.btn-as-link {
  background: none !important;
  border: none !important;
  color: #1D70B8 !important;
  text-decoration: underline !important;
  padding: unset !important;
  font-weight: bold !important;
  white-space: normal; }

.margin-auto {
  margin: auto; }

.calculator-pnl .col-md-10 {
  margin: 10px 0; }

.twoOptionElectionPnl .fieldset-wrapper h4 {
  font-size: 16px !important;
  font-weight: 600;
  text-align: center; }

.twoOptionElectionPnl .fieldset-wrapper .valuebox {
  margin: 15px 0; }
  .twoOptionElectionPnl .fieldset-wrapper .valuebox:empty {
    margin: 0; }

.twoOptionElectionPnl .fieldset-wrapper .boldfont {
  font-size: 16px !important; }

.twoOptionElectionPnl .fieldset-wrapper span.boldfont {
  font-size: 18px !important;
  text-align: left !important;
  width: 100%; }

.twoOptionElectionPnl .fieldset-wrapper a {
  text-decoration: none;
  font-size: 1em;
  /*changed font size to 19px - client recommendation*/
  text-align: center;
  display: block; }

.twoOptionElectionPnl .fieldset-wrapper .s-MainWrapperTable span {
  padding: 0; }

.twoOptionElectionPnl .fieldset-wrapper .pernameDetails {
  font-size: 14px !important;
  font-weight: 700 !important; }

.twoOptionElectionPnl .fieldset-wrapper [name="lblCurrentElectionVal"] {
  font-size: 16px; }

[name="pnlUndecided"] legend:empty {
  display: none; }

.pnlHybridClickpnl {
  background-color: #d9d9d9; }

[name="pnlMainFAQPopup"] .s-ulControlPanelbar {
  border: 2px solid #d0d0d0 !important;
  box-shadow: none !important; }
  [name="pnlMainFAQPopup"] .s-ulControlPanelbar .s-spnControlPanelbar {
    font-size: 18px !important;
    font-weight: 600; }
  [name="pnlMainFAQPopup"] .s-ulControlPanelbar li ul li {
    padding: 2px 0;
    font-weight: 600; }

[name="pnlFAQPopupPanel01"] div.s-divControlPanelContainer {
  padding: 10px 0 !important; }
  [name="pnlFAQPopupPanel01"] div.s-divControlPanelContainer label {
    font-weight: 600 !important; }

/**custom classes start*/
.d-block {
  display: block !important; }

.padding-0 {
  padding: 0 !important; }

.margin-0 {
  margin: 0 !important; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.margin-top-10 {
  margin-top: 10px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-top-bottom-10 {
  margin: 10px 0; }

.margin-bottom-1rem {
  margin-bottom: 1rem; }

.margin-right-5 {
  margin-right: 5px; }

.margin-right-10 {
  margin-right: 10px; }

.margin-right-negative-5 {
  margin-right: -5px; }

.margin-left-10 {
  margin-left: 10px; }

.margin-left-minus10 {
  margin-left: -10px; }

.margin-left-0 {
  margin-left: 0 !important; }

.margin-top-5-percent {
  margin-top: 5%; }

.margin-top-4-percent {
  margin-top: 4%; }

.full-width {
  width: 100% !important; }

.font-weight-normal {
  font-weight: normal !important; }

.float-right {
  float: right !important; }

.disable-btn {
  background: #a5a5a5; }

.float-none {
  float: none !important; }

.float-left {
  float: left !important; }

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

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

.pad-left-22 {
  padding-left: 22px !important; }

.padd-left-0 {
  padding-left: 0px !important; }

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

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

.marg-bottom-0 {
  margin-bottom: 0 !important; }

.marg-top-5 {
  margin-top: 5px !important; }

.margin-right-left-5 {
  margin: 0 5px; }

.warning_btn {
  background: #c00000 !important;
  color: #fff !important; }

.d-flex {
  display: flex !important; }

.font-style-italic {
  font-style: italic !important; }

.margin-bottom-5 {
  margin-bottom: 5px !important; }

.margin-bottom-10 {
  margin-bottom: 10px !important; }

.lineHeight {
  line-height: 1.5; }

.hyperlinkcolor {
  color: #1170d6 !important; }

.width-300 {
  width: 300px; }

.width-250 {
  width: 250px; }

.width-210 {
  width: 210px; }

.width-150 {
  width: 150px; }

.width-120 {
  width: 120px !important; }

.width-390 {
  width: 390px !important; }

.width-190 {
  width: 190px !important; }

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

.margin-top-30 {
  margin-top: 30px; }

.black-color {
  color: #000; }

/**custom classes end*/
.btn-as-link:hover {
  border: none !important;
  color: #1D70B8 !important; }

.margin-auto {
  margin: auto; }

.calculator-pnl .col-md-10 {
  margin: 10px 0; }

table td[data-th="Register"] {
  text-align: center !important; }

.border-blue {
  border: 1px solid #3A5970; }

.sticky-note {
  background: #fbf8e3;
  color: black;
  font-size: 1em;
  /*changed font size to 19px - client recommendation*/
  margin: 0 10px 0 20px;
  padding: 5px; }
  .sticky-note img {
    width: 15px; }

.border-blue {
  border: 1px solid #3A5970; }

.AllocationPnl {
  box-shadow: none !important; }
  .AllocationPnl .col-md-3.CaptionDiv {
    width: 20%; }
  .AllocationPnl .col-md-4.CaptionDiv {
    width: 24%; }
  .AllocationPnl .CaptionDiv label {
    font-weight: bold !important; }
  .AllocationPnl table th, .AllocationPnl table td {
    border: 1px solid #000 !important;
    background: #fff !important;
    color: #000 !important; }
  .AllocationPnl table .s-number-cell.s-number-cell {
    text-align: center !important; }
  .AllocationPnl table th {
    font-weight: bold !important; }

input[value="Complete Investor Profile"], input[value="Complete Benefit Estimate"] {
  border: none !important;
  font-weight: bold !important; }
  input[value="Complete Investor Profile"]:hover, input[value="Complete Benefit Estimate"]:hover {
    border: none !important;
    background: none !important; }

.changeContributionPnl .ui-datepicker-trigger {
  float: left; }

.paymentAccMantainPnl .form-group {
  margin-bottom: 0; }

.paymentAccMantainPnl .CaptionDiv label {
  font-weight: bold !important; }

.paymentAccMantainPnl .totBenPaidPnl span.s-spnControlPanelbar {
  font-size: 14px !important;
  font-weight: bold !important; }

.bankDtlsMaint .ui-widget-content {
  border: 0 !important; }
  .bankDtlsMaint .ui-widget-content .k-panelbar .k-content {
    border-bottom: 0 !important; }
  .bankDtlsMaint .ui-widget-content .CaptionDiv label {
    font-weight: bold !important; }
  .bankDtlsMaint .ui-widget-content .s-gridparent {
    width: 100%; }
  .bankDtlsMaint .ui-widget-content .Table .form-group .col-md-2.CaptionDiv.bankColunm {
    width: 12%; }
  .bankDtlsMaint .ui-widget-content .Table td {
    padding: 12px 15px !important;
    text-align: left !important; }

.personMaintInstruction .col-md-12 {
  display: flex; }
  .personMaintInstruction .col-md-12 label {
    margin-right: 10px; }

.formgroup-marg-bottom-5 .form-group {
  margin-bottom: 5px; }

.contriDateTxt {
  width: 190px; }

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

.twoOptionElectionPnl .fieldset-wrapper.hybridRetirementPnl {
  height: 465px; }

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

.addNewOrgBeneficiary .dd-container {
  width: 190px !important; }
  .addNewOrgBeneficiary .dd-container .dd-select {
    border-radius: 5px !important; }

.literal.col-md-12.tooltipindicator {
  background-repeat: no-repeat;
  width: 100%;
  text-indent: 12px; }

.beneficiaryTbl select {
  width: 130px !important; }

.beneficiaryTbl .tooltipindicator {
  margin-left: 5px !important; }

.beneficiaryTbl [data-title="*Beneficiary Type"] {
  width: 21%; }

.beneficiaryTbl [data-title="*Beneficiary Type"] {
  width: 25%; }

.s-file-upload-container {
  position: relative;
  height: 280px;
  overflow: auto; }
  .s-file-upload-container:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 15%;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    background: url(../Images/upload-file.png) no-repeat center;
    background-size: auto; }
  .s-file-upload-container:after {
    content: "Drag and Drop File Here or";
    position: absolute;
    left: 50%;
    top: 37%;
    width: 185px;
    text-align: center;
    opacity: 0.6;
    transform: translate(-50%, -50%); }
  .s-file-upload-container .s-file-button {
    top: 55%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    border: 2px solid #000; }
  .s-file-upload-container .s-fileupload-list {
    top: 57%;
    position: relative; }
    .s-file-upload-container .s-fileupload-list .s-fileupload-item .s-file-upload-progress + div {
      height: 30px !important;
      width: 30px !important;
      background-size: 30px !important; }

.docuCenterPnl .s-grid-container {
  width: 100%; }

.docuCenterPnl select[name="ddlDocDesc"] {
  width: 175px !important; }

[aria-labelledby="wfmmyURSPersonBankMaintenance0_MaintenanceFormHolder_wnd_title"] {
  width: 1015px !important; }

/*[name="pnlBeneficiaryChange"] {
    [name="ltrBeneChange"] {
        margin-bottom: 10px !important;
        font-size: 16px !important;
        display: block;
    }
}

.lifeInsAmtAvaPnl {
    td.s-currencyNumber-cell.s-grid-cell {
        text-align: right !important;
    }
}*/
.serviceRetiCalMaintenance label {
  font-weight: bold !important;
  font-size: 18px !important; }

.serviceRetiCalMaintenance span.literal {
  font-weight: normal !important; }

div.k-window {
  min-width: 300px !important;
  height: unset !important; }

.retirmentQuli img {
  width: 100%; }

.calcPnl .literal {
  font-weight: normal !important; }

.calcPnl .literal.title {
  font-weight: bold !important; }

.calcPnl .boldfont.literal {
  font-weight: bold !important; }

.retirmentInnerPnl {
  padding-left: 4rem; }

.beneficiariesControl tr td span.literal {
  font-weight: normal; }

.beneficiariesControl table tbody tr:first-child td span.literal {
  font-weight: 700 !important;
  display: none; }

ul.federalIncomeTaxPnl .s-grid .s-hdrrow th.s-currencyNumber-cell, ul.taxWithInfoPnl .s-grid .s-hdrrow th.s-currencyNumber-cell {
  text-align: left; }

ul.federalIncomeTaxPnl .s-spnControlPanelbar, ul.taxWithInfoPnl .s-spnControlPanelbar {
  font-size: 16px !important; }

input#btnReturnToProfileDashboard {
  float: right !important;
  background: #fff !important;
  border: 0 !important;
  padding-top: 8px !important;
  font-weight: bold !important;
  padding-right: 5% !important;
  margin-right: 0 !important; }
  input#btnReturnToProfileDashboard:hover {
    border: 0 !important; }

.note * {
  font-weight: bold !important;
  color: #003f6b !important; }

#wizServiceRetirementApplication .anchor li a.selected {
  color: #495057;
  background-color: #f0f7fd;
  border-color: #dee2e6 #dee2e6 #fff;
  display: flex; }

#wizServiceRetirementApplication .anchor {
  border-bottom: 1px solid #ddd;
  padding-left: 0;
  margin-left: 10px;
  list-style: none; }
  #wizServiceRetirementApplication .anchor li {
    margin-bottom: -1px;
    width: unset !important; }
    #wizServiceRetirementApplication .anchor li a {
      margin-right: 2px;
      line-height: 1.42857143;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0 !important;
      position: relative;
      padding: 10px 15px; }

.denotes {
  color: #C00000 !important;
  padding-left: 3px;
  margin-left: -4px;
  font-weight: bold !important; }

.table-without-header .s-grid-container {
  float: none; }

.labelLeft {
  margin-left: -5px !important; }

/*.ui-widget-content a {
    color: #1d70b8 !important;
}*/
.s-number-cell {
  text-align: right !important; }

/*Step Progress CSS Start*/
.greenBackColor {
  background: #86D947; }

.blueBackColor {
  background: #00b0f0; }

.grayBackColor {
  background: #3A5970; }

.circle-cut {
  --r: 50px;
  /* cut size */
  height: 70px;
  width: 220px;
  aspect-ratio: 1.2;
  border-radius: 30px !important;
  /*mask: radial-gradient(var(--r) at right,#0000 calc(113% - 12px),#000);*/ }

.circle {
  width: 65px;
  height: 65px;
  background: white;
  border-radius: 50% !important;
  position: relative;
  margin-top: 2px;
  margin-left: 2px;
  float: left;
  margin-right: 5px; }

.StepProgress ul {
  width: 100%;
  display: inline-flex;
  padding: 5px; }

.StepProgress ul li {
  list-style: none; }

.marginleft-40px {
  margin-left: -40px; }

.tick-mark {
  font-size: xx-large;
  color: green;
  font-weight: bold;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute; }

.circle-number {
  font-size: xx-large;
  color: black;
  font-weight: bold;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center; }

.stepName {
  margin-right: 35px;
  margin-top: 10px;
  font-size: 14px;
  color: white;
  width: 150px; }

.darkBlueBackColor {
  background: #001861; }

.navyblueBackColor {
  background: #BFCFFF; }

.darkNavyBlueBackColor {
  background: #0a293f; }

.skyblueBackColor {
  background: #d9e9f7; }

/*Step Progress CSS End*/
.UserControl .literal {
  font-weight: normal !important; }

/*input#btnSeminarRegistration {
    display: flex;
    margin: 0 auto;
}*/
.finalReview .s-ulControlPanelbar, .refundMemberCalculator .s-ulControlPanelbar {
  box-shadow: none; }

.refundMemberCalculator .ui-accordion .ui-accordion-icons {
  padding-left: unset; }

table#GridTable_grvLstMSSServiceRetirementCalculation tr th[data-title="BenefitProgDesc"], td.s-grid-cell[data-th="BenefitProgDesc"] {
  display: none !important; }

/*.CaptionDiv label.ReqInformation, .CaptionDiv span.ReqInformation {
    margin-left: -11px;
}*/
.CaptionDiv label .ReqInformation, .CaptionDiv span .ReqInformation,
label label.ReqInformation, label .ReqInformation, span .ReqInformation {
  color: #C00000 !important;
  margin-right: 5px;
  font-size: 14px !important; }

.urs-bullet {
  list-style-position: outside;
  list-style-type: disc;
  font-weight: normal;
  margin-left: 25px; }
  .urs-bullet li {
    font-weight: normal !important; }

.urs-numberlist {
  margin-left: 25px; }
  .urs-numberlist li {
    display: list-item;
    list-style-position: inside;
    font-weight: normal !important;
    text-indent: -20px; }

#ContentSplitter {
  padding: 0 10px; }

.panel-border-shadow {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  float: left;
  border-radius: 10px !important;
  padding: 10px;
  background: #fff !important; }

.panel-box-shadow {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  border-radius: 10px !important;
  padding: 10px;
  background: #fff !important;
  display: inline-block;
  width: 100%;
  clear: both; }

div[aria-labelledby="wfmmyURSMemberContactInfoMaintenance0_MaintenanceFormHolder_wnd_title"] {
  width: 85% !important; }

.UserControl label.literal {
  margin: 10px 5px; }

.btn-row.s-divButtonRow {
  margin: 10px 0; }

ul.s-ulControlTabs {
  padding-left: 0;
  list-style: none; }
  ul.s-ulControlTabs .s-liControlTabSheet a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0 !important;
    position: relative;
    padding: 10px 15px; }
  ul.s-ulControlTabs .s-liControlTabSheet-active {
    margin-bottom: -1px; }
    ul.s-ulControlTabs .s-liControlTabSheet-active a {
      color: #495057;
      background-color: #f0f7fd;
      border-color: #dee2e6 #dee2e6 #fff; }

.tabstrip li.s-liControlTabSheet-active:before {
  content: none; }

td.s-grid-cell.s-number-cell[data-th="Attachment"] {
  text-align: center !important; }

.custom-font * {
  font-size: 7pt !important; }

.note-editor.note-frame.panel-default .btn {
  border: none !important;
  margin: 1px; }

#wzsAgreement p.MsoNormal a span {
  text-decoration: underline;
  font-weight: bold; }

.blue-color {
  color: #1d70b8 !important; }

.benefit_estimate sup {
  top: -0.7em !important; }

.bottom-links {
  display: flex;
  align-items: center;
  flex-direction: column; }

.width-90 {
  width: 90% !important; }

.lifetimeContributions, .dateContributions {
  text-align: center; }

#Table_GridTable_grvLstPaymentCheckHeader thead tr th[data-title="Download Payment Notice1"] {
  display: none !important; }

.apppointments-icon-lignment {
  text-align: right; }

.fluid-table tr {
  font-size: 1em; }

.calculators-info {
  height: 120px;
  padding: 15px 0; }

[data-th="Open"] input {
  width: 20px;
  border-radius: unset !important; }

.table-without-header tr[role="footer-row"], tr[role="footer-row"] {
  font-weight: bold; }

.ess-external-page .page-container {
  margin-top: 42px !important; }

.UserControl {
  line-height: 1.5; }

.MemberName, .MemberNote, .MemberSignature, td:has(label[name="lblUdcMemberName_UserControlUdc"]), td:has(span[name="ltrLiteral2_UserControlUdc"]) {
  border: 10px solid #eeeef0;
  text-align: center; }

.MemberNote {
  background: #eeeef0 !important; }

td.MemberName, td:has(span[name="ltrLiteral2_UserControlUdc"]), .electronicSignatureBg {
  background: #eeeef0; }

.MemberSignature input {
  width: 100% !important; }

.electronicSignatureBg {
  border: 10px solid #eeeef0;
  text-align: center;
  overflow: auto; }
  .electronicSignatureBg .signatureNote {
    width: 100%;
    padding: 5px;
    text-align: center; }
  .electronicSignatureBg .MSSSignatureTextbox {
    width: 100% !important; }

.s-grid span.s-arrow:not(.s-asc):not(.s-desc) {
  display: inline-block;
  background: url(../Images/ase-dec-arrow.svg) no-repeat; }

.wrapper-ursform input[type=checkbox] {
  margin-top: 5px !important; }

input[type=radio]:focus {
  outline: thin dotted !important; }

.s-grid td .tooltipindicator {
  margin-left: 5px !important; }

.wrapper-ursform input[readonly] {
  background-color: #f1f4ff !important;
  color: black !important;
  font-size: 15px !important; }

.Individualretirementplanning .btn-as-link {
  white-space: break-spaces;
  text-align: left; }

.savingPlanDetail {
  text-align: right; }

.ms-options-wrap > .ms-options > ul label {
  word-break: break-word;
  word-wrap: normal;
  font-size: 16px; }

.showEye {
  display: flex;
  align-items: center; }
  .showEye #show_eye {
    margin-left: 5px; }

.background-none {
  background: none; }

.captionLabel {
  text-align: right; }

.marg-top-25 {
  margin-top: -25px; }

.externalLogin .page-container {
  height: calc(100% - 35px) !important;
  top: 35px !important; }

.externalLogin .page-header.navbar {
  height: 55px !important; }

.ms-options-wrap > button {
  padding: 6px 12px;
  font-size: 19px !important;
  line-height: 1.4285;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 5px !important; }

.externalLogin ul.anchor {
  display: none; }

.ms-options-wrap > .ms-options {
  overflow: auto;
  height: 100px; }

.GridHolder {
  overflow: auto;
  width: 100%; }

td.MemberSignature {
  padding: 0 !important; }

.wrapper-ursform img.ui-datepicker-trigger {
  display: none; }

.task-panel-wrapper span.k-icon {
  display: none; }

.fluid-table input.GridCheckBox {
  margin: 8px 0 0 0; }

#txtValidateAccount, #txtActivation, #txtConfirmPassword {
  width: 350px !important; }

.white-space-normal {
  white-space: normal; }

.ytd-contributions {
  white-space: normal;
  width: 100% !important; }

.tdPhoneNumber .PrimaryPhoneCountryValue {
  width: 110px !important;
  margin-right: 2px; }

.tdPhoneNumber .PhoneNumber {
  width: 150px !important; }

.tdPhoneNumber .PhoneExtention {
  width: 80px !important; }

.FinancialWellnessQuestionnaireWizard .fluid-table th {
  background: none;
  color: black;
  font-weight: bold; }

.FinancialWellnessQuestionnaireWizard .fluid-table td {
  background: none; }

.FinancialWellnessQuestionnaireWizard .fluid-table thead .s-hdrrow {
  border: 1px solid white !important; }

.FinancialWellnessQuestionnaireWizard tr.s-grid-data-row {
  border-left: 1px solid white;
  border-right: 1px solid white; }

.FinancialWellnessQuestionnaireWizard .s-altrow {
  background: none; }

.Questionnaire-table-border-bottom {
  border-bottom: 1px solid #B1B4B6;
  padding-bottom: 10px; }

.Questionnaire .btn-row.s-divButtonRow {
  border-bottom: 2px solid #000;
  margin-bottom: 20px; }
  .Questionnaire .btn-row.s-divButtonRow input {
    margin: 20px 0 10px 0; }

.FAQPopupFinancial ul {
  margin-left: 25px; }

.retirementMembershipDate {
  display: flex;
  justify-content: center;
  align-items: center; }

.saving-plan {
  display: flex;
  justify-content: space-between; }

.center-desktop-left-mobile {
  text-align: center; }

.right-desktop-left-tab-mobile {
  text-align: right; }

#pnlReadImpRetirementInfo {
  box-shadow: none;
  padding-left: 0 !important; }
  #pnlReadImpRetirementInfo span.ui-accordion-header-icon.ui-icon.s-panel-icon.s-panel-collapse-icon.k-icon.k-i-arrow-s.k-panelbar-expand {
    display: none; }

div#NeoGridToolBar_grvLstmyURSDashboards, div#NeoGridToolBar_grvLstBenefitCalculationInflatation, div#NeoGridToolBar_grvLstBenefitCalculationResult3, div#NeoGridToolBar_grvLstLifeInsuranceAvailable {
  justify-content: right !important; }
  div#NeoGridToolBar_grvLstmyURSDashboards span.s-paging-msg.s-paging-mobile-msg, div#NeoGridToolBar_grvLstBenefitCalculationInflatation span.s-paging-msg.s-paging-mobile-msg, div#NeoGridToolBar_grvLstBenefitCalculationResult3 span.s-paging-msg.s-paging-mobile-msg, div#NeoGridToolBar_grvLstLifeInsuranceAvailable span.s-paging-msg.s-paging-mobile-msg {
    display: none !important; }

table#tblMain_UdcInvestorProfile td.captionTd {
  padding-left: 0 !important; }

#lblMessageBody * {
  background: none !important; }

#lblMessageBody .hasDisplayTooltip {
  color: #1D70B8 !important;
  text-decoration: underline !important;
  cursor: pointer;
  font-weight: bold; }

.back-btn {
  background: #5b9bd5 !important;
  border: 1px solid black;
  border-radius: 3px !important;
  width: 30px;
  height: 22px;
  display: none;
  align-items: center;
  justify-content: center; }

[id^=btnOpenViewAvailableSessionsDisabled] {
  cursor: not-allowed !important;
  color: #999;
  background-color: #F4F4F4 !important;
  border-color: #F4F4F4 !important; }

.collapse.in {
  display: none; }

.hideOTPButton {
  display: none !important; }

.ms-options-wrap > .ms-options > ul input[type=checkbox] {
  top: 1px !important; }

#wizMemberRegistration .actionBar {
  display: none !important; }

#wizWelcome .actionBar {
  display: none !important; }

/*div#NeoGridToolBar_grvLstRefundApplicationDetails {
    display: flex;
    justify-content: end;
}*/
.ms-options input[type='checkbox'] {
  scale: unset !important; }

.wizard-hideonvisblerule {
  display: none !important; }

.input-100 select, .input-100 input[type='text'], .input-100 input[type='password'], .input-100 .hasDatepicker {
  width: 100% !important; }

table#Table_GridTable_grvDepartmentWiseActivities tr th .s-arrow:not(.s-asc):not(.s-desc) {
  background: none; }

table#Table_GridTable_grvLstBenefitCalculationInflatation tr th .s-arrow:not(.s-asc):not(.s-desc) {
  background: none; }

table#Table_GridTable_grvLstBenefitCalculationInflatation tr th .s-arrow:not(.s-asc):not(.s-desc) {
  background: none; }

table#Table_GridTable_grvGridView tr th .s-arrow:not(.s-asc):not(.s-desc) {
  background: none; }

table#Table_GridTable_grvLstCurrentInvestmentElectionPopup tr th .s-arrow:not(.s-asc):not(.s-desc) {
  background: none; }

table#Table_GridTable_grvLstBenefitCalculationResult3 tr th .s-arrow:not(.s-asc):not(.s-desc) {
  background: none; }

table#Table_GridTable_grvLstBenefitCalculationResult1 tr th .s-arrow:not(.s-asc):not(.s-desc) {
  background: none; }

table#Table_GridTable_grvLstLifeInsuranceAvailable tr th .s-arrow:not(.s-asc):not(.s-desc) {
  background: none; }

table#GridTable_grvLstCurrentInvestmentElection tr th .s-arrow:not(.s-asc):not(.s-desc) {
  background: none; }

table#GridTable_grvLstFutureInvestmentElection tr th .s-arrow:not(.s-asc):not(.s-desc) {
  background: none; }

#tblNewPage1 .form-group span {
  font-weight: normal; }

.allowable-rollover legend {
  color: #000 !important;
  font-weight: bold; }

div#GridHelper_grvLstFutureInvestmentElection, div#GridHelper_grvLstCurrentInvestmentElection {
  width: 100%; }

select[datatextfield="fund_name"] {
  width: 100% !important; }

.word-wrap-break-word {
  word-wrap: break-word; }

.finalReview .float-right.fs-19 .fakelink {
  margin-left: -10px; }

td[data-th="Open"] {
  text-align: center !important; }

.list-style-none {
  list-style: none; }

.yellow-tooltip {
  height: 30px;
  width: 30px;
  background: url(../Images/info1.svg) no-repeat;
  cursor: pointer;
  margin-right: 5px;
  display: inline-block; }

fieldset[name="pnlURSRetirementBenefits"] *, fieldset[name="pnlURSSavingsPlans"] *, fieldset[name="pnlSocialSecurityAdministration"] * {
  text-align: center; }

td[data-th="Access"] {
  width: 200px !important; }

td[data-th="Enroll"] {
  text-align: right !important; }

.tooltipform .captionTd {
  padding-left: 0 !important; }

.k-window-titlebar {
  margin-top: -2.2em; }

#UdcInvestorProfile {
  margin-left: 10px; }

.page-slideout-body-fixed .toggle-menu-container {
  border: none !important; }

.contact-ticket {
  margin-top: 15px; }

.px-5 {
  padding: 0 5px; }

.k-window-titlebar {
  display: flex;
  justify-content: space-around;
  align-items: center; }

.page-header.navbar.navbar-fixed-top {
  z-index: 9999; }

.top-menu li .user-account a {
    width: auto;
    height: auto;
    margin: 0;
    display: inline;
    color: #fff;
    padding-right: 0;
    padding-left: 5px; }

input, textarea {
  -webkit-text-size-adjust: 100%; }

div#DivExportCols + button {
  margin: 10px 0; }

.user-account a {
  color: white !important; }

/*Responsive changes start*/
@media only screen and (max-width: 1400px) {
  .contact-ticket {
    display: flex;
    flex-direction: column; }
    .contact-ticket .captionLabel {
      text-align: left; } }

@media only screen and (max-width: 1200px) {
  .StepProgress ul {
    flex-direction: column; }
    .StepProgress ul li {
      margin-bottom: 5px;
      margin-left: 0; }
  .document-center .col-md-2, .document-center .col-md-1 {
    width: 100%;
    float: left;
    display: block; }
  .document-center .captionLabel {
    text-align: left; }
  .show-col-direction {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .show-col-direction label {
      margin-bottom: 10px; }
    .show-col-direction select {
      margin-bottom: 10px; }
  .fieldset-wrapper {
    min-height: 300px; }
  .urs-ul {
    flex-direction: column;
    align-items: flex-start; }
    .urs-ul .light-border {
      display: none; }
  .right-desktop-left-tab-mobile {
    text-align: left; } }

@media only screen and (max-width: 1130px) {
  .secondary-header .header-menu li a, .member-view-wrapper {
    font-size: 16px !important; }
  input[type='checkbox'] {
    scale: 1.3; } }

@media only screen and (max-width: 1024px) {
  .col-md-6, .col-md-12, .col-md-3, .col-md-1, .col-md-2, .col-md-4,
  .col-md-8, .col-md-5, .col-md-7, .col-md-9, .col-md-10, .col-md-11 {
    display: block;
    width: 100%;
    float: left; }
  .fieldset-wrapper {
    margin-bottom: 15px;
    min-height: 150px;
    padding: 10px 0; }
  .Individualretirementplanning {
    margin-bottom: 0; }
  .captionLabel {
    text-align: left; }
  .ytd-contributions {
    width: 390px !important; }
  .secondary-header .header-menu li a, .member-view-wrapper {
    font-size: 0.737em !important;
    /*14px*/ }
  .financialWellnessCalculators .s-fieldSetPanelbar {
    padding-top: 5%;
    height: 150px; }
  .retirementMembershipDate {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }
  #pnlRetirementBenefitLHS {
    text-align: left; }
  td.s-grid-cell.s-number-cell[data-th="Attachment"] {
    text-align: left !important; }
  .center-desktop-left-mobile * {
    text-align: left; }
  .s-grid td .tooltipindicator {
    margin-top: 5px; }
  ul[name="pnlGeneratedBenefitEstimate"] li div.s-divControlPanelContainer, ul[name="pnlMemberBenefitCalculator"] li div.s-divControlPanelContainer {
    min-height: unset !important; }
  .toggle-menu-container {
    min-height: calc(100% - 88px); }
  .lifetimeContributions, .dateContributions {
    text-align: left;
    margin-left: 5px; }
  .bottom-links {
    align-items: flex-start;
    margin-bottom: 15px; }
  .page-container {
    height: calc(100% - 100px) !important;
    top: 100px !important; } }

@media (min-width: 992px) {
  .page-sidebar-fixed .footer {
    bottom: 0px;
    position: fixed; }
  .page-content-wrapper .page-content {
    margin-bottom: 75px; } }

@media only screen and (max-width: 991px) {
  .literal, .form-group label, label, .user-account,
  .dropdown-menu, .button, .toggle-menu-container .CssSlideoutCenterLeftMenu.cssmenu li a, .fakelink, .dark-blue-btn, .actionBar a,
  .fs-19, input, .fieldset-wrapper .s-divButtonRow input[value="Learn More"],
  .fieldset-wrapper [name="hypHyperLinkOpenWebinars"], .swMain .buttonNext, select, input[type='text'], input[type='password'],
  .hasDatepicker, span.s-spnControlPanelbar, span, .ProgressBar span, .urs-ul li label, .footer, h4, .btn-as-link, .urs-bullet, .portal-head,
  .UserControl .literal, .s-liControlPanelbar .UserControl table label, #DivExportCols, #ExptColumnsMessage {
    font-size: 0.737em !important;
    /*14px*/ }
  .s-group-row td.s-group-col, .fluid-table tr, .fluid-table *, .fluid-table label, .literal, span .fakelink, .urs-bullet li .fakelink, span,
  .literal .urs-bullet, .fakelink {
    font-size: 14px !important; }
  .ui-accordion .ui-accordion-header {
    font-size: 0.947em !important; }
  .fs-22, a.tab-anq-my-task.tab-quick-search {
    font-size: 0.842em !important;
    /*for responsive purpose changes fs-22 to 16px(0.842em)*/ }
  span.s-spnControlPanelbar.fs-22 {
    font-size: 16px; }
  .fs-24 {
    font-size: 0.947em !important;
    /*for responsive purpose changes fs-24 to 18px(0.947em)*/ }
  .fs-20 {
    font-size: 0.737em !important;
    /*for responsive purpose changes fs-24 to 14px(0.947em)*/ }
  span.s-spnControlPanelbar.fs-24 {
    font-size: 16px !important; }
  .swMain .stepContainer .s-legendPanelbar {
    font-size: 0.947em !important; }
  .s-grid-container {
    float: none !important; }
  .header-inner {
    align-items: center; }
  .bottom-links {
    align-items: flex-start;
    margin-bottom: 15px; }
  .tooltipindicator {
    height: 15px !important;
    width: 15px !important;
    background-size: 100% !important; }
  .hasDatepicker, .ui-autocomplete-input {
    float: none; }
  .s-ulControlPanelbar {
    margin-bottom: 5px !important;
    padding: 0 5px !important; }
  input[value="Search"] {
    margin: 5px 0; }
  .apppointments-icon-lignment {
    text-align: left; }
  .page-header.navbar {
    height: auto !important;
    max-height: fit-content !important; }
  select, input[type='text'], input[type='password'], .hasDatepicker, #ddlDropchangeInvestment {
    width: 100% !important; }
  table.s-grid td .fakelink {
    float: left; }
  .mobile-mb-0 {
    margin-bottom: 0 !important; }
  [islistcontrol="true"] label {
    font-size: inherit !important; }
  .calculators-info {
    height: unset;
    padding: 5px 0; }
  .sm-marg-bottom-0 {
    margin-bottom: 0 !important; }
  .s-file-upload-container {
    width: 100%; }
  .s-grid .s-textbox {
    font-size: inherit !important; }
  .docuCenterPnl select[name="ddlDocDesc"] {
    width: inherit !important; }
  .ess-external-page .page-container {
    margin-top: 0 !important; }
  .urs-bullet li label, .urs-bullet li span, label span, .calcPnl .literal, span.k-panelbar-item-text span {
    font-size: 14px !important; }
  input[value="Go To Savings Plans Details"], input[value="Go To Retirement Benefit Details"], input[value="Go To Savings Plan Details"] {
    float: left !important; }
  .button {
    white-space: normal; }
  .row.page-header-wrap {
    padding: 0 10px 0 0; }
  .savingPlanDetail {
    text-align: left; }
  table td[data-th="Register"] {
    text-align: left !important; }
  .toggle-menu-container {
    height: calc(100vh - 25%);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border: 1px solid #ccc; }
  .footer {
    width: 100%;
    margin-left: 0; }
  .k-widget.k-window {
    height: auto !important;
    width: 85% !important;
    max-height: 85% !important; }
  #UdcInvestorProfile {
    margin-left: unset; }
  .menu-toggle {
    top: 30px; }
  .page-content-wrapper .page-content {
    margin-bottom: 70px !important; }
  .footer {
    position: fixed;
    bottom: 0; }
  #MainSplitter .page-header {
    height: 90px !important;
    width: 100%;
    float: left; }
  #MainSplitter .page-container {
    height: calc(100vh - 120px);
    /* 90 header + 30 footer */
    height: calc(100dvh - 120px);
    /* mobile safe */
    overflow-y: auto;
    padding: 12px;
    /* iOS notch safety */
    padding-bottom: calc(30px + env(safe-area-inset-bottom));
    top: 120px !important; }
  #MainSplitter .footer {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100%;
    padding-bottom: env(safe-area-inset-bottom); }
  .externalLogin#MainSplitter .page-container {
    height: calc(100% - 35px) !important;
    top: 35px !important; }
  .button {
    margin: 5px 0 10px 0; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 911px) {
  #MainSplitter .page-container {
    height: calc(100vh - 110px) !important;
    /* 90 header + 30 footer */
    height: calc(100dvh - 110px) !important;
    /* mobile safe */
    /* iOS notch safety */
    top: 110px !important; } }

@media (max-width: 991px), screen and (orientation: landscape) {
  .k-widget.k-window {
    height: auto !important;
    width: 85% !important;
    max-height: 85% !important; } }

@media (max-width: 870px) {
  .page-content-wrapper .page-content {
    margin: 12% 0 0 0px; }
  .row.page-header-wrap {
    margin-top: 10px; } }

@media only screen and (max-width: 800px) {
  td#btnOpenDetailClick {
    width: 25px; }
  .member-view-wrapper {
    display: none; }
  .header-menu li a.header-menu-icon {
    display: block; }
    .header-menu li a.header-menu-icon img {
      width: 25px; }
  .secondary-header {
    flex-direction: row; }
  .header-menu li a {
    display: none; }
  .page-logo img {
    max-width: 150px; }
  .navbar-toggle {
    top: 0; }
    .navbar-toggle img {
      max-width: 20px; }
  .top-menu {
    top: 0; }
  .navbar-toggle {
    display: none; }
  .s-ulControlPanelbar {
    padding: 0 5px; }
  .back-btn {
    display: flex !important; }
  .btnGlobalBack {
    display: none; }
  .form-group {
    margin-bottom: 5px; }
  table.s-grid th, table.s-grid td {
    padding: 5px 10px !important; }
  .sticky-note-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .s-divControlPanelContainer {
    padding: 5px !important; }
  .s-grid-toolbar-container {
    display: block; }
  #ContentSplitter {
    padding: 0 5px; }
  .ReqInformation {
    font-size: 14px; }
  .retirmentInnerPnl {
    padding-left: unset; }
  .urs-bullet {
    margin-left: 15px; }
  .ProgressBar span {
    line-height: 29px; }
  .ms-options-wrap .ms-options {
    max-width: 97% !important;
    width: 97% !important; }
  .ms-options-wrap button span {
    font-size: inherit !important; }
  #NotificationBar {
    display: none; }
  .task-panel {
    width: 300px; }
  .s-file-upload-container {
    flex-direction: row;
    width: 100%; }
  /*.page-header-fixed .page-container {
            margin-top: 80px !important;
        }*/
  .page-content-wrapper .page-content {
    margin-bottom: 75px !important; }
  .footer {
    margin-left: 0 !important;
    width: 100% !important; }
  .finalReview .float-right.fs-19 .fakelink {
    margin-left: unset; }
  .ReqInformation {
    padding-left: 6px; } }

@media (max-width: 844px), screen and (orientation: landscape) {
  input[type='checkbox'] {
    scale: 1.3; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 991px) and (orientation: landscape) {
  .toggle-menu-container, div.k-window-content {
    max-height: 50vh; }
  .page-container {
    max-height: calc(100% - 35px) !important; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 799px) and (orientation: landscape) {
  .toggle-menu-container, div.k-window-content {
    max-height: 50vh; }
  .page-container {
    max-height: calc(100% - 30px) !important; } }

@media only screen and (max-width: 768px) {
  .toggle-menu-container {
    top: 88px; }
  .swMain {
    padding: 10px 10px !important; }
  .k-block > .k-header, .k-window-titlebar {
    white-space: normal !important;
    word-wrap: break-word; }
  .k-window-title {
    padding-right: 50px; }
  .menu-toggle {
    top: 30px; }
  input[type='checkbox'] {
    margin-right: 5px !important; }
  .page-content {
    margin-bottom: 75px !important; }
  textarea {
    width: 100% !important;
    max-width: 100%; } }

@media only screen and (max-width: 600px) {
  .width-390 {
    width: 100% !important; }
  .s-grid-toolbar-container {
    flex-direction: column !important;
    align-items: baseline !important; }
  .saving-plan {
    flex-direction: column; }
  .page-slideout-body-collaped .page-slideout-left-wrapper {
    width: 100% !important; }
  .page-container {
    max-height: calc(100% - 30px); }
  .toggle-menu-container {
    min-height: calc(100% - 88px); }
  .tooltipform {
    left: 30px !important; }
  .k-block > .k-header, .k-window-titlebar {
    padding: 5px !important; } }

@media only screen and (max-width: 525px) {
  .menu-toggle {
    top: 30px;
    left: 16px; }
  .toggle-menu-container {
    top: 88px; }
  #txtValidateAccount, #txtActivation, #txtConfirmPassword {
    width: 100% !important; }
  .k-window-titlebar {
    padding: 5px 0; }
  .ui-accordion .ui-accordion-header {
    padding-right: 25px !important;
    font-size: 16px !important; }
  .k-block > .k-header, .k-window-titlebar {
    padding-left: 5px !important;
    padding-right: 10px !important; }
  .s-number-cell a {
    text-align: left !important;
    display: block; }
  .PersonUpdateInfoPnl .title {
    font-size: 14px !important; } }

@media only screen and (max-width: 500px) {
  .page-content-wrapper .page-content {
    margin-bottom: 65px !important; }
  .user-account {
    text-align: end; }
  .swMain div.actionBar a {
    margin-bottom: 5px; }
  .k-window-titlebar {
    line-height: 20px !important;
    min-height: 50px !important; }
  .k-window-titlebar .k-window-actions {
    top: 8px;
    right: 10px; } }

@media only screen and (max-width: 445px) {
  .toggle-menu-container {
    top: 88px; }
  .page-header.navbar .page-logo {
    padding-left: 45px !important; }
  .ui-datepicker {
    left: 50px !important; }
  .externalLogin#MainSplitter .page-container {
    height: calc(100% - 0px) !important;
    top: 0px !important; } }

@media only screen and (max-width: 425px) {
  .s-grid-toolbar-container {
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
    margin: 5px 0 !important;
    padding-top: 0 !important; }
  .secondary-header .header-icon {
    margin-right: 0; }
  .header-menu li a.header-menu-icon img {
    width: 20px; }
  .secondary-header .header-icon li a {
    width: 20px;
    height: 20px;
    padding: 0; }
  .user-account {
    padding-right: 10px !important; }
  .secondary-header .header-menu li a {
    padding: 0 5px; }
  span.s-spnControlPanelbar {
    padding: 4px 30px 4px 0 !important; }
  .menu-toggle {
    top: 28px;
    left: 15px; }
  .page-logo img {
    max-width: 120px; }
  .s-fileupload-item {
    height: auto;
    display: flex; }
  .row.page-header-wrap {
    margin-top: 5%; }
  /*.page-header-fixed .page-container {
            margin-top: 70px !important;
        }*/
  .s-fileupload-item span {
    font-size: 12px !important; }
  .s-file-upload-container .s-fileupload-list .s-fileupload-item .s-file-upload-progress + div {
    background-size: 15px !important;
    background-repeat: no-repeat;
    width: 25px !important; }
  .s-fileupload-text {
    word-break: break-all; }
  .circle {
    width: 45px;
    height: 45px; }
  .stepName {
    width: 100%; }
  .circle-cut {
    height: 50px; }
  .k-block > .k-header, .k-window-titlebar {
    white-space: break-spaces !important;
    padding: 4px 0px !important; }
  .s-file-upload-image, .s-file-upload-container .s-fileupload-list .s-fileupload-item .s-file-upload-progress + div {
    width: 20px !important;
    height: 20px !important; }
  span.s-fileupload-text {
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  span.s-fileupload-text + span {
    width: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px; }
  .page-slideout-body-collaped .page-slideout-left-wrapper {
    width: 100% !important; }
  .toggle-menu-container {
    margin-top: 0;
    height: calc(100vh - 40%);
    top: 83px; }
  .ytd-contributions {
    width: 100% !important; }
  .sticky-note span {
    font-size: 12px !important; }
    .sticky-note span a {
      font-size: 12px !important; }
  .page-logo img {
    height: 35px; }
  .k-widget.k-window input[type='checkbox'] {
    scale: 1; } }

@media only screen and (max-width: 396px) {
  .toggle-menu-container {
    top: 110px;
    min-height: calc(100% - 110px); } }

@media only screen and (max-width: 380px) {
  .page-header.navbar .page-logo {
    padding-right: 5px; }
  .page-logo img {
    max-width: 100px;
    height: auto; }
  .page-header.navbar .page-logo {
    padding-left: 45px !important; }
  .row.page-header-wrap {
    margin-top: 25px; } }

@media only screen and (max-width: 325px) {
  .row.page-header-wrap {
    margin-top: 16%; } }

/*Responsive changes end*/
@media print {
  table {
    word-break: break-all;
    font-size: 16px !important; } }

.padding-left-unset {
  padding-left: unset !important; }

span.pernameDetails {
  padding: unset; }

ul[name="pnlGeneratedBenefitEstimate"] li div.s-divControlPanelContainer, ul[name="pnlMemberBenefitCalculator"] li div.s-divControlPanelContainer {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.sentence::after {
  content: "."; }

.form-group.table-format {
  padding: 0 8%; }
  .form-group.table-format .col-md-6 {
    border: 1px solid #000; }

#datePickerADA {
  z-index: 99999 !important;
  font-size: 12px;
  width: 235px; }
  #datePickerADA input {
    width: 150px !important;
    padding: unset;
    font-size: 14px !important; }
  #datePickerADA h2 {
    font-size: 12px; }
  #datePickerADA td {
    text-align: center; }

.table-without-header.fluid-table tr, .table-without-header.fluid-table tr:nth-of-type(odd), .table-without-header.fluid-table tr:nth-of-type(even) {
  background: white !important; }

.UserControl.beneficiariesControl {
  overflow: auto; }

.datepicker-dialog {
  background-color: transparent !important; }

.width-85 {
  width: 85%; }