#loginpage .signin,
#loginpage .signin-wrapper, #loginpage .signin-wrapper a, .login-list-buttons div a, .login-list-buttons--alt a {
  width: 100%;
  min-width: 100%;
  height: 45px; }

#loginpage .signin-wrapper a, .flex-parent, .loginbox-flex, .login-list-buttons div a, .login-list-buttons--alt a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.login-user-input .input, .login-list-buttons div a, .login-list-buttons--alt a {
  background-color: #F3F5F6;
  border: 0 solid #F3F5F6;
  color: #586064;
  font-size: 1.1em;
  margin-left: 0;
  outline: none;
  width: 100%; }

.login-user-input, .login-list-buttons div a, .login-list-buttons--alt a {
  background-color: #F3F5F6;
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 12px;
  text-align: left;
  box-sizing: border-box; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active,
input.ui-state-default[type="button"]:disabled, .login-list-buttons div a, .login-list-buttons--alt a, .login-list-buttons--alt a:hover {
  border: 1px solid #d3d3d3;
  font-weight: normal;
  color: #FFFFFF !important;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.35s ease-out, all 0.35s ease-out;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#cb47bb), to(#9C1E8D));
  background-image: -webkit-linear-gradient(top, #cb47bb 0%, #9C1E8D 100%);
  background-image: -moz-linear-gradient(top, #cb47bb 0%, #9C1E8D 100%);
  background-image: linear-gradient(to bottom, #cb47bb 0%, #9C1E8D 100%);
  background-repeat: repeat-x; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus, .login-list-buttons div a:hover, .login-list-buttons--alt a {
  border: 1px solid #9C1E8D;
  background: #FFFFFF;
  font-weight: normal;
  color: #9C1E8D !important; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a.ui-button:link,
a.ui-button:visited,
.ui-button, .login-list-buttons div a, .login-list-buttons--alt a {
  color: #FFFFFF;
  text-decoration: none; }

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityActive=100&bgImgOpacityHover=100&bgImgOpacityDefault=45&bgImgOpacityContent=75&bgImgOpacityHeader=50&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cd0a0a&fcError=%23cd0a0a&borderColorError=%23cd0a0a&bgTextureError=glass&bgColorError=%23fef1ec&iconColorHighlight=%232e83ff&fcHighlight=%23363636&borderColorHighlight=%23fcefa1&bgTextureHighlight=glass&bgColorHighlight=%23fbf9ee&iconColorActive=%23212121&fcActive=%23212121&borderColorActive=%239c1e8d&bgTextureActive=flat&bgColorActive=%23FFFFFF&iconColorHover=%239c1e8d&fcHover=%239c1e8d&borderColorHover=%239c1e8d&bgTextureHover=flat&bgColorHover=%23FFFFFF&iconColorDefault=%23FFFFFF&fcDefault=%23FFFFFF&borderColorDefault=%23d3d3d3&bgTextureDefault=highlight_soft&bgColorDefault=%239c1e8d&iconColorContent=%23222222&fcContent=%23222222&borderColorContent=%23FFFFFF&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23FFFFFF&fcHeader=%23FFFFFF&borderColorHeader=%23aaaaaa&bgTextureHeader=flat&bgColorHeader=%239c1e8d&cornerRadius=4px&fwDefault=normal&fsDefault=1.1em&ffDefault=Arial%2C%20Helvetica%2C%20sans-serif
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  width: 100%; }

.ui-widget .ui-widget {
  font-size: 1.1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #d3d3d3; }

.ui-widget-content {
  border: 1px solid #FFFFFF;
  background: #ffffff;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #9C1E8D;
  color: #FFFFFF;
  font-weight: bold; }

.ui-widget-header a {
  color: #FFFFFF; }

/* Interaction states
----------------------------------*/
.ui-state-default a:hover {
  color: #9C1E8D; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #9C1E8D;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #9C1E8D;
  background: #FFFFFF;
  font-weight: normal;
  color: #212121; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #9C1E8D;
  background-color: #212121; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  color: #363636; }

.ui-state-checked {
  border: 1px solid #fcefa1;
  background: #fbf9ee; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ff0000;
  color: #ff0000; }

.ui-state-success,
.ui-widget-content .ui-state-success,
.ui-widget-header .ui-state-success {
  border: 1px solid #008000;
  color: #008000; }

.ui-state-error,
.ui-state-success {
  padding: .6em .6em;
  box-sizing: border-box;
  margin-bottom: 6px;
  margin-top: 6px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ff0000; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ff0000; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled,
input.ui-state-default[type="button"]:disabled {
  opacity: .50;
  filter: Alpha(Opacity=50);
  /* support: IE8 */ }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  -webkit-box-shadow: -8px -8px 8px #aaaaaa;
  box-shadow: -8px -8px 8px #aaaaaa; }

@font-face {
  font-family: "KantarBrown-Light";
  src: url("http://www.kantarmedia.com/assets/fonts/KantarBrown/KantarBrownWeb-Light.woff2") format("woff2"); }

@media screen and (max-height: 670px) {
  #loginpage #header {
    height: 60px; } }

/*End Media*/
html {
  height: 100%; }

body {
  font-size: 0.85em;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  margin: 0px;
  color: #232323;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 0px;
  background-color: #FFFFFF !important;
  font-weight: normal; }

img {
  border: 0; }

#km_logo {
  height: auto; }

/*Opera Fix*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px; }

input:focus, select:focus {
  outline: none; }

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
  border: 1px solid #ddd;
  padding: 0 1.4em 1.4em 1.4em;
  margin: 0 0 1.5em 0; }

textarea {
  min-height: 75px; }

.rememberMeSelect {
  width: 13px;
  vertical-align: middle;
  padding-top: 2px; }

#rememberMe {
  margin-top: 10px;
  text-align: left;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto; }

#RememberLabel {
  margin-bottom: 0;
  padding-bottom: 0;
  vertical-align: text-bottom;
  font-size: 1em;
  font-weight: 300; }

/* General Layout */
#container {
  min-height: 100%;
  width: 100%;
  min-width: 1145px;
  padding: 0; }

.footercontainer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  color: #000;
  background-color: #000;
  margin-bottom: auto;
  padding-top: auto;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto;
  margin-top: auto; }

#footer {
  position: relative;
  clear: both;
  color: #FFF;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  text-align: center;
  z-index: 1000;
  height: 35px;
  margin-top: 25px;
  padding-top: auto;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto; }

.footercontainer #footer a {
  color: #FFFFFF;
  text-decoration: none; }

span .resetPassword u {
  text-decoration: none;
  font-weight: 300; }

#content {
  position: relative;
  min-width: 1180px;
  padding: 5px 15px 15px 15px; }

.noscroll {
  overflow: hidden !important; }

div#leftcontent {
  position: relative;
  float: left;
  width: 665px;
  min-height: 550px;
  padding: 15px; }

.contentarea {
  width: 100%;
  height: 100%;
  padding: 15px;
  border: 1px solid #c2c2c2;
  background-color: white;
  z-index: 2000;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  font-size: 11px;
  display: table;
  overflow: hidden;
  -ms-overflow-y: hidden; }

.dialogcontentarea {
  width: 90%;
  height: 90%;
  padding: 15px;
  border: 1px solid #c2c2c2;
  background-color: white;
  z-index: 2000;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  font-size: 11px;
  display: table;
  overflow: hidden;
  -ms-overflow-y: hidden; }

.sidebararea {
  padding: 15px;
  border: 1px solid #c2c2c2;
  background-color: #faf8f5;
  z-index: 2000;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  font-size: 11px; }

h1 {
  color: #FFFFFF;
  margin: 0px;
  font-size: 1.4em;
  font-weight: normal;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  letter-spacing: -.02em; }

h2 {
  color: #494949;
  margin: 0px;
  font-size: 1.4em;
  font-weight: normal;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  letter-spacing: -.02em; }

/* Header */
div#header {
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  height: 112px;
  z-index: 1;
  margin-bottom: 1%; }

div#header DIV.title {
  font-size: 2em;
  padding: .6em; }

div#header div#logocontainer {
  position: relative;
  left: 20px;
  top: -8px;
  height: 34px;
  width: 320px;
  background-color: White;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5; }

/* Logo */
div#logo {
  position: fixed;
  background-color: white;
  opacity: 1.0;
  top: 4%;
  width: 100%;
  height: 46px;
  display: block;
  text-align: center; }

div#position {
  display: block;
  vertical-align: middle;
  width: 100%;
  text-align: center; }

#logocontent {
  width: 40%;
  margin: auto;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    #logocontent {
      width: 25%; } }

/* drop shadows */
.raised {
  -webkit-box-shadow: 10px 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 10px 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 13px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); }

.drop-shadow {
  position: relative;
  width: 90%; }

.drop-shadow:before, .drop-shadow:after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg); }

.drop-shadow:after {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg); }

/* Login page */
#loginpage {
  min-height: 300px;
  min-width: 320px; }

#loginpage #centeredDialog {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  float: left;
  height: 300px;
  margin-left: 18px;
  position: relative;
  width: 37%; }

#loginpage #dialogHeader {
  height: 20px;
  color: #333;
  padding: 10px;
  border: 0px;
  margin: 0px; }

#loginpage #dialogHeader h1 {
  float: left;
  margin: 0px;
  font-size: 1.2em;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  letter-spacing: -.03em; }

#loginpage #secure {
  width: 16px;
  height: 16px;
  float: right;
  margin-right: 10px; }

#loginpage #dialogContent {
  padding: 10px;
  height: 100%; }

#loginpage #dialogFooter {
  padding: 10px;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: left;
  font-size: 11px; }

#loginpage #login {
  float: left; }

#loginpage #dialogFooter a {
  float: left;
  display: block;
  margin-left: 15px;
  margin-top: 10px;
  color: #3c6bbf;
  text-decoration: none;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif; }

#loginpage input[type=text], #loginpage input[type=password] {
  width: 100%;
  display: block;
  font-size: 1em; }

#centeredDialog .dismissdiv {
  width: 16px;
  height: 16px;
  float: right;
  margin-right: 10px; }

.clear {
  clear: both; }

.announcements {
  background-color: #FFFFFF;
  display: block;
  height: 45%;
  border: 1px solid #DDDDDD; }

.blog {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  display: block;
  height: 45%;
  margin-top: 5px; }

#loginpage .dialogHeader {
  height: 20px;
  color: #333;
  padding: 10px;
  border: 0px;
  margin: 0px; }

#loginpage .dialogHeader h1 {
  float: left;
  margin: 0px;
  font-size: 1.3em;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  letter-spacing: -.03em;
  font-weight: 300; }

#loginpage .feed {
  width: 16px;
  height: 16px;
  float: right;
  margin-right: 10px; }

#loginpage .news {
  width: 16px;
  height: 16px;
  float: right;
  margin-right: 10px; }

#loginpage .centeredDialog {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  float: left;
  height: 300px;
  margin-left: 18px;
  position: relative;
  width: 37%; }

#loginpage #blogRss {
  margin-top: -10px; }

#loginpage #newsRss {
  margin-top: -6px; }

#loginpage #newsRss a.nolink {
  cursor: default; }

#loginpage #newsRss a.nolink:hover {
  cursor: default;
  text-decoration: none; }

#loginpage .signin,
#loginpage .signin-wrapper {
  margin-top: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }

#loginpage .loginbox_container.last .signin {
  margin-top: 20px; }

.n-login-wrapper {
  background: white;
  background: -moz-linear-gradient(center top, #FFFFFF 0%, #FAFAFA 100%) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#FAFAFA));
  background: -webkit-linear-gradient(linear, left top, right top, from(#FFFFFF), to(#FAFAFA));
  border-radius: 3px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
  margin-left: auto;
  margin-right: auto;
  min-height: 280px;
  min-width: 320px;
  overflow: hidden;
  text-align: center;
  width: 100%;
  margin-bottom: auto;
  max-width: 1000px;
  top: auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}
  @media screen and (min-width: 700px) {
    .n-login-wrapper {
      width: 80%; } }
  .n-login-wrapper.last {
    margin-bottom: 75px; }

#login2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 60%;
  padding-top: 35px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px; }

.left_side {
  /*display: inline-block;*/
  /*padding: 20px;*/
    margin: 30px;
    max-width: 300px;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; 
     width: 100%;}


.right_side {
    text-align: center;
    vertical-align: top;
    /*display: inline-block;*/
    display: none;
    min-width: 280px;
    margin: 30px;
    max-width: 600px;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  /*width: 99%;*/  }
  @media screen and (max-width: 1000px) {
  .left_side {
      max-width: 330px;
 }
  .right_side {
    visibility: hidden;
    display: none;
    height: 0px;
    width: 0px; } }
.n-login-wrapper #bottom {
  text-align: center;
  padding-bottom: 5px;
  padding-top: 5px; }

#logo_wrapper {
  margin: 15px auto 0;
  max-height: 80px;
  overflow: hidden;
  text-align: center;
  width: 300px; }

.loginwidget {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto; }

.loginbox_container, .loginError {
  margin: 0 auto;
  min-height: 43px; }

.loginbox-flex {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .loginbox-flex div {
    margin: 0px 5px; }

.login-list-buttons div {
  padding: 0px; }
  .login-list-buttons div a {
    padding: 12px;
    background-color: transparent;
    border-radius: 4px;
    margin-bottom: 0px; }

.login-list-buttons--alt {
  padding: 0px; }
  .login-list-buttons--alt a {
    padding: 12px;
    background-color: transparent;
    border-radius: 4px;
    margin-bottom: 0px; }

.pg-required-text {
  font-size: .7rem;
  font-style: italic; }

#pswd {
  background-color: #F3F5F6;
  border: 1px solid #CCCCCC;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  padding: 12px 0 12px 12px; }

.clrField {
  cursor: pointer;
  display: none;
  float: right;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  height: 16px;
  margin-right: 5px;
  margin-top: 20px;
  opacity: 0.8;
  text-align: center;
  width: 16px; }

#forgot {
  margin-bottom: 5px;
  margin-top: 20px;
  text-decoration: none; }

#forgot a.resetPassword {
  color: #3c6bbf;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: 1em;
  text-decoration: none;
  transition: color 0.25s ease-out, color 0.25s ease-out; }
  #forgot a.resetPassword:hover {
    color: black; }

#forgot a.contactus {
  color: #3c6bbf;
  font-family: KantarBrown-Light, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left; }

.forgotcontact {
  float: left;
  font-size: 1em;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #DDDDDD;
  margin-top: 10px;
  width: 100%;
  font-weight: 300; }

.forgotcontact a {
  color: #3c6bbf;
  text-decoration: none;
  font-weight: normal; }

.left_side h1 {
  font-size: 2.5em;
  color: #282828;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: 300;
  line-height: 1.1; }

.feedEkList {
  list-style: none outside none;
  background-color: #FFFFFF;
  padding: 4px 8px;
  color: #DDDDDD;
  text-align: right; }

.feedEkList li {
  border-bottom: 1px solid #DDDDDD;
  padding: 5px; }

.feedEkList li:last-child {
  border-bottom: none; }

.itemTitle a {
  font-weight: bold;
  color: #1F527B !important;
  text-decoration: none; }

.itemTitle a:hover {
  text-decoration: underline; }

.itemDate {
  font-size: 11px;
  color: #DDDDDD; }

.benefit {
  list-style: none outside none;
  background-color: #FFFFFF;
  padding: 4px 6px;
  color: #DDDDDD; }

.benefit li {
  border-bottom: 1px solid #DDDDDD;
  padding: 5px;
  text-align: left;
  color: #000;
  font-size: 1em; }

.benefit li:last-child {
  border-bottom: none; }

.itemTitle a {
  font-weight: 600;
  color: #3c6bbf !important;
  text-decoration: none; }

.itemTitle a:hover {
  text-decoration: underline; }

.itemDate {
  font-size: 11px;
  color: #DDDDDD; }

.pg-loginDescription {
  font-size: 1em;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 4px;
  margin-bottom: 4px;
  width: 100%;
  font-weight: 300;
  color: #828282; 
  line-height:1.5;
}

.RunJasmineTests {
  position: fixed;
  background-color: red;
  left: 30%;
  top: 0;
  font-size: .8rem;
  color: #000;
  padding: .2rem 1rem;
  border-bottom-right-radius: .4rem;
  border-bottom-left-radius: .4rem;
  opacity: .8; }
  .RunJasmineTests:hover {
    color: #fff; }

.RunJasmineTests.jastwo {
  background-color: green;
  left: 48%; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: none;
  background-color: #F3F5F6 !important;
  transition: all 0.35s ease-out, all 0.35s ease-out; }

input:-webkit-autofill,
input:-webkit-autofill:hover {
  background-color: #F3F5F6 !important;
  -webkit-box-shadow: 0 0 0px 1000px #F3F5F6 inset; }

select:invalid,
:not(output):-moz-ui-invalid,
:not(output):-moz-ui-invalid:-moz-focusring {
  box-shadow: none; }

#forgot.loginbox_container {
min-height:22px;
}