/*Global Image variables*/
/*media query variables*/
/*Custom breakpoint added for footer*/
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*font variables*/
/*font Size variables*/
@font-face {
  font-family: "Roboto-Bold";
  src: url("../../assets/fonts/Roboto-Bold-webfont.woff");
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("../../assets/fonts/Roboto-Medium-webfont.woff");
}
@font-face {
  font-family: "Roboto-Light";
  src: url("../../assets/fonts/Roboto-Light-webfont.woff");
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("../../assets/fonts/Roboto-Regular-webfont.woff");
}
@font-face {
  font-family: "HouschkaRoundedAlt-DemiBold";
  src: url("../../assets/fonts/HouschkaRoundedAlt-DemiBold.woff2");
}
@font-face {
  src: url("../../assets/fonts/HouschkaRoundedAlt-Medium.woff2");
  font-family: HouschkaRoundedMedium;
}
footer.rft {
  padding: 0rem 1rem;
  background-color: #000000;
  color: #ffffff;
  height: 4rem;
  /*1199px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 1199px) {
  footer.rft {
    height: auto;
    padding: 0rem;
  }
}
footer.rft .fLogo {
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
  border-right: 0.1rem solid #1a1a1a;
  padding-right: 1rem;
  /*1199px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 430px) {
  footer.rft .fLogo {
    width: 50%;
  }
}
footer.rft .fLogo .fLogoImg {
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
  padding: 1.6rem 0rem;
  background-color: #ffffff;
  width: 10rem;
  height: 2.6rem;
  margin: 0rem auto;
  -webkit-mask: url("../../assets/images/tcs_logo.svg") no-repeat 50% 50%;
  mask: url("../../assets/images/tcs_logo.svg") no-repeat 50% 50%;
}
@media only screen and (max-width: 430px) {
  footer.rft .fLogo .fLogoImg {
    float: right;
  }
}
@media only screen and (max-width: 1199px) {
  footer.rft .fLogo {
    order: 2;
    padding-right: 0.9rem;
    padding-left: 1rem;
  }
}
@media only screen and (max-width: 430px) {
  footer.rft .fLogo {
    order: 3;
    margin: 0rem 0rem;
  }
}
footer.rft .copyrightBlock {
  padding-left: 1rem;
  font-size: 1.2rem;
  /*1199px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 1199px) {
  footer.rft .copyrightBlock {
    width: calc(100% - 120px);
    padding-left: 1rem;
    height: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  footer.rft .copyrightBlock {
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    height: auto;
  }
}
@media only screen and (max-width: 430px) {
  footer.rft .copyrightBlock {
    width: 100%;
    border-bottom: 1px solid #1a1a1a;
    padding-top: 0rem;
    text-align: center;
    order: 3;
    margin-top: 1rem;
  }
}
footer.rft .copyrightBlock span:last-child {
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 767px) {
  footer.rft .copyrightBlock span:last-child {
    display: block;
  }
}
footer.rft .linkBlock {
  /*1199px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 1199px) {
  footer.rft .linkBlock {
    width: 100%;
    padding: 0.5rem 1rem;
    border-bottom: 0.1rem solid #1a1a1a;
    background: #0d0d0d;
  }
}
@media only screen and (max-width: 767px) {
  footer.rft .linkBlock {
    margin-bottom: 0rem;
    margin-top: 0rem;
    padding-top: 1rem;
  }
}
@media only screen and (max-width: 430px) {
  footer.rft .linkBlock {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}
footer.rft .linkBlock ul {
  /*991px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 991px) {
  footer.rft .linkBlock ul {
    justify-content: center;
  }
}
footer.rft .linkBlock ul li {
  font-size: 1.2rem;
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 767px) {
  footer.rft .linkBlock ul li {
    margin-bottom: 0.5rem;
  }
}
footer.rft .linkBlock ul li a {
  color: #ffffff;
  padding: 1rem 0.8rem;
  /*1199px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 1199px) {
  footer.rft .linkBlock ul li a {
    padding: 0rem 0.8rem;
  }
}
footer.rft .linkBlock ul li:first-child {
  margin-left: 0.5rem;
  border: none;
  /*1199px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 1199px) {
  footer.rft .linkBlock ul li:first-child {
    margin-left: 0rem;
  }
}
footer.rft .linkBlock ul li:first-child::before {
  /*1199px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*Min Width start here*/
  /*1200px*/
  /*Min Width End here*/
}
@media only screen and (max-width: 1199px) {
  footer.rft .linkBlock ul li:first-child::before {
    border-right: 0rem;
  }
}
@media only screen and (min-width: 1200px) {
  footer.rft .linkBlock ul li:first-child::before {
    content: " ";
    position: absolute;
    left: 0rem;
    height: 1.4rem;
    border-right: 0.1rem solid #404040;
    bottom: 0rem;
  }
}
footer.rft .linkBlock ul li:first-child::after {
  display: block;
}
footer.rft .linkBlock ul li:first-child a {
  /*1199px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 1199px) {
  footer.rft .linkBlock ul li:first-child a {
    padding-left: 0rem;
  }
}
footer.rft .linkBlock ul li:last-child::after {
  display: none;
}
footer.rft .linkBlock ul li::after {
  border-right: 0.1rem solid #404040;
}
footer.rft .imgBlock {
  border-left: 0.1rem solid #1a1a1a;
  padding-left: 1rem;
  /*1199px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 1199px) {
  footer.rft .imgBlock {
    bottom: 0.2rem;
  }
}
@media only screen and (max-width: 767px) {
  footer.rft .imgBlock {
    width: auto;
  }
}
@media only screen and (max-width: 430px) {
  footer.rft .imgBlock {
    bottom: 5.2rem;
    margin: 0rem 0rem;
    width: 50%;
    border-left: none;
  }
}
footer.rft .imgBlock .footerLogoImg {
  background-color: #ffffff;
  -webkit-mask: url("../../assets/images/tata_group_logo.svg") no-repeat 50% 50%;
  mask: url("../../assets/images/tata_group_logo.svg") no-repeat 50% 50%;
  width: 3.7rem;
  height: 3.2rem;
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*1199px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 430px) {
  footer.rft .imgBlock .footerLogoImg {
    float: left;
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 1199px) {
  footer.rft .imgBlock .footerLogoImg {
    margin-bottom: 2px;
  }
}
@media only screen and (max-width: 767px) {
  footer.rft .imgBlock .footerLogoImg {
    margin-bottom: 0px;
  }
}

header.rft {
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 767px) {
  header.rft {
    height: 10.4rem;
  }
}
header.rft .Menu {
  background: #291736;
}
header.rft .Menu #nav-icon3 span {
  background: #c07eec;
  max-width: 2.4rem;
}
header.rft .Menu #nav-icon3 span:nth-child(1) {
  top: 1rem;
}
header.rft .Menu #nav-icon3 span:nth-child(2), header.rft .Menu #nav-icon3 span:nth-child(3) {
  top: 3rem;
}
header.rft .Menu #nav-icon3 span:nth-child(4) {
  top: 2rem;
}
header.rft .hLogo {
  display: flex;
  align-items: center;
}
header.rft .hLogo .hWaveImg {
  content: url("../../assets/images/hwave.png");
  position: absolute;
  top: 0;
  left: 4.5rem;
  width: 76.3rem;
  height: 6.3rem;
  z-index: -1;
  /*991px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
header.rft .hLogo .hWaveImg.hdrHt {
  /*575px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 575px) {
  header.rft .hLogo .hWaveImg.hdrHt {
    height: 8.4rem;
  }
}
@media only screen and (max-width: 991px) {
  header.rft .hLogo .hWaveImg {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  header.rft .hLogo .hWaveImg {
    left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  header.rft .hLogo .hWaveImg {
    height: 10.4rem;
  }
}
header.rft .hLogo .tcsCognixLogo {
  padding: 1rem 1.2rem 1rem 1.8rem;
  /*991px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 991px) {
  header.rft .hLogo .tcsCognixLogo {
    display: block;
  }
}
header.rft .hLogo .tcsCognixLogo img {
  display: inline-block;
}
header.rft .hLogo .vbName {
  margin-top: -0.4rem;
  padding: 1.6rem 0rem;
}
header.rft .hLogo .vbName span {
  font-size: 1.8rem;
  line-height: 1.6rem;
}
header.rft .hLogo .vbName span.noborder {
  font-size: 1.34rem;
  line-height: 1.3rem;
}
header.rft .hLogo .vbName2Lines {
  padding: 1.5rem 0rem;
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
header.rft .hLogo .vbName2Lines span {
  font-size: 1.6rem;
  line-height: 1.8rem;
  max-width: 20rem;
}
header.rft .hLogo .vbName2Lines span::after {
  display: none;
}
@media only screen and (max-width: 767px) {
  header.rft .hLogo .vbName2Lines {
    display: none;
  }
}
header.rft .hLogo .hdrLogo {
  display: flex;
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
header.rft .hLogo .hdrLogo .stkData {
  display: flex;
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 767px) {
  header.rft .hLogo .hdrLogo .stkData {
    margin-top: -2rem;
    padding-left: 1rem;
  }
}
@media only screen and (max-width: 430px) {
  header.rft .hLogo .hdrLogo .stkData {
    display: flex;
  }
}
header.rft .hLogo .hdrLogo .stkData .custLogo {
  display: none;
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 430px) {
  header.rft .hLogo .hdrLogo .stkData .custLogo {
    margin: 1rem 0.5rem 0rem 0rem;
  }
}
header.rft .hLogo .hdrLogo .stkData .vbName {
  padding: 1.6rem 0 0;
}
header.rft .hLogo .hdrLogo .stkData .vbName span {
  font-family: "HouschkaRoundedAlt-DemiBold";
  position: relative;
  color: #ffffff;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  header.rft .hLogo .hdrLogo {
    display: block;
  }
}
header.rft .hLogo .hdrLogo.sName .tcsCognixLogo {
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*575px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 767px) {
  header.rft .hLogo .hdrLogo.sName .tcsCognixLogo {
    padding: 1rem 1rem 1rem 1rem;
  }
}
@media only screen and (max-width: 575px) {
  header.rft .hLogo .hdrLogo.sName .tcsCognixLogo {
    padding: 0rem 1rem 1rem 1rem;
  }
}
header.rft .hLogo .hdrLogo.sName .tcsCognixLogo .logoImage {
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 767px) {
  header.rft .hLogo .hdrLogo.sName .tcsCognixLogo .logoImage {
    width: 80%;
  }
}
header.rft .hLogo .hdrLogo.sName .vbName {
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
  margin-top: -0.4rem;
  padding: 1.6rem 0;
}
@media only screen and (max-width: 767px) {
  header.rft .hLogo .hdrLogo.sName .vbName {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 430px) {
  header.rft .hLogo .hdrLogo.sName .vbName {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
header.rft .hLogo .hdrLogo.sName .vbName span {
  font-size: 3.8rem;
  line-height: 3.8rem;
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 767px) {
  header.rft .hLogo .hdrLogo.sName .vbName span {
    font-size: 3rem;
    margin-top: 0rem;
  }
}
@media only screen and (max-width: 430px) {
  header.rft .hLogo .hdrLogo.sName .vbName span {
    font-size: 2.8rem;
    margin-top: 1rem;
  }
}
header.rft .hLogo .hdrLogo.Abbr {
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 767px) {
  header.rft .hLogo .hdrLogo.Abbr .tcsCognixLogo {
    padding: 0rem 1rem 1rem 1rem;
  }
  header.rft .hLogo .hdrLogo.Abbr .logoImage {
    width: 80%;
  }
}
header.rft .hLogo .hdrLogo.Abbr .vbName {
  /*575px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
  margin-top: -0.4rem;
  padding: 1.6rem 0;
}
@media only screen and (max-width: 575px) {
  header.rft .hLogo .hdrLogo.Abbr .vbName {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 430px) {
  header.rft .hLogo .hdrLogo.Abbr .vbName {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
header.rft .hLogo .hdrLogo.Abbr .vbName span {
  font-size: 1.8rem;
  line-height: 1.6rem;
  min-height: 2.3rem;
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 430px) {
  header.rft .hLogo .hdrLogo.Abbr .vbName span {
    margin-top: 0.5rem;
  }
}
header.rft .hLogo .hdrLogo.Abbr .vbName span.noborder {
  font-size: 1.34rem;
  line-height: 1.3rem;
  min-height: 1rem;
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 430px) {
  header.rft .hLogo .hdrLogo.Abbr .vbName span.noborder {
    font-size: 1.2rem;
    margin-top: 0rem;
  }
}
header.rft .hLogo .hdrLogo.tLines {
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 767px) {
  header.rft .hLogo .hdrLogo.tLines .tcsCognixLogo {
    padding: 0rem 1rem 1rem 1rem;
  }
  header.rft .hLogo .hdrLogo.tLines .logoImage {
    width: 80%;
  }
}
header.rft .hLogo .hdrLogo.tLines .vbName {
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
  padding: 1.25rem 0;
  margin-top: 0.1rem;
}
@media only screen and (max-width: 430px) {
  header.rft .hLogo .hdrLogo.tLines .vbName {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-top: 0.8rem;
  }
}
header.rft .hLogo .hdrLogo.tLines .vbName span {
  font-size: 1.6rem;
  line-height: 1.8rem;
}
header.rft .hLogo .hdrLogo.wLogo .custLogo {
  max-width: 8.8rem;
  max-height: 4.4rem;
  width: 100%;
  height: auto;
  margin: 1rem 1rem 0rem 0rem;
  display: block;
}
header.rft .profileSection {
  /*575px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
header.rft .profileSection .custName {
  /*575px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 575px) {
  header.rft .profileSection .custName {
    padding-right: 1rem;
  }
}
header.rft .profileSection .custName img {
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 430px) {
  header.rft .profileSection .custName img {
    height: 2.8rem;
  }
}
@media only screen and (max-width: 575px) {
  header.rft .profileSection {
    width: auto;
  }
}
header.rft .profileView {
  /*991px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 991px) {
  header.rft .profileView {
    display: none;
  }
}
header.rft .quickActionsSec button.qActAnchor {
  /*991px*/
  /*Min Width start here*/
  /*Min Width End here*/
}
@media only screen and (max-width: 991px) {
  header.rft .quickActionsSec button.qActAnchor {
    display: none;
  }
}
header.rft .lgTagLnCntnt {
  display: none;
}

.btmNavigation {
  /*Min Width start here*/
  /*768px*/
  /*Min Width End here*/
  /*Min Width start here*/
  /*992px*/
  /*Min Width End here*/
}
@media only screen and (min-width: 768px) {
  .btmNavigation {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .btmNavigation {
    display: none;
  }
}

.wrapper.login {
  background: none;
  background-color: #651f93;
}

.wrapper.login header.rft {
  background: none;
  height: 50%;
  position: absolute;
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*575px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*Min Width start here*/
  /*578px*/
  /*Min Width End here*/
}

.wrapper.login header.rft .Menu,
.wrapper.login header.rft .profileSection {
  display: none;
}

.wrapper.login header.rft .hLogo {
  background: none;
  display: flex;
  align-items: flex-start;
}

.wrapper.login header.rft .hLogo .hWaveImg {
  display: none;
}

.wrapper.login header.rft .hLogo .vbName2Lines {
  padding: 1.5rem 0;
  margin-top: 0.4rem;
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}

.wrapper.login header.rft .hLogo .vbName2Lines span {
  font-size: 2rem;
  line-height: 2rem;
}

@media only screen and (max-width: 767px) {
  .wrapper.login header.rft .hLogo .vbName2Lines {
    display: block;
  }
}
@media only screen and (max-width: 430px) {
  .wrapper.login header.rft .hLogo .vbName2Lines {
    display: none;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo {
  display: flex;
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}

.wrapper.login header.rft .hLogo .hdrLogo .stkData {
  display: flex;
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}

@media only screen and (max-width: 767px) {
  .wrapper.login header.rft .hLogo .hdrLogo .stkData {
    margin-top: -2rem;
    padding-left: 1rem;
  }
}
@media only screen and (max-width: 430px) {
  .wrapper.login header.rft .hLogo .hdrLogo .stkData {
    display: flex;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo .stkData .custLogo {
  max-width: 8.8rem;
  max-height: 4.4rem;
  width: 100%;
  height: auto;
  margin: 2rem 1rem 0rem 0rem;
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}

@media only screen and (max-width: 430px) {
  .wrapper.login header.rft .hLogo .hdrLogo .stkData .custLogo {
    margin: 1rem 1rem 0rem 0rem;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo .stkData .vbName {
  padding: 1.6rem 0 0;
}

.wrapper.login header.rft .hLogo .hdrLogo .stkData .vbName span {
  font-size: 4.6rem;
  line-height: 4.6rem;
  font-family: "HouschkaRoundedAlt-DemiBold";
  position: relative;
  color: #ffffff;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .wrapper.login header.rft .hLogo .hdrLogo {
    display: block;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo.sName {
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}

@media only screen and (max-width: 767px) {
  .wrapper.login header.rft .hLogo .hdrLogo.sName {
    display: flex;
    align-items: center;
    padding-top: 1rem;
  }
  .wrapper.login header.rft .hLogo .hdrLogo.sName .tcsCognixLogo {
    padding: 0rem 0rem 1rem 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper.login header.rft .hLogo .hdrLogo.sName .logoImage {
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .wrapper.login header.rft .hLogo .hdrLogo.sName {
    display: block;
  }
  .wrapper.login header.rft .hLogo .hdrLogo.sName .logoImage {
    width: 80%;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo.sName .vbName {
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  padding: 2rem 0 0;
}

@media only screen and (max-width: 767px) {
  .wrapper.login header.rft .hLogo .hdrLogo.sName .vbName {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo.sName .vbName span {
  font-size: 4.6rem;
  line-height: 4.6rem;
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}

@media only screen and (max-width: 767px) {
  .wrapper.login header.rft .hLogo .hdrLogo.sName .vbName span {
    font-size: 3.8rem;
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 430px) {
  .wrapper.login header.rft .hLogo .hdrLogo.sName .vbName span {
    font-size: 3rem;
    margin-top: 0rem;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo.Abbr {
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}

@media only screen and (max-width: 767px) {
  .wrapper.login header.rft .hLogo .hdrLogo.Abbr .tcsCognixLogo {
    padding: 0rem 1rem 1rem 1rem;
  }
  .wrapper.login header.rft .hLogo .hdrLogo.Abbr .logoImage {
    width: 80%;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo.Abbr .vbName {
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
  padding: 2rem 0 0;
  margin-top: 0;
}

@media only screen and (max-width: 430px) {
  .wrapper.login header.rft .hLogo .hdrLogo.Abbr .vbName {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo.Abbr .vbName span {
  font-size: 2.2rem;
  line-height: 2.2rem;
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}

@media only screen and (max-width: 430px) {
  .wrapper.login header.rft .hLogo .hdrLogo.Abbr .vbName span {
    font-size: 2rem;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo.Abbr .vbName span.noborder {
  font-size: 1.6rem;
  line-height: 2.2rem;
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
}

@media only screen and (max-width: 430px) {
  .wrapper.login header.rft .hLogo .hdrLogo.Abbr .vbName span.noborder {
    font-size: 1.2rem;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo.wLogo.sName {
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}

@media only screen and (max-width: 767px) {
  .wrapper.login header.rft .hLogo .hdrLogo.wLogo.sName .vbName span {
    margin-top: 1rem;
  }
  .wrapper.login header.rft .hLogo .hdrLogo.wLogo.sName .custLogo {
    margin: 1rem 1rem 0rem 0rem;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo.tLines {
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}

@media only screen and (max-width: 767px) {
  .wrapper.login header.rft .hLogo .hdrLogo.tLines .tcsCognixLogo {
    padding: 0rem 1rem 1rem 1rem;
  }
  .wrapper.login header.rft .hLogo .hdrLogo.tLines .logoImage {
    width: 80%;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo.tLines .vbName {
  /*415px*/
  /*Min Width start here*/
  /*Min Width End here*/
  padding: 2rem 0 0;
  margin-top: 0.1rem;
}

@media only screen and (max-width: 430px) {
  .wrapper.login header.rft .hLogo .hdrLogo.tLines .vbName {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.wrapper.login header.rft .hLogo .hdrLogo.tLines .vbName span {
  font-size: 2rem;
  line-height: 2rem;
}

.wrapper.login header.rft .hLogo .hdrLogo.tLines .vbName span.noborder {
  font-size: 2rem;
  line-height: 2rem;
}

.wrapper.login header.rft .tcsCognixLogo {
  padding: 1.5rem 1.2rem 0 3rem;
}

.wrapper.login header.rft .tcsCognixLogo img {
  height: 5.28rem;
  display: inline-block;
}

.wrapper.login header.rft .lgTagLnCntnt {
  position: absolute;
  top: 7.4rem;
  padding: 0.6rem 3rem 0.5rem;
  background: transparent linear-gradient(90deg, #651f93 0%, rgba(101, 31, 147, 0) 100%) no-repeat;
  min-width: 68rem;
  max-width: 68rem;
  display: block;
  /*767px*/
  /*Min Width start here*/
  /*Min Width End here*/
}

@media only screen and (max-width: 767px) {
  .wrapper.login header.rft .lgTagLnCntnt {
    min-width: 90%;
    max-width: 90%;
    top: 10.4rem;
    padding: 0.6rem 1rem 0.5rem;
  }
}
.wrapper.login header.rft .lgTagLnCntnt span {
  color: #ffffff;
  line-height: 1.9rem;
}

@media only screen and (max-width: 767px) {
  .wrapper.login header.rft {
    flex-wrap: wrap;
    height: auto;
  }
  .wrapper.login header.rft .lgTagLnCntnt {
    position: relative;
    top: auto;
    margin-top: 1rem;
  }
  .wrapper.login header.rft .hLogo .vbNameShort,
  .wrapper.login header.rft .tcsCognixLogo {
    display: block;
  }
  .wrapper.login header.rft .hLogo .vbNameShort {
    min-width: auto;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper.login header.rft .mblViewLogoSec {
    display: none;
  }
}
@media only screen and (max-width: 430px) {
  .wrapper.login header.rft .lgTagLnCntnt {
    margin-top: 0rem;
  }
  .wrapper.login header.rft .hLogo .vbNameShort {
    min-width: auto;
  }
  .wrapper.login header.rft .tcsCognixLogo.stacked,
  .wrapper.login header.rft .mblViewLogoSec {
    display: block;
  }
  .wrapper.login header.rft .mblViewLogoSec .vbNameShort span {
    font-size: 2.4rem;
    line-height: 2.4rem;
    min-height: 4.4rem;
  }
  .wrapper.login header.rft .mblViewLogoSec .vbNameShort span.noborder {
    font-size: 1.6rem;
    min-height: 1rem;
  }
  .wrapper.login header.rft .mblViewLogoSec .vbNameShort.stacked {
    padding: 0 0 0 3rem;
    margin-top: -1.2rem;
  }
  .wrapper.login header.rft .mblViewLogoSec .vbNameShort.Abbr {
    margin-top: 0rem;
  }
  .wrapper.login header.rft .mblViewLogoSec .vbNameShort.Abbr span {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
  }
  .wrapper.login header.rft .mblViewLogoSec .vbNameShort.twoLns {
    margin-top: 0rem;
    margin-bottom: 1rem;
  }
  .wrapper.login header.rft .lgTagLnCntnt {
    min-width: 95%;
    max-width: 95%;
  }
}
@media only screen and (min-width: 576px) {
  .wrapper.login header.rft .mblViewLogoSec {
    display: none;
  }
}
.contentArea.rft {
  min-height: calc(100vh - 4rem);
}
.contentArea.rft .loginBg {
  min-height: calc(100vh - 5rem);
}
.contentArea.rft .loginBg .themeImg {
  content: url("../../assets/images/AdobeStock_628395848.jpg");
  opacity: 0.8;
  height: auto;
  bottom: -0.2rem;
  top: auto;
}
.contentArea.rft .loginBg .themeImg.twolineslogin {
  content: url("../../assets/images/AdobeStock_567804815.jpg");
}
.contentArea.rft .loginBg .themeImg.abbrLogin {
  content: url("../../assets/images/AdobeStock_234435329-299680759.jpg");
}
.contentArea.rft .loginBg .themeImg.central {
  content: url("../../assets/images/AdobeStock_571142772.jpg");
}
.contentArea.rft .loginBg .lgnWaveImg {
  content: url("../../assets/images/login_wave.png");
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
}
.contentArea.rft .loginBg .lgTagLnCntnt {
  position: absolute;
  top: 7.4rem;
  padding: 0.6rem 3rem 0.5rem;
  background: transparent linear-gradient(90deg, #651f93 0%, rgba(101, 31, 147, 0) 100%) no-repeat;
  min-width: 68rem;
  max-width: 68rem;
}
.contentArea.rft .loginBg .lgTagLnCntnt span {
  color: #ffffff;
  line-height: 1.9rem;
}
.contentArea.rft .loginInner {
  max-width: 100%;
  width: 100%;
  padding: 1.5rem;
}
.contentArea.rft .loginInner .col-lg-5.col-xl-4 {
  display: flex;
}
.contentArea.rft .loginContent .vbNameShort.stacked span {
  font-size: 4.2rem;
}
.contentArea.rft .loginContent .vbNameShort.stacked span:first-child:after {
  display: none;
}
.contentArea.rft .loginContent .vbNameShort.stacked span.noborder {
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: "Roboto-Regular";
  width: 55rem;
  margin-top: 1rem;
}
.contentArea.rft .cognixLogo {
  display: none;
}
.contentArea.rft .loginBtmBg {
  content: url("../../assets/images/stp.png");
  width: 100%;
  height: 1rem;
  display: flex;
}

@media only screen and (max-width: 1199px) {
  .contentArea.rft {
    min-height: calc(100vh - 6.7rem);
  }
  .contentArea.rft .loginBg {
    min-height: calc(100vh - 7.7rem);
  }
}
@media only screen and (max-width: 767px) {
  .contentArea.rft {
    min-height: calc(100vh - 9rem);
  }
  .contentArea.rft .loginBg {
    min-height: calc(100vh - 10rem);
    padding-top: 5rem;
  }
  .contentArea.rft .loginBg .lgTagLnCntnt {
    min-width: 70%;
    max-width: 70%;
    top: 10.4rem;
  }
  .contentArea.rft .loginInner .loginFormWrapper {
    margin: 8.5rem auto;
  }
}
@media screen and (max-width: 680px) {
  .contentArea.rft {
    min-height: calc(100vh - 11.3rem);
  }
  .contentArea.rft .loginBg {
    min-height: calc(100vh - 12.3rem);
  }
}
@media only screen and (max-width: 575px) {
  .contentArea.rft {
    min-height: calc(100vh - 11.3rem);
  }
  .contentArea.rft .loginBg {
    min-height: calc(100vh - 12.3rem);
  }
  .contentArea.rft .loginInner .loginFormWrapper {
    margin: 10.5rem auto 4rem auto;
  }
  .contentArea.rft .loginContent .vbNameShort.stacked span {
    text-align: left;
    padding-left: 0rem;
  }
}
@media only screen and (max-width: 430px) {
  .contentArea.rft {
    min-height: calc(100vh - 17.5rem);
  }
  .contentArea.rft .loginBg {
    min-height: calc(100vh - 18.5rem);
    padding-top: 17rem;
  }
  .contentArea.rft .loginInner .loginFormWrapper {
    margin: 4rem auto 4rem auto;
  }
}
@media screen and (orientation: portrait) {
  .contentArea.rft .loginBg .themeImg {
    height: auto;
  }
  .contentArea.rft .loginInner .col-xxl-4 {
    justify-content: center;
    width: 100%;
  }
}
@media screen and (orientation: landscape) {
  .contentArea.rft .loginBg .themeImg {
    height: auto;
  }
}
@media screen and (min-width: 480px) and (max-width: 599px) {
  .contentArea.rft .loginBg .themeImg {
    height: auto;
  }
}
@media screen and (min-width: 1199px) and (orientation: portrait) {
  .contentArea.rft .loginBg .themeImg {
    height: 100%;
    width: auto;
    left: -33%;
  }
}
@media screen and (max-width: 4000px) and (orientation: landscape) {
  .contentArea.rft .loginBg .lgnWaveImg {
    height: 35%;
    width: 100%;
  }
}
@media screen and (max-width: 1999px) and (orientation: landscape) {
  .contentArea.rft .loginBg .lgnWaveImg {
    height: 36%;
  }
}
@media screen and (max-width: 1800px) and (orientation: landscape) {
  .contentArea.rft .loginBg .lgnWaveImg {
    height: 38%;
  }
}
@media screen and (max-width: 1600px) and (orientation: landscape) {
  .contentArea.rft .loginBg .lgnWaveImg {
    height: 45%;
  }
}
@media screen and (max-width: 1440px) and (orientation: landscape) {
  .contentArea.rft .loginBg .lgnWaveImg {
    height: 45%;
    width: 100%;
  }
}
@media screen and (max-width: 1400px) and (orientation: landscape) {
  .contentArea.rft .loginBg .lgnWaveImg {
    height: 65%;
    width: 100%;
  }
}
@media screen and (max-width: 1300px) and (orientation: landscape) {
  .contentArea.rft .loginBg .lgnWaveImg {
    height: 54%;
    width: 100%;
  }
}
@media screen and (max-width: 1199px) and (orientation: landscape) {
  .contentArea.rft .loginBg .lgnWaveImg {
    width: 130%;
    height: 55%;
  }
}
@media screen and (max-width: 1025px) and (orientation: landscape) {
  .contentArea.rft .loginBg .lgnWaveImg {
    width: 130%;
    height: 55%;
  }
}
@media screen and (max-width: 991px) and (orientation: landscape) {
  .contentArea.rft .loginBg .lgnWaveImg {
    width: 130%;
    height: 60%;
  }
}
@media screen and (max-width: 500px) and (orientation: landscape) {
  .contentArea.rft .loginBg .lgnWaveImg {
    width: 250%;
    height: 60%;
  }
}
@media screen and (max-width: 1400px) and (orientation: portrait) {
  .contentArea.rft .loginBg .lgnWaveImg {
    height: 20%;
    width: 120%;
  }
}
@media screen and (max-width: 1080px) and (orientation: portrait) {
  .contentArea.rft .loginBg .lgnWaveImg {
    width: 125%;
    height: 25%;
  }
}
@media screen and (max-width: 950px) and (orientation: portrait) {
  .contentArea.rft .loginBg .lgnWaveImg {
    width: 145%;
    height: 30%;
  }
}
@media screen and (max-width: 864px) and (orientation: portrait) {
  .contentArea.rft .loginBg .lgnWaveImg {
    width: 150%;
    height: 36%;
  }
}
@media screen and (max-width: 800px) and (orientation: portrait) {
  .contentArea.rft .loginBg .lgnWaveImg {
    width: 150%;
    height: 42%;
  }
}
@media screen and (max-width: 720px) and (orientation: portrait) {
  .contentArea.rft .loginBg .lgnWaveImg {
    width: 180%;
    height: 52%;
  }
}
@media screen and (max-width: 400px) and (orientation: portrait) {
  .contentArea.rft .loginBg .lgnWaveImg {
    width: 385%;
    height: 70%;
  }
}
@media screen and (max-width: 992px) and (orientation: landscape) {
  .contentArea.rft .loginInner .col-lg-5.col-xl-4 {
    justify-content: right;
  }
  .contentArea.rft .loginInner .loginFormWrapper {
    margin: 10.5rem 3rem;
  }
}
@media screen and (max-width: 600px) and (orientation: landscape) {
  .contentArea.rft .loginInner .col-lg-5.col-xl-4 {
    justify-content: center;
  }
  .contentArea.rft .loginInner .loginFormWrapper {
    margin: 10.5rem auto 4rem auto;
  }
}
@media only screen and (max-width: 991px) {
  .contentArea.rft .loginContent .vbNameShort.stacked {
    margin-top: 7rem;
  }
  .contentArea.rft .loginContent .vbNameShort.stacked span {
    justify-content: center;
  }
  .contentArea.rft .loginContent .vbNameShort.stacked span.noborder {
    width: auto;
  }
}
.contentArea {
  min-height: calc(100vh - 4rem);
}

/*# sourceMappingURL=rf-theme.css.map */