/*Color Variables*/
/*#2B3536*/
/*f2f4f9*/
/*green*/
/*green hover*/
/*extra variable*/
/*border color*/
/*Font Weight*/
@charset "utf-8";
/* CSS Header Document */
/*for zarca .hdrwrapper min-width: 980px;*/
.hdrwrapper {
  width: 100%;
  min-width: 1000px;
  height: 50px;
  background-color: #f9fafc;
  color: #656464;
  font-size: 12px;
}
.hdrwrapper .hdr {
  min-width: 999px;
  max-width: 1366px !important;
  width: 100%;
  margin: 0 auto !important;
}
.hdrlogocont {
  margin: 4px 0 0 10px;
  float: left;
}
.hdrlogocont img {
  width: 149px;
}
.hdrmenus {
  margin: 16px 0 0 10px;
  padding: 0;
  display: inline-block;
  font-family: Proxima N W01 Smbd;
  float: left;
}
.hdrmenus li {
  list-style: none;
  float: left;
  margin-left: 5px;
  padding-left: 2px;
  padding-right: 2px;
}
.hdrmenus li:hover,
.hdrmenus li.act {
  border-bottom: 3px solid #3a6099;
  padding-bottom: 14px;
  color: #3a6099;
}
.hdrmenus li.act {
  cursor: default;
}
.hdrmenus li a {
  text-decoration: none;
  color: inherit;
  font-weight: inherit;
}
.hdrrghtcont {
  position: absolute;
  right: 10%;
  top: 42px;
  z-index: 99;
  width: 105px;
}
.usractcont {
  margin-right: 0px;
  text-align: right;
  display: inline-block;
}
.usractcont .uacont {
  display: inline-block;
  max-width: 140px;
  height: 37px;
  overflow: hidden;
}
.usractcont .usrname {
  font-family: Proxima N W01 Smbd;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  overflow: hidden;
}
.usractcont .usrname:hover {
  color: #3a6099;
}
.usractcont .accname span {
  font-size: 12px;
}
.usractcont .usrarr {
  vertical-align: top;
  display: inline-block;
  margin-top: 0px;
  cursor: pointer;
  font-size: 12px;
}
.hdrrghtcont .usrsett {
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  background-position: -10px -910px;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-image: url('../../ImagesNew/sprites.png');
  background-color: transparent;
}
.hdrrghtcont .usrhlp {
  vertical-align: top;
  cursor: pointer;
  background-position: -10px -1123px;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-image: url('../../ImagesNew/sprites.png');
  background-color: transparent;
}
.hdrrghtcont .usrdropdowncont {
  position: relative;
  z-index: 100;
  text-align: left;
  background-color: #ffffff;
  border-width: 1px 0 0 0;
  border-radius: 5px;
  visibility: visible !important;
  display: none;
}
.hdrrghtcont .ddarr {
  border-top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #bdbcbc;
  width: 0;
  margin-top: -10px;
  float: right;
  margin-right: 10px;
  position: relative;
}
.hdrrghtcont .ddarr:after {
  border-top: 0;
  border-left: 10px solid transparent;
  content: " ";
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  width: 0;
  top: 1px;
  float: right;
  right: -10px;
  position: absolute;
  pointer-events: none;
}
/*Left facing arrow*/
.ttdarr {
  border-bottom: 10px solid transparent;
  border-right: 10px solid #CCCCCC;
  border-top: 10px solid transparent;
  float: right;
  height: 0;
  position: relative;
  width: 0;
  margin-top: -20px;
}
.ttdarr:after {
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ffffff;
  border-top: 10px solid transparent;
  content: " ";
  float: right;
  pointer-events: none;
  position: absolute;
  right: -12px;
  top: -10px;
  width: 0;
}
.hdrrghtcont .usrdropdowncont ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: white none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.17);
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.hdrrghtcont .usrdropdowncont ul li:first-child {
  padding: 12px 6px 12px 13px;
  cursor: pointer;
  color: #4c5267;
  border-bottom: 1px solid #e6e8ea;
}
.hdrrghtcont .usrdropdowncont ul li:nth-child(2) {
  padding: 12px 6px 12px 50px;
  cursor: pointer;
  color: #4c5267;
  border-bottom: 1px solid #e6e8ea;
}
.hdrrghtcont .usrdropdowncont ul li:nth-child(3) {
  padding: 12px 6px 12px 50px;
  cursor: pointer;
  color: #4c5267;
  border-bottom: 1px solid #e6e8ea;
}
.hdrrghtcont .usrdropdowncont ul li:nth-child(4) {
  padding: 12px 6px 12px 50px;
  cursor: pointer;
  color: #4c5267;
}
.hdrrghtcont .usrdropdowncont ul li {
  color: #4c5267;
}
.hdrrghtcont .usrdropdowncont ul li:last-child {
  position: relative;
}
.initialbox {
  width: 50px;
  height: 50px;
  background-color: #cfd8dc;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
  margin-right: 15px;
}
.namebox {
  right: 22px;
  width: 125px;
  background-attachment: scroll;
  cursor: pointer;
  float: left;
  padding-top: 6px;
}
.hdrrghtcont .usrdropdowncont ul li:hover {
  background-color: #cfd8dc;
}
.hdrrghtcont .usrdropdowncont ul li:hover .initials {
  color: #cfd8dc;
}
.hdrrghtcont .usrdropdowncont ul li:hover .initialbox {
  background-color: #ffffff;
}
.hdrrghtcont .usrdropdowncont ul li a {
  text-decoration: none;
  color: #4c5267;
}
.hdrrghtcont .usrdropdowncont .ddmyacc {
  background: url("../../ImagesNew/sprites.png") no-repeat scroll 0 -780px transparent;
}
.hdrrghtcont .usrdropdowncont .ddsetting {
  background: url("../../ImagesNew/home/home_sprite.svg") no-repeat scroll transparent;
  background-position: -66px -8px;
  display: inline-block;
  width: 20px;
  height: 35px;
  position: absolute;
  left: 20px;
  top: 70px;
  -ms-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  transform: scale(1.5);
}
.hdrrghtcont .usrdropdowncont .ddlogout {
  background: url("../../ImagesNew/home/home_sprite.svg") no-repeat scroll transparent;
  background-position: -34px -8px;
  display: inline-block;
  width: 20px;
  height: 35px;
  position: absolute;
  left: 20px;
  top: -2px;
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  transform: scale(1.3);
}
.ddletstalk {
  background: url("../../ImagesNew/home/home_sprite.svg") no-repeat scroll transparent;
  background-position: -1900px -8px;
  display: inline-block;
  width: 42px;
  height: 35px;
  position: absolute;
  left: 21px;
  top: -1px;
}
.hdrrghtcont .usrhelpdropdowncont {
  text-align: left;
  background: white none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.17);
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  padding: 7px 0;
}
.hdrrghtcont .helpddarr {
  border-top: 0;
  border-left: 12px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 12px solid #bdbcbc;
  width: 0;
  margin-top: -12px;
  float: right;
  margin-right: -1px;
  position: relative;
}
.hdrrghtcont .helpddarr:after {
  border-top: 0;
  border-left: 10px solid transparent;
  content: " ";
  border-right: 0px solid transparent;
  border-bottom: 10px solid #ffffff;
  width: 0;
  top: 2px;
  float: right;
  right: 1px;
  position: absolute;
  pointer-events: none;
}
.hdrrghtcont .usrhelpdropdowncont ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hdrrghtcont .usrhelpdropdowncont ul li {
  padding: 7px 11px;
  text-decoration: none;
  cursor: pointer;
}
.hdrrghtcont .usrhelpdropdowncont ul li a {
  text-decoration: none;
  color: #5b5c5c;
}
.hdrrghtcont .usrhelpdropdowncont ul li:hover {
  background-color: #f3f3f3;
}
.hdrrghtcont.hdrrghtcontsetting {
  position: absolute;
  right: 25px;
  width: 300px;
  top: 41px;
}
/*Footer*/
.ftrwrapper {
  /*height: 0px;*/
  color: #8993ad;
  font-size: 12px;
  border: 1px solid #e0e0df;
  bottom: 0;
  background-color: #f9fafc;
  display: none;
  position: relative;
  z-index: 116;
}
.ftrcontent {
  margin: 4px auto 0;
  min-width: 995px;
  max-width: 1356px;
  padding-left: 10px;
}
.ftrcontent a {
  color: inherit;
  font-size: 12px;
}
.ftrcontent a:hover {
  color: #000000;
}
/* CSS Sub Tabs to be included in Header.css*/
#sub-tabs-top ul {
  list-style: none;
}
/*Question Manager tabs*/
#smtabs {
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  width: 560px;
}
.smtabsHeight {
  height: 39px;
}
#smtabs li {
  color: #9E9E9E;
  display: block;
  float: left;
  margin-right: 9px !important;
}
#smtabs li,
#smtabs li a,
#smtabs li a:link,
#smtabs li a:visited,
#smtabs li a:hover {
  color: #90a4ae;
  text-decoration: none;
  padding: 0;
}
#smtabs li a {
  border: 1px solid #4B8CCC;
  float: left;
  margin: 0;
  padding: 6px 8px;
  text-decoration: none;
  color: #90a4ae;
}
#smtabs li a:link {
  text-decoration: none;
}
#smtabs li a:visited {
  text-decoration: none;
}
#smtabs li a:hover {
  text-decoration: underline;
}
#smtabs li.on {
  background-color: #4B8CCC;
  border: 1px solid #4B8CCC;
  color: #ffffff;
}
#smtabs li.on a:link {
  background-color: #4B8CCC;
  color: #ffffff;
  text-decoration: none;
}
#smtabs li.on a:visited {
  background-color: #4B8CCC;
  color: #ffffff;
  text-decoration: none;
}
#smtabs li.on a:hover {
  background-color: #4B8CCC;
  color: #ffffff;
  text-decoration: underline;
}
.smtabsBar {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #4B8CCC;
  border-color: #4B8CCC;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 0;
  padding: 4px 5px 0 1px;
  width: 99.57%;
}
#smtabs li .enhanced_off,
#smtabs li.enhanced_off a:link,
#smtabs li.enhanced_off a:visited,
#smtabs li.enhanced_off a:hover {
  background: url("../sm/enhanced_off.png") no-repeat scroll right top transparent;
  border: 1px solid #4B8CCC;
  color: #4B8CCC;
  padding-right: 12px;
}
#smtabs li a,
#smtabs li a:link,
#smtabs li a:visited,
#smtabs li a:hover {
  border: 0px !important;
}
#smtabs li.enhanced_on,
#smtabs li.enhanced_on a:link,
#smtabs li.enhanced_on a:visited,
#smtabs li.enhanced_on a:hover {
  color: #1f2532;
  text-decoration: underline;
  border-bottom: 3px solid #1686ff;
}
#smtabs li.enhanced_on,
#smtabs li.enhanced_on a:link,
#smtabs li.enhanced_on a:visited {
  text-decoration: none;
}
#smtabs li.enhanced_on a:hover {
  text-decoration: underline;
}
.qm-tabs-level #smtabs li a {
  padding: 12px 35px;
  display: block;
}
#smtabs li a.e {
  padding-right: 27px;
}
/*End Question Manager tabs*/
#breadcrumbs > .brd {
  min-width: 1000px;
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
}
/* Inline CSS from inner_header.acsx */
.qs-menuheader li a:link {
  display: block;
  text-decoration: none;
}
.qs-menuheader li a.popUpContainer {
  background-color: #ffffff;
  display: block;
  height: 15px;
  margin: 0;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-top: 3px;
  text-decoration: none;
}
#upgradecta .span2 {
  text-decoration: none;
  background: #d6610b;
  cursor: pointer;
  color: #ffffff;
  font-size: 12px;
  font-family: Proxima N W01 Smbd;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  margin: 0px 5px;
  padding: 0px 5px;
  border: 1px solid #be560a;
  border-top: 1px solid #f58839;
  background: -moz-linear-gradient(center top, #faa51a, #f59a05 60%, #f58838 61%, #f47a20);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(0.6, #f59a05), color-stop(0.61, #f58838), to(#f47a20));
  text-shadow: 0px 1px 1px #B4B4B4;
  -moz-box-shadow: 0 1px 1px #4B4B4B;
  -webkit-box-shadow: 0 1px 1px #4B4B4B;
  box-shadow: 0 1px 1px #4B4B4B;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: left;
}
#enterprisedetails {
  text-decoration: none;
  background: #efefef;
  border: 1px solid #969696;
  height: 21px;
  -moz-border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
}
.expn {
  top: 0px;
  left: 0px;
  height: 16px;
  width: 18px;
  background-image: url('../ex-col.png');
  cursor: pointer;
}
.expn:hover {
  top: 0px;
  left: 18px;
  height: 16px;
  width: 18px;
  background-image: url('../ex-col.png');
  cursor: pointer;
}
.colp {
  top: 0px;
  left: 36px;
  height: 16px;
  width: 18px;
  background-image: url('../ex-col.png');
  cursor: pointer;
}
.colp:hover {
  top: 0px;
  left: 54px;
  height: 16px;
  width: 18px;
  background-image: url('../ex-col.png');
  cursor: pointer;
}
#username,
#compname {
  display: inline-block;
  padding: 0px 8px;
}
.acc {
  color: #666666;
  line-height: 20px;
  text-align: right;
  display: block;
  white-space: nowrap;
  left: 0PX;
  text-decoration: none  !important;
}
#acarea:hover {
  color: #222 !important;
}
#acarea {
  display: inline-block;
  position: relative;
  z-index: 0;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle;
  font-family: Proxima N W01 Smbd;
  padding: 0px 5px 0px 5px;
  border: solid 1px transparent;
}
.acareahover {
  border: 1px solid #c6c6c6 !important;
  border-radius: 4px;
  -moz-boder-radius: 4px;
  -webkit-boder-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  z-index: 1;
}
#acarea .acdd {
  left: 100%;
  top: 12px;
}
body {
  padding: 0px;
  margin: 0px;
  border: none;
}
.acdd {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  color: #a5a5a5;
  font-size: 12px;
}
.acdd:hover {
  color: #000000;
}
.gbm {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #BEBEBE;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: absolute;
  text-align: left;
  top: -999px;
  visibility: hidden;
  z-index: 999;
}
.acpp {
  font-size: 12px;
  background-color: #fafafa;
  border: 1px solid #bebebe;
  visibility: hidden;
  position: absolute;
  top: 30px;
  right: 15px;
  z-index: 1;
  width: 175px;
}
.tripp {
  display: block;
  visibility: hidden;
  background-image: url('../../ImagesNew/header/icons/Sprite_new.png');
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0px -74px;
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 25px;
  width: 25px;
  height: 18px;
}
.pptxt {
  cursor: pointer;
  display: inline-block;
  height: 25px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 12px;
  color: #5a5a5a;
  vertical-align: top;
  padding-top: 2px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: rgba(255, 255, 255, 0.01);
}
.acpp ul li {
  cursor: pointer;
  height: 27px;
  margin: 0px;
  padding: 0px 4px;
  background-color: none;
  opacity: 0.9;
  vertical-align: middle;
  margin-bottom: 1px;
}
.acpp ul li:hover {
  cursor: pointer;
  background-color: #efefef;
  opacity: 1;
}
.acpp ul li:hover span {
  color: #000000;
}
/* End of OLD CSS */
.navigation .header-bar {
  color: white;
  position: relative;
  height: 60px;
  background-color: #1f2532;
}
.navigation .header-bar .logo {
  /*width: 145px;*/

  height: 35px;
  border: 0 none;
  display: block;
  position: absolute;
  left: 6px;
  top: 30px;
}
.navigation .header-bar .logo.k12logo {
  /*width: 121px;*/

  height: 31px;
  border: 0 none;
  display: block;
  position: absolute;
  left: 24px;
  top: 29px;
}
.navigation .header-bar .profile-details {
  position: absolute;
  right: 10px;
  width: 16px;
  background: rgba(0, 0, 0, 0) url(../../ImagesNew//home/home_sprite.svg);
  background-position: 0 -22px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  cursor: pointer;
  height: 20px;
}
.navigation .header-bar .profile-details .profile-name {
  display: none;
  width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.navigation .header-bar .profile-details .company-name {
  font-size: 12px;
  display: none;
}
.navigation .header-bar .profile-pic {
  overflow: hidden;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 32px;
  cursor: pointer;
  background-color: #62656B;
  top: 21px;
}
.navigation .header-bar .profile-pic img {
  display: none;
  width: 30px;
  height: 30px;
  border: 0 none;
}
.navigation .header-bar .rule {
  background: white none repeat scroll 0 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 86px;
  width: 0px;
  opacity: 0.3;
}
.navigation .header-bar .rule1 {
  background: white none repeat scroll 0 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 219px;
  width: 0px;
  opacity: 0.3;
}
.navigation .header-bar .rule2 {
  background: white none repeat scroll 0 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 450px;
  width: 0px;
  opacity: 0.3;
}
.navigation .header-bar .rule3 {
  background: white none repeat scroll 0 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 152px;
  width: 0px;
  opacity: 0.3;
}
.navigation .header-bar .rule4 {
  background: white none repeat scroll 0 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 290px;
  width: 0px;
  opacity: 0.3;
}
.navigation .header-bar .rule5 {
  background: white none repeat scroll 0 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 80px;
  width: 1px;
  opacity: 0.3;
}
.navigation .header-bar .header-help {
  position: absolute;
  right: 87px !important;
  height: 25px;
  width: 25px;
  cursor: pointer;
  background-image: url('../../ImagesNew/header/help-icn.svg');
  background-repeat: no-repeat;
  top: 32px;
}
.navigation .header-bar .header-video {
  /*position: absolute;*/

  right: 125px;
  height: 30px;
  width: 25px;
  cursor: pointer;
  top: 40px;
  background-image: url('../../ImagesNew/header/visualizations-icn.svg');
  background-repeat: no-repeat;
  text-align: center;
}
.navigation .header-bar .rule1 + .header-video {
  position: absolute;
  background: none;
}
.navigation .header-bar .tool.survey-tool {
  position: absolute;
  left: 100px;
  width: 165px;
  padding: 12px 5px 12px 0px;
  background-image: url("../../ImagesNew/home/home_sprite.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 150px -18px;
  cursor: pointer;
  top: 30px;
}
.navigation .header-bar .tool.poll-tool {
  position: absolute;
  left: 100px;
  width: 165px;
  padding: 12px 5px 12px 0px;
  border-radius: 15px;
  background-image: url("../../ImagesNew/home/home_sprite.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 150px -18px;
  cursor: pointer;
  font-size: 14px;
}
.navigation .header-bar .tool.assessment-tool {
  position: absolute;
  left: 100px;
  width: 165px;
  padding: 12px 5px 12px 0px;
  border-radius: 12px;
  background-image: url("../../ImagesNew/home/home_sprite.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 150px -18px;
  cursor: pointer;
  top: 29px;
  box-sizing: content-box;
}
/*.navigation .header-bar .tool img {
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 14px;
    top:12px;
}*/
.poll-icn {
  background-image: url(../../ImagesNew/header/icons-header.svg);
  background-position: 2px -585px;
  background-repeat: no-repeat;
}
.SurTool-icn {
  background-image: url('../../ImagesNew/header/icons-header.svg');
  background-position: 0px -263px;
  background-repeat: no-repeat;
}
.assessment-icn {
  background-image: url('../../ImagesNew/header/new_tool.svg');
  background-position: 0px -23px;
  background-size: 22px 94px;
  background-repeat: no-repeat;
}
.customer-icn {
  background-image: url('../../ImagesNew/header/new_tool.svg');
  background-position: 0px -82px;
  /*background-size: 22px 1135px;*/
  background-repeat: no-repeat;
}
.navigation .header-bar .tool a.SurTool-icn {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 9px;
  top: 12px;
  /*background-position: -561px -23px;*/

}
.navigation .header-bar .tool a.poll-icn {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 9px;
  top: 12px;
  /*background-position: -494px -23px;*/

}
.navigation .header-bar .tool a.assessment-icn {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 9px;
  top: 14px;
  /*background-position: -428px -23px;*/

}
.navigation .header-bar .tool .caption {
  display: block;
  position: absolute;
  left: 35px;
  top: 12px;
}
.navigation .survey-tool-drpdwn {
  background: white none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.17);
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 82px;
  top: 52px;
  /*visibility: hidden;*/

  width: 159px;
  z-index: 61;
}
.navigation .survey-tool-drpdwn:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border: 1px solid rgba(0, 0, 0, 0.17);
  border-bottom: none;
  border-right: none;
  top: -6px;
  right: 27px;
  background-color: #ffffff;
  z-index: -1;
}
.navigation .poll-tool + .survey-tool-drpdwn:before {
  right: 36px;
}
.navigation .assessment-tool + .survey-tool-drpdwn:before {
  right: 10px;
}
.navigation .survey-tool-drpdwn li a {
  border-radius: 7px 7px 0 0;
  display: block;
  padding: 12px;
  text-decoration: none;
  color: #4c5267;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 #ffffff;
}
.navigation .survey-tool-drpdwn li:hover {
  background-color: #cfd8dc;
}
.navigation .survey-tool-drpdwn li:hover a {
  background-color: #cfd8dc;
  box-shadow: inset 0 1px 0 #cfd8dc;
  border-bottom: 1px solid #cfd8dc;
}
.navigation .survey-tool-drpdwn li a span {
  padding-left: 25px;
}
.navigation .survey-tool-drpdwn li:nth-child(1) a:before {
  background-image: url(../../ImagesNew/header/icons-header.svg);
  position: absolute;
  width: 20px;
  height: 22px;
  content: " ";
  top: 10px;
  background-repeat: no-repeat;
  background-position: 0px -1140px;
  /*background-size: 20px 20px;*/

}
.navigation .survey-tool-drpdwn li:nth-child(2) a:before {
  background: url(../../ImagesNew/header/icons-header.svg) no-repeat scroll;
  position: absolute;
  width: 20px;
  height: 22px;
  content: " ";
  top: 50px;
  background-repeat: no-repeat;
  background-position: 4px -1159px;
  /*background-size: 20px 20px;*/

}
.navigation .survey-tool-drpdwn li:nth-child(3) a:before {
  background: url(../../ImagesNew/header/new_tool.svg) no-repeat scroll;
  position: absolute;
  width: 20px;
  height: 22px;
  content: " ";
  top: 91px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  /*background-size: 20px 20px;*/

}
.navigation .survey-tool-drpdwn li:nth-child(4) a:before {
  background: url(../../ImagesNew/header/new_tool.svg) no-repeat scroll;
  position: absolute;
  width: 20px;
  height: 22px;
  content: " ";
  /*top: 91px;*/

  background-repeat: no-repeat;
  background-position: 0px -53px;
  /*background-size: 20px 20px;*/

}
.navigation .menu-section {
  text-align: center;
  position: relative;
}
ul.menu-outer {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.menu-outer {
  display: table;
  font-size: 14px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
ul.menu-outer.poll-menu {
  /*margin: 0 0 0 100px;*/

}
ul.menu-outer > li {
  float: left;
}
ul.menu-outer > li a {
  text-decoration: none;
  outline: none;
  display: block;
  text-transform: capitalize;
}
ul.menu-outer > li > a {
  padding: 21px 20px;
  color: #ffffff;
  font-size: 14px;
  /*border-right: 1px solid rgba(255,255,255,.8);*/

}
ul.menu-outer > li:first-child > a {
  /*border-left: 1px solid rgba(255,255,255,.3);*/
}
ul.menu-outer > li:nth-child(6) > a {
  /*border-right: 1px solid rgba(255,255,255,.3)*/
}
ul.menu-outer > li a:visited,
ul.menu-outer > li a:hover {
  text-decoration: none;
  outline: none;
}
.headerParent ul li.active div.SubHeaderArrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  position: absolute;
  top: 40px;
  left: 62px;
  display: none;
}
.headerParent ul li.active div.SubHeaderArrowRM {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  position: absolute;
  top: 40px;
  left: 50px;
  display: none;
}
#sub-tabs-top ul {
  list-style: outside none none;
  margin: 0 auto !important;
  padding: 0;
  display: inline-block;
  height: 27px;
}
#sub-tabs-top ul > li {
  float: left;
  display: block;
}
#sub-tabs-top ul > li a.active {
  border-bottom: 3px solid #1686ff;
  font-family: Proxima N W01 Smbd;
}
#sub-tabs-top ul > a {
  font-family: Proxima N W01 Smbd;
}
#sub-tabs-top ul > li > a {
  color: #1f2532;
  display: block;
  padding: 8px 25px 5px 25px;
}
#sub-tabs-top ul > li.active > a {
  font-family: Proxima N W01 Smbd;
}
#sub-tabs-top ul:after {
  content: "";
  display: block;
  clear: both;
}
.initials {
  color: #192A4A;
  text-align: center;
  display: block;
  padding: 7px 0;
  font-family: Proxima N W01 Smbd;
  text-transform: uppercase;
  font-size: 12px;
}
.profile-pic .initials {
  padding: 10px 0;
  height: 36px;
  box-sizing: border-box;
}
/* Header Tab Background Color */
.navigation .menu-section {
  background-color: #ffffff;
}
.navigation .menu-section .sub-menu-section {
  background-color: #ffffff;
  border-bottom: 1px solid #d8d8d8;
}
/* Bread Crum Font Color */
.ParentBrdcrumbs {
  background-color: #eceff1;
}
.navigation #breadcrumbs {
  color: white;
  font-size: 12px;
  font-family: Proxima N W01 Smbd;
  margin-left: 90px;
}
.navigation #breadcrumbs strong {
  color: white;
}
.InactiveBrdcrumb {
  color: #78909c;
}
.ActiveBrdcrumb {
  color: #78909c;
  font-family: Proxima N W01 Smbd;
}
.BrdcrumbImg {
  background: transparent url(../../ImagesNew/general/Right_Arrow_icon_purple_1.svg) right no-repeat;
  padding: 0 20px 0 20px;
  background-position: 20px 5px;
}
/* For SM*/
.wizheaderborder {
  border-top: 1px solid #d8d8d8;
}
/* namita */
#fixdiv #smtabs {
  width: 1150px;
  min-width: 1210px;
}
#fixdiv #smtabs li a {
  padding: 12px 5px;
  display: block;
}
#fixdiv #smtabs li a.e {
  padding-right: 10px;
}
#fixdiv #smtabs:after {
  content: '';
  clear: both;
}
/* namita */
.headerParent {
  background-color: #1f2532;
}
/*fixed header*/
.table_headerfixed {
  top: 0;
  z-index: 201;
}
@media (min-width: 1024px) and (max-width: 1280px) {
  ul.menu-outer > li > a {
    padding: 21px 10px;
  }
 .headerParent ul li.active div.SubHeaderArrowRM {
    left: 43px;
  }
  .headerParent ul li.active div.SubHeaderArrow {
    left: 55px;
  }
}
@media (max-width: 1024px) {
  ul.menu-outer > li > a {
    padding: 21px 8px;
  }
  ul.menu-outer {
    font-size: 13px;
    /*margin: 0 0 0 90px;*/
  }
  .navigation .header-bar .logo.k12logo {
    left: 25px;
  }
  .navigation .header-bar .logo {
    /*width: 120px;*/
  }
  .headerParent ul li.active div.SubHeaderArrowRM {
    left: 30px;
  }
  .headerParent ul li.active div.SubHeaderArrow {
    left: 43px;
  }
  .navigation .header-bar .tool.survey-tool,
  .navigation .header-bar .tool.assessment-tool,
  .navigation .header-bar .tool.poll-tool {
    right: 346px;
  }
  /*.navigation .header-bar .rule1{right: 300px;}
      .navigation .header-bar .header-video{right: 258px;}
      .navigation .header-bar .rule{right: 240px;}
      .navigation .header-bar .header-help{right: 199px;}
      .navigation .header-bar .profile-pic{right: 140px;}
      .navigation .header-bar .profile-details{right: 120px;}
      .navigation .header-bar .rule4{right: 525px;}*/
  .hdrrghtcont.hdrrghtcontsetting {
    right: 110px;
  }
  .navigation .survey-tool-drpdwn {
    right: 343px;
  }
  .navigation .header-bar .header-helphvrimg {
    right: 93px !important;
  }
  /*div.notificationWrapper{right:310px;}*/
  /*div.rule6{right:343px;}*/
  /*.navigation .header-bar div.rule3{right:183px;}*/
}
@media (min-width: 1650px) {
  ul.menu-outer > li > a {
    padding: 21px 40px;
  }
}
/*Right Panel css from new_home.css*/
.SideNavDiv {
  /*background: rgba(0,0,0,0.8);*/

  background-color: #fff;
  width: 280px;
  position: fixed;
  right: 0;
  top: 52px;
  box-sizing: content-box;
}
.SideNavDivAllFullBack {
  background: /*rgb(0,0,0)*/ #3e424b;
  width: 300px;
  border-left: 1px solid #3e424b;
  position: fixed;
  right: 1px;
  top: 52px;
  z-index: 1;
  box-sizing: content-box;
}
.ResBtnSection {
  padding: 25px 0px 25px 23px;
}
h2.SideNavDivHd {
  font-size: 14px;
  padding: 25px 25px 0px 25px;
  margin: 0;
  color: #201e1f;
}
.SideNavDivsubhd {
  font-size: 14px;
  padding: 0px 45px;
  margin: 0;
  color: #ffffff;
  display: none;
}
a.ResBtn {
    width: 90px;
    border-radius: 3px;
    background: #5b606a;
    color: #ffffff !important;
    font-size: 14px;
    padding: 0px 10px;
    margin: 0 18px 18px 0;
    display: block;
    text-decoration: none !important;
    text-align: center;
    box-sizing: content-box;
    height: 90px;
}
a.ResBtn:hover {
  background: #201e1f;
}
a.ResBtn span {
  font-size: 12px;
  width: 80px;
  display: inline-block;
  line-height: 17px;
  margin-top: 2px;
  width: 100%;
}
a.contBtn:before {
  content: "";
  background-image: url(../../ImagesNew/home/magazines.png);
  /*background-position:-291px -15px;*/

  background-repeat: no-repeat;
  /*background-size: 23px 30px;*/

  width: 25px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 20px;
}
a.Atc:before {
  content: "";
  background-image: url(../../ImagesNew/home/home_sprite.svg);
  background-position: -236px -14px;
  background-repeat: no-repeat;
  /*background-size: 33px 30px;*/

  width: 35px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 12px;
}
a.SignupBtn:before {
  content: "";
  background-image: url(../../ImagesNew/home/home_sprite.svg);
  background-position: -336px -15px;
  background-repeat: no-repeat;
  /*background-size: 25px 25px;*/

  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 20px;
}
a.SignupBtn span {
  display: block;
  line-height: 16px;
}
a.callBtn:before {
  content: "";
  background-image: url(../../ImagesNew/home/home_sprite.svg);
  background-position: center center;
  background-repeat: no-repeat;
  /*background-size: 25px 25px;*/

  width: 25px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 20px;
}
a.trningbtn:before {
  content: "";
  background-image: url(../../ImagesNew/home/home_sprite.svg);
  background-position: -378px -15px;
  background-repeat: no-repeat;
  /*background-size: 30px 28px;*/

  width: 32px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 12px;
}
a.designBtn:before {
  content: "";
  background-image: url(../../ImagesNew/home/home_sprite.svg);
  background-position: -191px -15px;
  background-repeat: no-repeat;
  /*background-size: 25px 25px;*/

  width: 25px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 12px;
}
a.sugg:before {
  content: "";
  background-image: url(../../ImagesNew/home/home_sprite.svg);
  background-position: -143px -14px;
  background-repeat: no-repeat;
  /*background-size: 25px 25px;*/

  width: 28px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 20px;
}
a.forum:before {
  content: "";
  background-image: url(../../ImagesNew/home/home_sprite.svg);
  background-position: -101px -14px;
  background-repeat: no-repeat;
  /*background-size: 25px 25px;*/

  width: 25px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 20px;
}
a.view-sample:before {
  content: "";
  background-image: url('../../ImagesNew/header/icons-header.svg');
  background-position: 5px -824px;
  background-repeat: no-repeat;
  /*background-size: 25px 25px;*/

  width: 28px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 9px;
}
a.whatsnew:before {
  content: "";
  background-image: url(../../ImagesNew/home/whats-neww.png);
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 13px;
}
a.Webinar:before {
  content: "";
  background-image: url(../../ImagesNew/home/home_sprite.svg);
  background-position: center center;
  background-repeat: no-repeat;
  /*background-size: 25px 25px;*/

  width: 25px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 20px;
}
a.designBtn span {
  display: block;
  line-height: 16px;
  width: 80%;
  margin: 0 auto;
}
.uparrow {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid black;
  position: absolute;
  top: -7px;
  left: 63px;
  display: none;
}
.SideNavDivAll {
  background: /*rgba(0,0,0,0.8)*/ #3e424b;
  width: 300px;
  border-left: 1px solid #3e424b;
  position: fixed;
  right: -1px;
  /*changed to -1,on DJs request*/

  top: 52px;
  z-index: 1;
  box-sizing: content-box;
}
.SideNavDivsubhdAll {
  font-size: 12px;
  padding: 0px 40px 20px 40px;
  margin: 0;
  color: #ffffff;
  line-height: 15px;
}
h2.SideNavDivHdAll {
  font-size: 14px;
  padding: 20px 40px;
  margin: 0;
  color: #ffffff;
}
.videoDivcont {
  width: 216px;
  display: inline-block;
  vertical-align: middle;
  margin: 10px 30px;
  font-size: 14px;
  /*font-weight: 600;*/

  font-family: Proxima N W01 Smbd;
  float: left;
  /*cursor: pointer;*/

  line-height: 20px;
  position: relative;
  text-align: left;
}
.videoDivAll .vertArrow {
  background-image: url(../../ImagesNew/home/video-img/btn__hover.png);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 40px;
  width: 40px;
  z-index: 2;
  position: absolute;
  left: 10px;
  top: 115px;
}
.videoDivAll:hover .vertArrow {
  background-image: url(../../ImagesNew/home/video-img/btn__active.png);
}
.videoDivAll:hover img {
  outline: 0 none;
  border: 3px solid #4068b1;
  border-radius: 4px;
}
.videoDivAll img {
  outline: 0 none;
  border: 3px solid transparent;
  border-radius: 4px;
}
.video-titleAll {
  font-size: 14px;
  font-family: Proxima N W01 Smbd;
  margin-left: 3px;
  padding-top: 4px;
  color: #eceff1;
  line-height: 15.4px;
  display: block;
}
.video-subtitleAll {
  font-size: 12px;
  margin-left: 3px;
  color: #cfd8dc;
  width: 200px;
  line-height: 14px;
  padding-top: 5px;
}
.Seemore {
  border-top: 2px solid #AEB6D2;
}
.TrainingVedAll {
  float: right;
  padding: 5px 30px;
  background-color: #78c900;
  color: #ffffff;
  border-radius: 3px;
  margin: 20px 50px 20px 20px;
}
.HeaderVideoData {
  /*height: 350px;*/

  overflow-y: auto;
  overflow-x: hidden;
}
.oops {
  width: 170px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0px 40px 30px 40px;
  cursor: pointer;
  border-radius: 5px;
  background-color: #bac8d3;
  padding: 23px 23px 19px 23px;
  box-sizing: content-box;
}
.oopshdr {
  font-size: 12px;
  color: #ffffff;
  padding-bottom: 26px;
}
.oopstxt {
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding-bottom: 15px;
}
.ContactSupport {
  padding: 5px 30px;
  background-color: #78c900;
  color: #ffffff;
  border-radius: 3px;
}
.uparrowAll {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid black;
  position: absolute;
  top: -7px;
  left: 24px;
  display: none;
}
.HelpCenterBlankButton {
  height: 100px;
  width: 100px;
  border-radius: 3px;
  background-color: #1f2532;
}
/*Zooming Issue*/
.menu-outer.survey-menu.Largefont {
  /*min-width:1000px;*/
}
@media only screen and (min-width: 1025px) and (max-width: 4096px) {
  .hdrmenus li {
    padding: 0px 5px;
  }
}
@media only screen and (max-width: 1024px) {
  .hdrmenus li {
    padding: 0px 2px;
  }
}
.rule6 {
  background: white none repeat scroll 0 0;
  height: 100%;
  position: absolute;
  top: 0;
  /* left: 80px; */

  width: 0px;
  opacity: 0.3;
  right: 278px;
}
.notificationWrapper {
  position: absolute;
  top: 30px;
  right: 170px;
  cursor: pointer;
}
.notificationIcon {
  background-image: url('../../ImagesNew/ic_bell.svg');
  background-repeat: no-repeat;
  background-size: 15px 18px;
  background-position: 0 4px;
  width: 20px;
  /*height: 27px;*/

}
.notificationNotified {
  background-image: url('../../ImagesNew/ic_bell_notified.svg');
  background-repeat: no-repeat;
  background-size: 15px 18px;
  background-position: 0 0;
  width: 20px;
  /*height: 18px;*/

}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(-45deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.notificationWindow {
  width: 300px;
  position: fixed;
  display: inline-block;
  top: 52px;
  right: 0px;
  background-color: #ffffff;
  z-index: 61;
  cursor: default;
  border-top: 1px solid #ffffff;
  color: #5c6069;
  box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
}
.Notification_settings {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 100%;
  background-color: #ffffff;
  width: 261px;
  padding: 0px 20px;
  opacity: 0;
  z-index: 62;
}
.Notifset_title {
  text-align: left;
  color: #5c6069;
  font-family: Proxima N W01 Smbd;
  font-size: 16px;
  padding: 20px 15px 20px;
  border-bottom: 1px solid transparent;
  position: relative;
}
.Notif_title {
  text-align: left;
  color: #5c6069;
  font-size: 16px;
  font-family: Proxima N W01 Smbd;
  padding: 20px 15px 20px;
  border-bottom: 1px solid rgba(226, 221, 221, 0.48);
  position: relative;
}
.Notif_list,
.Notifset_chk {
  overflow: hidden;
  padding: 0px 20px;
  font-size: 12px;
}
div.Notifset_chk {
  padding-top: 15px;
  padding-bottom: 7px;
  padding: 0px 15px 0 15px;
}
.Notified {
  border-bottom: 1px solid rgba(226, 221, 221, 0.48);
  padding: 15px 0 15px 10px;
  color: #fff;
  position: relative;
}
.prev_notifi {
  font-size: 12px;
  color: #fff;
  padding: 10px 0px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  border-top: 1px solid rgba(226, 221, 221, 0.48);
}
.icSettings {
  background-image: url('../../ImagesNew/ic_settings.svg');
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: 0 0;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 13px;
  right: 20px;
  display: inline-block;
  cursor: pointer;
}
.icarr {
  background-image: url('../../ImagesNew/ic_arrow.svg');
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: 0 0;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 15px;
  left: 0px;
  display: inline-block;
  cursor: pointer;
}
.icCross {
  background-image: url('../../ImagesNew/ic_close.svg');
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: 0 0;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 14px;
  cursor: pointer;
}
.icDismissAll {
  background-image: url('../../ImagesNew/ic_clear.svg');
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: 0 0;
  width: 25px;
  height: 25px;
  position: absolute;
  display: inline-block;
  left: 27px;
  top: 5px;
  cursor: pointer;
}
.NotificationCount {
  display: inline-block;
  background-color: #81e01f;
  width: 14px;
  position: absolute;
  top: 0px;
  border-radius: 100%;
  left: 20px;
  text-align: center;
  font-size: 9px;
  border: 2px solid #20232a;
  box-sizing: content-box;
  font-family: Proxima N W01 Smbd;
  padding:2px 1px;
  line-height:1.1;
}
.connectArrow {
  position: absolute;
  top: 26px;
  left: 3px;
  display: none;
}
.connectArrow:after {
  border-top: 0;
  border-left: 12px solid rgba(0, 0, 0, 0);
  border-right: 12px solid rgba(0, 0, 0, 0);
  border-bottom: 12px solid #1f2532;
  width: 0;
  margin-top: -2px;
  float: right;
  margin-right: 10px;
  position: relative;
  content: " ";
}
.spDateTime {
  font-size: 10px;
  color: #b3b3b3;
  display: block;
  padding-bottom: 5px;
}
.spMessage {
  padding-bottom: 5px;
  display: block;
  font-size: 12px;
  font-family: Proxima N W01 Smbd;
}
.spMessage.readNotification {
  font-family: Proxima N W01 Reg;
  color: #cac9c9;
}
.spPreview {
  display: block;
  padding: 5px 35px;
  font-size: 12px;
}
.spPreview a,
.spPreview a:link,
.spPreview a:visited,
.spPreview a:active {
  font-size: 12px;
}
.spButton {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.spButton a,
.spButton a:link,
.spButton a:visited,
.spButton a:active {
  color: #fff;
  border: 1px solid #fff;
  padding: 4px 30px;
  border-radius: 4px;
  margin-right: 7px;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.spButton a:hover {
  color: #000;
  background-color: #fff;
}
.spNoNotifications {
  background-image: url('../../ImagesNew/ic_bell.svg');
  background-repeat: no-repeat;
  background-size: 150px 150px;
  background-position: center center;
  width: 150px;
  height: 150px;
  display: inline-block;
  text-align: center;
  opacity: 0.1;
}
.notificationWindow .nicescroll-rails-hr {
  display: none;
}
.notificationWindow .nicescroll-rails-vr {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0) !important;
}
.notificationWindow .nicescroll-rails-vr .nicescroll-cursors {
  left: -1px;
}
.nicescroll-rails-vr .nicescroll-cursors {
  width: 8px !important;
}
.ulnotificationList {
  padding: 0px;
  list-style-type: none;
  margin-top: 25px;
}
.ulnotificationList > li {
  padding-bottom: 10px;
}
.ulnotificationList > li > input[type='checkbox'] + label:before {
  margin-right: 10px;
}
.ulnotificationList > li > input[type='checkbox'] + label {
  font-size: 12px;
}
.prev_notifi > a:link,
.prev_notifi > a {
    color: #5c6069;
    font-size: 12px;
}
#dvNotificationWindow > #dvNotificationPanelLoader {
  width: inherit;
  position: absolute;
  top: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  text-align: center;
}
#dvNotificationWindow > #dvNotificationPanelLoader > #dvNotificationPanelLoadingImg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hdrrghtcontsetting .usrdropdowncont .ddsetting {
    background: url(../../ImagesNew/home/home_sprite.svg);
    left: 20px;
    top: 80px;
    width: 25px;
    background-position: -106px 63px;
    background-size: 3351px 95px;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  .hdrrghtcontsetting .usrdropdowncont .ddlogout {
    background: url(../../ImagesNew/home/home_sprite.svg);
    background-position: -45px 55px;
    background-size: 2900px 72px;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    top: 3px;
    width: 25px;
    left: 18px;
  }
}
@supports (-ms-ime-align: auto) {
  .hdrrghtcontsetting .usrdropdowncont .ddsetting {
    background: url(../../ImagesNew/home/home_sprite.svg);
    left: 19px;
    top: 80px;
    width: 25px;
    background-position: -106px 63px;
    background-size: 3351px 95px;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  .hdrrghtcontsetting .usrdropdowncont .ddlogout {
    background: url(../../ImagesNew/home/home_sprite.svg);
    background-position: -42px 65px;
    background-size: 2750px 90px;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    top: 2px;
    width: 25px;
    left: 18px;
  }
}
/*New header*/
/*First Strip*/
.bor {
  border: 1px solid #000000;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear-fix:after {
  content: "";
  clear: both;
  display: block;
}
.bline {
  display: inline-block;
  overflow: hidden;
}
.mar-l.hd-btn {
  margin-left: 10px;
}
.mar-r.hd-btn {
  margin-right: 10px;
}
.mar-l {
  margin-left: 10px;
}
.mar-r {
  margin-right: 10px;
}
.hd-main-strip {
  width: 100%;
  padding-top: 10px;
  background-color: #20232a;
  display: flex;
  font-family: Proxima N W01 Smbd;
  max-height: 42px;
  box-sizing: content-box;
}
.hd-main-left {
  width: 350px;
  max-width: 350px;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  max-height: 42px;
  box-sizing: border-box;
}
.hd-logo {
  padding: 0 18px;
}
.hd-logo-img {
  width: 40px;
  height: 32px;
  background-image: url('../../ProductImages/productHeaderLogo.svg?k=1');
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center;
}
.hd-drop-down {
  color: #fbfbfb;
  font-size: 14px;
  width: 170px;
  border-left: 1px solid rgba(155, 155, 155, 0.25);
  border-right: 1px solid rgba(155, 155, 155, 0.25);
  padding: 7.5px 0;
  text-align: center;
  cursor: pointer;
}
.hd-tool-logo {
  width: 20px;
  height: 20px;
  /*background-image: url('../../ImagesNew/header/icons-header.svg');*/

  display: inline-block;
  margin-right: 10px;
  /*background-position: 0px -263px;*/

  vertical-align: middle;
}
.hd-dd-icon {
  width: 15px;
  height: 20px;
  background-image: url('../../ImagesNew/header/icons-header.svg');
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
}
.hd-sel-survey {
  flex-grow: 1;
  height: 100%;
  background-image: url('../../ImagesNew/header/icons-header.svg');
  background-repeat: no-repeat;
  background-position: 16px -183px;
  cursor: pointer;
  width: 52px;
  height: 32px;
}
.all-survey-tooltip {
  display: none;
  padding: 10px 20px;
  z-index: 100;
  box-sizing: content-box;
}
.all-survey-tooltip.pipingToolTipRight .upArrow:after {
  margin-top: -22px;
}
.hd-sel-survey:hover .all-survey-tooltip {
  display: block;
}
.hd-main-mid {
  flex-grow: 1;
  display: flex;
  max-height: 42px;
}
.hd-survey-title {
  text-align: center;
  background-color: /*#30333b*/ #4f535c;
  color: #fbfbfb;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  flex-grow: 1;
  justify-content: center;
  position: relative;
  top: 15px;
  height: 27px;
  box-sizing: border-box;
}
.hd-title-wrap {
  display: flex;
  cursor: pointer;
  position: relative;
  top: 9px;
}
.hd-title-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  background-image: url('../../ImagesNew/header/icons-header.svg');
  background-position: 3px -4px;
  background-repeat: no-repeat;
}
.hd-upgrade {
  font-size: 14px;
  color: #f5a623;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  min-width: 125px;
  justify-content: center;
  cursor: pointer;
  border-right: 1px solid rgba(155, 155, 155, 0.25);
}
.hd-upgrade-icon {
  width: 15px;
  height: 13px;
  background-image: url('../../ImagesNew/header/icons-header.svg');
  display: inline-block;
  background-position: 0px -168px;
  margin-right: 5px;
}
.hd-main-right {
  min-width: 325px;
  max-width: 325px;
  /*padding-bottom: 10px;*/

  position: relative;
  top: -3px;
  height: 45px;
}
.hd-right-cont {
  display: flex;
  height: 100%;
}
.hd-first-opt {
  width: 40px;
  max-width: 45px;
  margin: 0px 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.hd-profile-dd {
  width: 61px;
  max-width: 61px;
  margin: 0px 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: flex;
}
.hd-profile-dd.hd-active-opt, .hd-profile-dd.hd-active-opt:hover  {
  background-color: #ffffff;
}
.hd-profile-img {
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
    border-radius: 50%;
    background-color: #ECFDFA;
    margin-left: 5px;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 1px 2px #0000005e;
    box-shadow: 0px 0px 1px 2px #0000005e;
}
.hd-profile-dd-icon {
  width: 15px;
  height: 15px;
  max-width: 15px;
  max-height: 15px;
  background-image: url('../../ImagesNew/header/icons-header.svg');
  background-position: -9px -15px;
  margin-top: 9px;
}
.hd-first-opt:hover,
.hd-profile-dd:hover {
  background-color: rgba(236, 253, 250, 0.5);
  cursor: pointer;
}
/*.hd-first-opt:hover .hd-menu-items,
.hd-first-opt .hd-menu-items{
    filter: brightness(0) saturate(100%) invert(90%) sepia(24%) saturate(91%) hue-rotate(110deg) brightness(106%) contrast(98%);
}*/
.hd-notify {
  background-image: url('../../ImagesNew/notifications-material.svg');
  background-size: 15px;
  background-position: center 9px;
  background-repeat: no-repeat;
  position: relative;
}
.hd-visual {
  background-image: url('../../ImagesNew/header/visualizations-icn.svg');
  background-size: 17px;
  background-position: center 12px;
  background-repeat: no-repeat;
}
.hd-help {
  background-image: url('../../ImagesNew/header/help-icn.png');
  background-size: 17px;
  background-position: center 9px;
  background-repeat: no-repeat;
}
.hd-notify:hover .NotificationCount {
  border: 2px solid #3e424b;
}
.hd-notify.hd-active-opt .NotificationCount {
  border: 2px solid #3e424b;
}
/*.hd-notify:hover,
.hd-notify.hd-active-opt {
  background-image: url('../../ImagesNew/ic_bell_notified_hover.svg');
}*/
.hd-visual:hover,
.hd-visual.hd-active-opt {
  background-image: url('../../ImagesNew/header/visualizations-icn_hover.svg');
}
.hd-help:hover,
.hd-help.hd-active-opt {
  background-image: url('../../ImagesNew/header/help-icn_hover.svg');
}
/*First Strip End*/
/*Second Strip*/
.hd-second-strip {
  width: 100%;
  padding-top: 8px;
  background-color: /*#30333b*/ #4f535c;
  box-sizing: border-box;
  font-family: Proxima N W01 Smbd;
  line-height: normal;
}
/*Menu list*/
.hd-menu-wrap {
  display: flex;
}
.survey-menu-wrap {
  display: flex;
}
a.hd-menu-items,
a:link.hd-menu-items,
a:visited.hd-menu-items,
a:active.hd-menu-items {
  display: inline-block;
  padding: 10px 20px 13px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  opacity: 1;
  cursor: pointer;
  margin-right: 5px;
  color: /*#cad0d1*/ #fbfbfb;
  transition: 0.2s all ease-in-out;
  font-size: 14px;
  font-family: Proxima N W01 Smbd;
  line-height: 15px;
}
.hd-menu-text {
  display: inline-block;
}
a:hover.hd-menu-items:hover {
  background-color: /*#4f535c*/ #707685;
  color: #ffffff;
  opacity: 1;
}
a.hd-active.hd-menu-items {
  opacity: 1;
  color: #ffffff;
  background-color: /*#4f535c*/ #707685;
}
/*.hd-right-cont.fr .hd-utilities a.hd-menu-items {
  background-color: transparent;
  transition: none;
}*/
/*.hd-utilities a:hover.hd-menu-items:hover,
.hd-utilities a.hd-active.hd-menu-items {
  background-color: #3e424b;
  transition: none;
  opacity: 1 !important;
}*/
/* Survey bank and create */
.hd-survey-bank,
.hd-create,
.hd-contact-list {
  padding: 6px 20px 8px 45px;
  font-size: 14px;
  cursor: pointer;
}
.hd-survey-bank {
  border-right: solid 1px #4f535c;
  background-repeat: no-repeat;
}
a.hd-create,
a:link.hd-create,
a:visited.hd-create,
a:active.hd-create,
a:hover.hd-create {
  color: #83c340;
  position: relative;
  border-radius: 3px;
}
a.hd-create:before,
a:link.hd-create:before,
a:visited.hd-create:before,
a:active.hd-create:before,
a:hover.hd-create:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  left: 20px;
  background-image: url('../../ImagesNew/header/icons-header.svg');
  background-repeat: no-repeat;
  background-position: 2px -142px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(96deg) brightness(112%) contrast(101%);
}
a.hd-contact-list, a:link.hd-contact-list, a:visited.hd-contact-list, a:active.hd-contact-list, a:hover.hd-contact-list {
    color: #ffffff;
    border-radius: 3px;
}
a.hd-contact-list:after,
a:link.hd-contact-list:after,
a:visited.hd-contact-list:after,
a:active.hd-contact-list:after,
a:hover.hd-contact-list:after {
    content: '';
    position: absolute;
    background-image: url('../../ImagesNew/header/hd-contact-list.svg');
    background-repeat: no-repeat;
    background-position: 7px 0px;
    width: 22px;
    height: 18px;
    display: inline-block;
    top: 5px;
    left: 5px;
}
a.hd-contact-list.active {
  position: relative;
  opacity: 1;
}
a.hd-contact-list.active::before {
  content: '';
  display: block;
  position: absolute;
  top: -8px;
  left: 9px;
  height: 46px;
  width: 140px;
  background-color: rgba(188, 188, 188, 0.09);
}
/*Second Strip End*/
/*Third Strip*/
.hd-third-strip {
  box-sizing: border-box;
  width: 100%;
  padding: 11px 20px 0px;
  background-color: /*#4f535c*/ #707685;
  position: relative;
  z-index: 200;
  top: 0px;
}
/*common class*/
.hd-btn {
  position: relative;
  border-radius: 0px;
  /*border: solid 1px #494e56;*/

  background-color: rgba(0, 0, 0, 0.2);
  color: /*#cad0d1*/ #e1e4e6;
  margin-bottom: 13.5px;
  cursor: pointer;
  /*transition: all 0.2s ease-in-out, background-position 1ms, background-image 1ms;*/

  margin-left: 1px;
}
.disabled {
  opacity: 0.5;
  pointer-events: none;
  border: none !important;
  /*background-color: rgba(0, 0, 0, 0.2) !important;*/

}
.hd-btn:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
  /*color: #ffffff;*/
}
/*.hd-btn-active{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  height: 3px;
  width: 100%;
  opacity: 0;
}*/
.hd-active.hd-btn {
  /*background-color: #01aff9;*/

  color: #ffffff;
}
.hd-active .hd-btn-active {
  display: none !important;
  opacity: 1;
  cursor: default;
}
/*.non-hd-active .hd-btn-active{
  opacity: 0;
  animation: remUnderline 0.15s linear
}

@keyframes underline{
  0%    {width: 0;}
  100%  {width: 100%;}
}

@keyframes remUnderline{
  0%    {width: 100%;opacity: 1}
  100%  {width: 0; opacity: 0}
}*/
/*textual button*/
.hd-btn-text {
  font-family: Proxima N W01 Smbd;
  font-size: 13px;
  padding: 7.5px 13px 7.5px;
  display: inline-block;
  white-space: nowrap;
}
/*image button*/
.hd-btn.hd-img-btn {
    position: relative;
    height: 30px;
    width: 48px;
}
.hd-btn.hd-img-btn:before {
    content: "";
    display: inline-block;
    position: absolute;
    background-position: center 7px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-image: url('../../ImagesNew/header/icons-header.svg');
}
/*Dropdown button*/
.hd-btn.hd-dd-btn .hd-btn-text {
  padding: 7.5px 5px 7.5px 13px;
}
.hd-btn.hd-dd-btn .hd-dd-img {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background-image: url('../../ImagesNew/header/icons-header.svg');
  background-repeat: no-repeat;
  position: relative;
  top: 4px;
  background-position: -16px -19px;
}
.hd-btn.hd-dd-btn:hover .hd-dd-img,
.hd-btn.hd-dd-btn.hd-active .hd-dd-img {
  background-position: 0 -3px;
}
.hd-btn.hd-dd-btn {
  position: relative;
}
.hd-dropdown-content {
  display: none;
  position: absolute;
  top: 105%;
  min-width: 150px;
  max-width: 250px;
  background: white none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.17);
  border-radius: 2px;
  box-shadow: 0 0 4px grey;
}
.hd-dropdown-row {
  padding: 7px;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  color: #5b5c5c;
  font-size: 14px;
}
.hd-dropdown-row:hover {
  background-color: #cfd8dc;
}
.hd-dropdown-row.hd-dd-active,
.hd-dropdown-row.hd-dd-active a {
  color: #000000;
  font-family: Proxima N W01 Smbd;
}
.hd-dropdown-row a {
  padding: 0 !important;
}
.hd-show-dd.hd-dropdown-content {
  display: block;
}
/*Button type 2*/
.hd-btn-two {
    padding: 3px 0px 5px;
    color: #cad0d1;
    border-radius: 3px;
    cursor: pointer;
    display: none;
    transition: 0.2s all ease-in-out;
}
.hd-btn-two .hd-btn-text{
    padding: 5.5px 10px 5.5px;
}
/*.hd-btn-two:hover {
    background-color: #ffffff;
    color: #272626;
}*/
.hd-btn-two.hd-active{
  /*background-color: #ffffff;*/
  color: #272626;
}
.hd-btn-two a,
.hd-btn-two a:link,
.hd-btn-two a:visited,
.hd-btn-two a:active {
  color: #9b9b9b;
}
.hd-btn-two:hover a,
.hd-btn-two:hover a:link,
.hd-btn-two:hover a:visited,
.hd-btn-two:hover a:active {
  color: #272626;
}
/*Button type 2 end*/
/*Text and image button*/
.hd-text-icon {
  width: 18px;
  height: 17px;
  display: inline-block;
  background-image: url('../../ImagesNew/header/icons-header.svg');
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  top: 6px;
  left: 8px;
}
.hd-Import.hd-text-icon {
  background-position: 3px -472px;
}
.hd-Export.hd-text-icon {
  background-image: url('../../ImagesNew/header/export-icon.svg');
  background-position: 0px -4px;
}
.hd-publish-icon.hd-text-icon {
  background-position: 4px -352px;
}
.hd-btn:hover .hd-publish-icon.hd-text-icon,
.hd-active.hd-btn .hd-publish-icon.hd-text-icon {
  background-image: url(../../ImagesNew/header/white-header-sprite.svg);
  background-position: 4px -134px;
}
.hd-btn:hover .hd-Import.hd-text-icon,
.hd-active.hd-btn .hd-Import.hd-text-icon {
  background-image: url(../../ImagesNew/header/import-icon-white.svg);
  background-position: 2px -1px;
}
.hd-btn:hover .hd-Export.hd-text-icon,
.hd-active.hd-btn .hd-Export.hd-text-icon {
  background-image: url('../../ImagesNew/header/export-icon.svg');
  background-position: 0px -28px;
}
/*Third Strip End*/
/*Profile pop up*/
.usraccdropdown {
  padding: 15px;
}
.popup-body {
  width: 300px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
  font-family: Proxima N W01 Smbd;
  position: absolute;
  top: 57px;
  right: 10px;
  z-index: 1000;
  line-height: normal;
}
.popup-head {
  width: 100%;
  padding: 20px 25px;
  box-sizing: border-box;
  display: flex;
}
.popup-head:hover {
  background-color: #cfd8dc;
}
.popup-head:hover .initials {
  background-color: #ffffff;
  color: #cfd8dc;
}
.popup-head:hover .popup-arr {
  background-color: #cfd8dc;
}
.profile-pic {
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #cfd8dc;
}
.profile-details {
  margin-left: 15px;
  max-width: 185px;
}
.profile-name {
  color: #4a4a4a;
  font-size: 18px;
  font-family: Proxima N W01 Smbd;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-info {
  color: #4a4a4a;
  font-size: 14px;
  font-family: Proxima N W01 Smbd;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plan-expiry {
  background-color: rgba(116, 201, 1, 0.76);
  padding: 1px 25px;
  cursor: default;
}
.valid-text,
.valid-date {
  font-size: 14px;
  color: #ffffff;
  font-family: Proxima N W01 Smbd;
  margin-top: 19px;
}
.valid-date {
  font-size: 20px;
  margin-top: 7px;
  margin-bottom: 19px;
}
.action-list {
  padding: 0;
}
.popup-action {
  padding: 15px 30px 15px;
  font-size: 14px;
  color: #4a4a4a;
  border-top: 1px solid #f7f7f7;
  cursor: pointer;
}
.popup-action:hover {
  background-color: #cfd8dc;
}
.popup-action:first-child {
  border: none;
}
.popup-rights {
  color: #9b9b9b;
  font-size: 13px;
  font-family: Proxima N W01 Reg;
  font-style: italic;
  padding: 15px 25px;
}
.popup-arr {
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  position: absolute;
  top: -4px;
  background-color: #ffffff;
  right: 26px;
}
.popup-classic {
  margin: 0;
  padding: 10px 5px 10px 25px;
  color: #ffffff;
  font-family: Proxima N W01 Smbd;
  background-color: rgba(227, 231, 234, 0.5);
  /* font-weight: bold; */

  color: #4a4a4a;
  border-top: 1px solid #e3e7ea;
}
.popup-opt-icn {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('../../ImagesNew/header/icons-header.svg');
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 15px;
}
.popup-act-sett {
  background-position: 0 -993px;
}
.popup-logout {
  background-position: 0 -936px;
}
/*Profile pop up end*/
/*Upgrade icon*/
.hd-upgrade-arrow:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  right: -3px;
  top: -6px;
  background-image: url('../../ImagesNew/general/btnupgrade.png');
  background-size: cover;
  background-repeat: no-repeat;
}
/*New header end*/
/*Header tooltip*/
.hd-ts-tooltip {
  position: absolute;
  top: 40px;
  padding: 7px 15px;
  border-radius: 3px;
  background-color: #717374;
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.26);
  font-size: 12px;
  color: #ffffff;
  font-family: Proxima N W01 Smbd;
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
  display: none;
}
.hd-ts-tooltip:after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent #717374 transparent;
}
.hd-btn:hover .hd-ts-tooltip {
  display: block;
}
/*Header tooltip end*/
.survey-statusicon {
  cursor: pointer;
  width: 20px;
  height: 19px;
  border: 0px none;
  position: relative;
  top: 3px;
}
img.edt {
  background-position: 0px 3px;
  background: url('../../ImagesNew/folder-menu/Edit.svg') no-repeat transparent;
}
img.act {
  background-position: 0px 3px;
  background: url('../../ImagesNew/folder-menu/Active.svg') no-repeat transparent;
}
img.exp {
  background-position: 0px 3px;
  background: url('../../ImagesNew/folder-menu/expired.svg') no-repeat transparent;
}
.hd-utilities {
  padding: 0;
  width: 73px !important;
  max-width: 80px !important;
}
.hd-utilities > a {
  /*padding-left: 40px !important;*/

  background-image: url(../../ImagesNew/header/Slide-utilities-normal.svg);
  background-position: 9px 8px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  background-size: 55px 20px;
  height: 45px;
}
.hd-utilities > a:hover,
.hd-utilities > a.hd-active {
  background-image: url(../../ImagesNew/header/Slide-utilities-hover.svg);
  background-position: 9px 8px;
  background-size: 55px 20px;
}
.hd-survey-title-name {
  max-width: 700px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*#div_inner_Header{
    position: fixed;
    top: 0;
    width: 100%;
}
.fixedheader{
    min-height: 98px;
    margin-bottom: 57px;
}*/
/*Fix header with 2 strips*/
.fix-on-top #div_inner_Header {
  position: fixed;
  top: 0px !important;
}
/*Merging Buttons*/
.hd-merged-btn {
  width: 10px;
  height: 20px;
  display: none;
  cursor: pointer;
  background-image: url('../../imagesNew/RM/Omni/icon-tile-menu-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 5px;
  background-position: center;
}
.hd-list-item.hd-btn-two {
  float: none;
  border-radius: 0px;
  padding: 0px;
  width: 100%;
  background-color: #ffffff;
}
.hd-list-item.hd-btn-two .hd-btn-text {
  white-space: nowrap;
  color: #5b5c5c;
  font-size: 14px;
  font-family: Proxima N W01 Reg;
  box-sizing: border-box;
  width: 100%;
}
.hd-list-item.hd-btn-two:hover {
  background-color: #cfd8dc;
}
.hd-list-item.hd-btn-two:hover .hd-btn-text {
  color: #5b5c5c;
}
.hd-list-item.hd-btn-two.hd-active .hd-btn-text {
  color: #fff;
  font-family: Proxima N W01 Smbd;
}
.hd-group.hd-relative-group {
  position: relative;
}
.hd-merge-wrap {
  display: block;
}
.hd-position-list.hd-merge-wrap {
  position: absolute;
  right: 10px;
  top: 30px;
}
.hd-merge-wrap.hd-hide {
  display: none;
}
.bor-left-rad {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bor-right-rad {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media screen and (max-width: 1020px) {
  .hd-survey-title-name {
    max-width: 365px;
  }
}
@media screen and (max-width: 1300px) {
  .hd-survey-title-name {
    max-width: 500px;
  }
}
@media screen and (max-width: 1200px) {
  .hd-survey-title-name {
    max-width: 400px;
  }
}
@media screen and (max-width: 1100px) {
  .hd-survey-title-name {
    max-width: 365px;
  }
}
#usrhelpdropdown {
  overflow: hidden;
}
/*css for NRT: 70282 redesign Acc settings */
.notifyMiniIcons {
  background-image: url('../../ProductImages/Product_specifics/Product-branding-logo.svg?k=1');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
}
.notifyClearAll {
  position: absolute;
  top: 15px;
  right: 45px;
  background-position: 0 -1185px;
  cursor: pointer;
}
.notifySettings {
  position: absolute;
  top: 15px;
  right: 15px;
  background-position: 0 -1225px;
  cursor: pointer;
}
.notifyCrossBack {
    background-image: url(../../ImagesNew/ic_close.svg);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0 0px;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(478%) hue-rotate(184deg) brightness(94%) contrast(91%);
}
.notifyCheckHeader {
    color: rgba(92, 96, 105, 0.8);
    font-family: Proxima N W01 Smbd;
    font-size: 13px;
    padding: 25px 30px 0 0px;
    line-height: 1.3;
}
.ulNotifyCheckItem li {
  color: rgba(92, 96, 105, 0.9);
  line-height: 1.3;
  font-family: Proxima N W01 Smbd;
  position: relative;
}
.ulnotificationList.ulNotifyCheckItem > li > input[type='checkbox'] + label {
  font-size: 13px;
  padding: 0 30px 0 23px;
}
.ulnotificationList.ulNotifyCheckItem > li > input[type='checkbox'] + label:before {
  position: absolute !important;
  left: 0px;
  top: 2px;
}
.ulnotificationList.ulNotifyCheckItem > li > input[type="checkbox"]:checked + label > span {
  top: 5px;
  -ms-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
}
.Notification_settings.notifySettingChange {
  padding: 0px 0px;
}
.notificationMainWrap {
  padding: 0px 0px;
}
.notificationMainWrap .spMessage {
  color: #5c6069;
  font-family: Proxima N W01 Smbd;
  display: inline-block;
  padding: 0 15px 10px 10px;
  max-width: 210px;
}
.notificationMainWrap .spMessage.readNotification {
  color: rgba(92, 96, 105, 0.8);
  font-family: Proxima N W01 Reg;
}
.spMessage.readNotification .notificationHighlight,
.spMessage .notificationHighlight {
  color: #fff;
  font-family: Proxima N W01 Smbd;
}
.notificationMainWrap .spDateTime {
  color: rgba(92, 96, 105, 0.7);
  display: inline-block;
  padding: 0 0px 5px 35px;
}
.spButton a.notificationWhiteBtn {
  border: 1px solid rgba(92, 96, 105, 0.8);
  border-radius: 4px;
  color: #5c6069;
  line-height: normal;
  margin: 0px 12px 0 0;
  font-size: 12px;
  font-family: Proxima N W01 Smbd;
  padding: 5px 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.whiteAcceptBtn {
  position: relative;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 0 5px 0 0;
}
.whiteAcceptBtn:after {
  content: '';
  display: block;
  width: 3px;
  height: 8px;
  border: solid #5c6069;
  border-width: 0 1.3px 1.3px 0;
  transform: rotate(45deg);
  float: left;
  position: absolute;
  left: 3px;
  top: 0px;
}
.whiteRejectBtn {
  position: relative;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin: 0 5px 0 0;
}
.whiteRejectBtn::before,
.whiteRejectBtn::after {
  position: absolute;
  content: '';
  width: 100%;
  top: 7px;
  left: 0;
  height: 1px;
  background-color: #5c6069;
}
.whiteRejectBtn::before {
  transform: rotate(45deg);
}
.whiteRejectBtn::after {
  transform: rotate(-45deg);
}
.spButton a.notificationWhiteBtn:hover {
  color: #fff;
  background: #5c6069;
}
.spButton a.notificationWhiteBtn:hover .whiteAcceptBtn:after {
  border: solid #fff;
  border-width: 0 1.3px 1.3px 0;
}
.spButton a.notificationWhiteBtn:hover .whiteRejectBtn::before,
.spButton a.notificationWhiteBtn:hover .whiteRejectBtn::after {
  background-color: #fff;
}
.notificationMainWrap .Notified:hover {
    background-color: rgba(92, 96, 105, 0.1);
}
.notificationMainWrap .icCross {
  display: none;
  right: 15px;
  top: 15px;
  filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(478%) hue-rotate(184deg) brightness(94%) contrast(91%);
}
.notificationMainWrap .Notified:hover .icCross {
  display: block;
}
.notificationMainWrap .Notified {
  border-bottom: none;
  padding: 15px;
}
.notificationMainWrap .spButton {
  padding-left: 35px;
}
.notificationMiniIcon {
  background-image: url('../../ProductImages/Product_specifics/Product-branding-logo.svg?k=1');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
}
.notification-response-tab{
    background-position: -2px -935px;
}
.notification-timer-tab{
    background-position: -2px -845px;
}
.notification-mail-tab{
    background-position: -2px -875px;
}
.notification-chat-tab{
    background-position: -2px -900px;
}
.notification-bell-tab{
    background-position: -2px -960px;
}
.notification-cross-tab{
    background-position: -2px -990px;
}
.notification-danger-tab{
    background-position: -2px -1020px;
}
.notification-like-tab{
    background-position: -2px -1048px;
}
.notification-shield-tab{
    background-position: -2px -1075px;
}
.notificationMainWrap .Notified:after {
  content: '';
  position: absolute;
  border-bottom: 1px solid rgba(226, 221, 221, 0.48);
  height: 1px;
  width: 90%;
  left: 15px;
  bottom: 0;
}
.notificationMainWrap .Notified:last-child::after {
  display: none;
}
.notifySettingChange .Notifset_title:after {
  content: '';
  position: absolute;
  border-bottom: 1px solid rgba(226, 221, 221, 0.48);
  height: 1px;
  width: 90%;
  left: 15px;
  bottom: 0;
}
.width_set {
  width: 145px;
  min-width: 145px;
  box-sizing: border-box;
  max-width: 145px;
}
.hd-survey-title {
  padding: 0 10px;
}
a.SignupBtn-zarca:before {
  content: "";
  background-image: url(../../ImagesNew/home/help.png);
  /*background-position: -336px -15px;*/

  background-repeat: no-repeat;
  /*background-size: 25px 25px;*/

  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 22px;
}
a.SignupBtn-zarca span {
  display: block;
  line-height: 16px;
}
a.trningWebnrbtn:before {
  content: "";
  background-image: url(../../ImagesNew/home/page-1.png);
  /*background-position:-378px -15px;*/

  background-repeat: no-repeat;
  background-size: cover;
  width: 23px;
  height: 23px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 15px;
}
a.ManPrjBtn:before {
  content: "";
  background-image: url(../../ImagesNew/home/home_sprite.svg);
  background-position: -1760px -17px;
  background-repeat: no-repeat;
  /*background-size: 30px 27px;*/

  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 10px;
}
.ResBtn.callBtn-zarca {
  width: 219px;
  height: 56px;
  border-radius: 4px;
  /* background-color: #e4704b; */

  background-color: rgba(131, 195, 64, 0.8);
}
.ResBtn.callBtn-zarca span {
  margin-top: 20px;
  width: auto;
  margin-left: 15px;
}
.ResBtn.callBtn-zarca:hover {
  background-color: rgba(131, 195, 64, 0.8);
}
a.callBtn-zarca:before {
  content: "";
  background-image: url(../../ImagesNew/home/home_sprite.svg);
  background-position: -1652px -15px;
  background-repeat: no-repeat;
  /*background-size: 25px 25px;*/

  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 15px;
}
a.designBtn-zarca:before {
  content: "";
  background-image: url(../../ImagesNew/home/home_sprite.svg);
  background-position: -1705px -15px;
  background-repeat: no-repeat;
  /*background-size: 23px 30px;*/

  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 10px;
}
a.designBtn-zarca span {
  display: block;
  line-height: 16px;
  /*width: 80%;*/

  /*margin: 0 auto;*/

}
.hd-pulse-dashboard-label {
  display: inline-block;
  width: 30px;
  background-color: #f14516;
  padding: 0px 5px;
  text-align: center;
  border-radius: 9px;
  height: 17px;
  line-height: 17px;
  color: #fff;
  font-size: 12px;
  font-family: Proxima N W01 reg;
}
.hd-pulse-dashboard-icon {
  background-image: url(../../ImagesNew/dm/ts-icons.svg);
  background-repeat: no-repeat;
  background-position: -645px 2px;
  cursor: pointer;
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
}
.hd-cx-dashboard-title,
.hd-ex-dashboard-title,
.hd-pulse-dashboard-title {
  color: #ffffff;
}
.dd-pulse-dashboard-label {
  display: inline-block;
  width: 29px;
  background-color: #f14516;
  padding: 0px 5px;
  text-align: center;
  border-radius: 9px;
  height: 17px;
  line-height: 17px;
  color: #FBFBFB;
  font-size: 12px;
  font-family: Proxima N W01 reg;
}
.hd-main-left.hd-cx-left .hd-cx-dashboard {
  display: block;
  padding-left: 10px;
  line-height: 35px;
  border-left: 1px solid rgba(155, 155, 155, 0.25);
  cursor: pointer;
  width: 170px;
}
.hd-main-left.hd-ex-left .hd-ex-dashboard {
  display: block;
  padding-left: 10px;
  line-height: 35px;
  border-left: 1px solid rgba(155, 155, 155, 0.25);
  cursor: pointer;
}
.hd-main-left.hd-cx-left .hd-sel-survey {
  min-width: 145px;
  max-width: 145px;
  box-sizing: border-box;
}
.hd-cx-dashboard {
  width: 100px !important;
  max-width: 100px;
}
.hd-cx-dashboard .hd-Dropdown-content-wrapper::before {
  content: "";
  position: absolute;
  left: 70px;
  top: -5px;
  width: 0 !important;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  transform: none !important;
  background: none !important;
}
.hd-cx-dashboard .hd-Dropdown-content-wrapper li {
  opacity: 0.8;
}
.hd-cx-dashboard .hd-Dropdown-content-wrapper li:hover {
  opacity: 1;
  background-color: rgba(197, 197, 197, 0.3);
  color: #1f2532;
}
.dd-ex-dashboard-label {
  display: inline-block;
  width: 24px;
  background-color: #3F70EC;
  padding: 0px 5px;
  text-align: center;
  border-radius: 9px;
  height: 17px;
  line-height: 17px;
  color: #fff;
  font-size: 12px;
  font-family: Proxima N W01 reg;
}
.dd-cx-dashboard-label {
  display: inline-block;
  width: 24px;
  background-color: #3E7880;
  padding: 0px 5px;
  text-align: center;
  border-radius: 9px;
  height: 17px;
  line-height: 17px;
  color: #FBFBFB;
  font-size: 12px;
  font-family: Proxima N W01 reg;
}
.dd-pulse-dashboard-label {
  display: inline-block;
  width: 29px;
  background-color: #f14516;
  padding: 0px 5px;
  text-align: center;
  border-radius: 9px;
  height: 17px;
  line-height: 17px;
  color: #FBFBFB;
  font-size: 12px;
  font-family: Proxima N W01 reg;
}
.hd-ex-dashboard-label {
  display: inline-block;
  width: 24px;
  background-color: #3F70EC;
  padding: 0px 5px;
  text-align: center;
  border-radius: 9px;
  height: 17px;
  line-height: 17px;
  color: #fff;
  font-size: 12px;
  font-family: Proxima N W01 reg;
}
.hd-cx-dashboard-label {
    display: inline-block;
    width: 24px;
    background-color: #3E7880;
    padding: 0px 5px;
    text-align: center;
    border-radius: 9px;
    height: 17px;
    line-height: 17px;
    color: #fff;
    font-size: 12px;
    font-family: Proxima N W01 reg;
}
.hd-pulse-dashboard-label {
  display: inline-block;
  width: 30px;
  background-color: #f14516;
  padding: 0px 5px;
  text-align: center;
  border-radius: 9px;
  height: 17px;
  line-height: 17px;
  color: #fff;
  font-size: 12px;
  font-family: Proxima N W01 reg;
}
.hd-pulse-dashboard-icon {
  background-image: url(../../ImagesNew/dm/ts-icons.svg);
  background-repeat: no-repeat;
  background-position: -645px 2px;
  cursor: pointer;
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
}
.hd-cx-dashboard-icon {
  background-image: url(../../ImagesNew/dm/ts-icons.svg);
  background-repeat: no-repeat;
  background-position: -645px 2px;
  cursor: pointer;
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
}
.hd-ex-dashboard-icon {
  background-image: url(../../ImagesNew/dm/ts-icons.svg);
  background-repeat: no-repeat;
  background-position: -645px 2px;
  cursor: pointer;
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
}
.hd-main-left .hd-cx-dashboard {
  display: block;
  padding-left: 10px;
  line-height: 35px;
  border-left: 1px solid rgba(155, 155, 155, 0.25);
  cursor: pointer;
  width: 170px;
}
.hd-Dashboard-dd-img {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  background-image: url('../../ImagesNew/header/icons-header.svg');
  background-repeat: no-repeat;
  position: relative;
  top: 4px;
  background-position: -16px -19px;
}
.hd-main-left.hd-cx-left.hd-ex-left {
    width: 620px;
    max-width: 620px;
}
.emplogoNew {
  background-image: url(../../ImagesNew/EX/emp-directory.svg) !important;
  background-position: 5px 3px !important;
}
.popup-opt-icn.organization-management {
  background-image: url('../../ImagesNew/header/organization-management.svg');
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.hd-sel-survey .plat_tooltip {
  white-space: nowrap;
  width: auto !important;
}
.hd-sel-survey {
  position: relative;
  padding: 0 0 0 50px;
  border-left: 1px solid rgba(155, 155, 155, 0.25);
  border-right: 1px solid rgba(155, 155, 155, 0.25);
  width: auto;
}
.all-projects {
  color: #fbfbfb;
  font-size: 14px;
  padding: 9px 20px 0 0;
  text-align: center;
  cursor: pointer;
}
.hd-btn.common-spell-check-btn {
    height: 30px;
    width: 48px;
    position: relative;
}

.hd-btn.common-spell-check-btn:before {
    height: 30px;
    width: 48px;
    background-image: url('../../ImagesNew/header/phoenix-qm-header-icons.svg');
    background-position: 13px -18px;
    background-size: 42px;
    background-repeat: no-repeat;
}

.hd-btn.common-spell-check-btn:before.spellCheckBtn {
    background-position: 13px 8px;
}

/*.hd-btn.common-spell-check-btn:before.spellCheckBtn:hover,
.hd-btn.common-spell-check-btn:before.spellCheckBtn.hd-active {
    background-position: 13px -19px;
}*/
.hd-btn.common-spell-check-btn.find-replace-btn:before {
    background-position: 16px -76px;
}
/*.hd-btn.common-spell-check-btn:before.find-replace-btn:hover,
.hd-btn.common-spell-check-btn.find-replace-btn.hd-active:before {
    background-position: 16px -76px;
}*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For general iPad layouts */
    .all-projects {
        min-width: 86px;
    }

    .hd-main-left.hd-cx-left .hd-sel-survey {
        min-width: 150px;
    }
}
#usraccdropdown .popup-head {
    border-bottom: 2px solid rgba(116, 201, 1, 0.76);
    margin-bottom: -2px;
}
div#dvFilterManagerTab.hd-btn-two {
    padding: 3px 0 0;
}

div#dvFilterManagerTab .hd-btn-text {
    padding: 2px 10px 10px;
}

/*Header new Sogolytics*/
.hd-title-wrap {
    top: 0;
}

.hd-survey-title {
    top: 0;
    height: auto;
    background-color: transparent;
}

a.hd-menu-items, a:link.hd-menu-items, a:visited.hd-menu-items, a:active.hd-menu-items {
    color: #20232a;
}

/*a.hd-contact-list, a:link.hd-contact-list, a:visited.hd-contact-list,
a:active.hd-contact-list, a:hover.hd-contact-list,*/
a.hd-create, a:link.hd-create, a:visited.hd-create, a:active.hd-create, a:hover.hd-create {
    color: #fff;
}

a.hd-create:hover,
a.hd-contact-list:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.hd-main-strip.ConvertDD .oldHeader {
    display: none !important;
}

.hd-main-strip.ConvertDD .hd-main-DD {
    display: block;
}

/*new Header DD*/
.hd-main-DD {
  height: 30px;
  width: 33px;
  background: #0cbcca;
  background: -webkit-linear-gradient(180deg, #0cbcc9 0%, #006259 100%);
  background: -moz-linear-gradient(180deg, #0cbcc9 0%, #006259 100%);
  background: linear-gradient(180deg, #0cbcc9 0%, #006259 100%);
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  display: none;
  opacity: 0.6;
}
.hd-main-DD:hover {
  opacity: 0.8;
}
.hd-main-DD.active {
  opacity: 1;
}

.hd-main-DD-Wrapper .all-projects {
    color: #7D8393;
}

.hd-main-DD-Wrapper {
    position: absolute;
    padding: 8px 6px;
    background: #ffffff;
    color: #000000;
    border-radius: 3px;
    box-shadow: rgba(63,8, 90, 0.42) 0px 4px 16px 0px;
    width: 200px;
    max-width: 200px;
    z-index: 1;
    top: 105%;
    left: 0px;
    display: none;
    box-shadow: 0 6px 10px -1px rgba(33,30,31,0.26);
}


.hd-main-DD::before {
    content: "";
    display: inline-block;
    background-image: url('../../ImagesNew/header/hd-menu.svg');
    background-repeat: no-repeat;
    position: relative;
    /*background-position: -13px -18px;*/
    height: 15px;
    width: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(0) saturate(100%) invert(93%) sepia(9%) saturate(341%) hue-rotate(97deg) brightness(108%) contrast(98%);
}

.hd-main-DD-Options {
  padding: 5px 10px;
  border: none !important;
  box-sizing: border-box;
  color: #7d8393;
  padding-left: 45px;
  position: relative;
  border-radius: 3px;
}
.hd-main-DD-Options:hover {
  background-color: #e3e7ea;
  color: #211e1f;
  cursor: pointer;
}

    .hd-main-DD-Options.goToHome {
        padding: 0;
    }

.hd-main-strip .hd-main-DD .hd-main-DD-Options:last-child {
    border-bottom: none;
}

.hd-main-DD-Options.goToHome span {
    line-height: 25px;
    padding: 5px 10px;
    padding-left: 45px;
}
.hd-main-DD-Options.all-projects {
    padding: 5px 10px 5px 45px;
}

.hd-main-DD-Options.goToHome a {
    color: #7D8393;
    font-family: Proxima N W01 Smbd;
}

.hd-main-strip.ConvertDD .hd-main-DD #lnkEmployeeDirectory.hd-main-DD-Options.hd-ex-dashboard {
    padding-left: 45px !important;
}

.hd-main-strip.ConvertDD .hd-main-DD .hd-main-DD-Wrapper .hd-main-DD-Options {
    line-height: 25px;
    text-align: left;
}

.hd-main-strip.ConvertDD .hd-main-DD .hd-main-DD-Options.headerDashboard.hd-sel-survey,
.hd-main-strip.ConvertDD .hd-main-DD .hd-main-DD-Options.hd-ex-dashboard {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    background-image: none;
}



/*Image for Header DD*/
.hd-main-DD-Options::before {
    content: "";
    height: 30px;
    width: 30px;
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 10px;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(53%) sepia(6%) saturate(844%) hue-rotate(186deg) brightness(96%) contrast(88%);
}

.hd-main-DD-Options:hover:before {
    filter: brightness(0) saturate(100%) invert(7%) sepia(16%) saturate(308%) hue-rotate(289deg) brightness(92%) contrast(88%);
}


.hd-main-DD-Options.all-projects::before {
    content: "";
    background-image: url('../../ImagesNew/header/icons-header.svg');
    background-position: 7px -183px;
}

.hd-main-DD-Options.EXDashboard::before,
.hd-main-DD-Options.CXDashboard::before,
.hd-main-DD-Options.PulseDashboard::before {
    content: "";
    background-image: url(../../ImagesNew/dm/ts-icons.svg);
    background-position: -643px 5px;
}

.hd-main-DD-Options.hd-ex-dashboard::before {
    content: "";
    background-image: url(../../ImagesNew/EX/emp-directory.svg);
    background-position: 6px 6px;
}

.hd-main-DD-Options.goToHome::before {
    content: "";
    background-image: url(../../ImagesNew/header/hd-home.svg);
    background-size: 16px;
    background-position: center;
}

.hd-main-strip.ConvertDD .hd-main-right,
.hd-main-strip.ConvertDD .hd-main-left.hd-cx-left.hd-cx-left.hd-ex-left {
    width: auto;
    min-width: auto;
}

.SideNavDiv.utilityPanel {
    box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
}
.hd-email-temp-btn {
    padding: 3px 3px 5px;
}
div#ButtonCover .ExtraXXfont {
    line-height: 21px;
}

.btn-quick-view.hollow-btn.center.email-preview-modal.PreviewD {
    color: #fff !important;
    border-width: 1px;
}
.hd-first-opt.hd-active-opt {
    background-color: #ffffff;
}
/*.hd-first-opt.hd-active-opt .hd-menu-items,
.hd-first-opt.hd-active-opt:hover .hd-menu-items {
    filter: brightness(0) saturate(100%) invert(7%) sepia(2%) saturate(2937%) hue-rotate(289deg) brightness(93%) contrast(87%);
}*/
.hd-first-opt.hd-notify.hd-active-opt,
.hd-first-opt.hd-notify.hd-active-opt:hover {
    background-image: url('../../ImagesNew/notifications-material-shell.svg');
}
.hd-utilities.hd-first-opt.hd-active-opt .hd-menu-items:hover,
.hd-utilities.hd-first-opt .hd-menu-items:hover {
    background-color: transparent;
    color: transparent;
}
.pt-step7 .all-projects.walkthrowclass {
    padding: 10px;
    display: flex;
    padding-right: 25px;
}

.pt-step7 .all-projects.walkthrowclass .hd-main-DD {
     display: flex;
    margin-left: 18px;
    margin-top: 1px;
    margin-right: 1px;
}
.pt-step7 .all-projects.walkthrowclass .hd-logo {
    padding: 0;
}

.pt-step7 .hd-sel-survey.tooltip_container.headerDashboard.width_set.oldHeader {
    padding: 0px 7px;
    background: none;
}
.pt-step7 .hd-main-DD-Options.headerDashboard.hd-sel-survey.all-projects::before {
    display: none;
}
.hd-profile-dd.hd-active-dd {
    background-color: #ffffff;
}
.hd-profile-dd.hd-active-dd .hd-profile-dd-icon,
.hd-profile-dd.hd-active-opt .hd-profile-dd-icon, .hd-profile-dd.hd-active-opt:hover .hd-profile-dd-icon {
    filter: invert(1);
}
.EmailTemplateButton {
    min-width: 143px !important;
    max-width: 143px !important;
}