.paymentDivBox{ float:left; width: 100%; background: #fff; height: 100vh; }
.actionBtnBox-Verify{
  z-index: 1;
  float: left;
    width: 100%;
    text-align: center;
    margin: 0px -20px;
    position: fixed;
    bottom: 0;
    background: #fff;
    border-top: solid 1px #ededed;
    padding: 12px 0px;
}

.niyoSuccessPage img{
  display: block;
  margin: 0 auto;
}
.niyoSuccessPage{
  text-align: center;
}
.idPageStatus .niyoSuccessPage  h2{
  padding: 12px 0 24px;
}
.niyoSuccessPage span{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #646464;
}
.frontPanel1 p{
  color: #212121;
}
.actionBtnBox-Verify a{
  width: 100%;
}
.myPaymentStatus{  margin:8px auto; max-width:650px;}
.paymentstatusImg{ width: 100%; float: left; text-align: center; }
.paymentStatusText p{     width: 100%;
    float: left;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    color: #808080;
    border-top: solid 1px #f1f1f1;
    margin: 12px 0 0 0;
    padding: 10px 0 0 0;
    text-align: left;
}
.rowBoxDiv {
    float: left;
    width: 100%;
    clear: both;
    margin: 10px 0 0 0;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #404040;
}
.botPad24{
  padding: 0 0 24px;
}
.rowBoxDiv .technoBg{
  margin: 6px 0 6px;
}
.paymentCTA{ margin: 45px 0; float: left; width: 100%;  border-radius: 4px;
  background-color: #e8f4ff;
  border: solid 1px #008df6; text-align: center;padding: 24px; }
.paymentCTA a{ margin: 25px 0 0 0;}
.paymentCTA h3{
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center; float: left; width: 100%;
  color: #404040; margin: 0; padding: 0;
}
.paymentCTA p{
font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #404040; float: left; width: 100%; margin: 15px 0 0 0;
}

.activeDivBox{max-width:400px; margin: 90px auto; text-align: center;}
.activeDivBox a{margin:35px 0 0 0 !important;}
.tickIconBox{ width: 100%; float: left; clear: both; }
.activeDivBox h4{ float:left; width: 100%; font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #404040; margin: 45px 0 0 0;}


  .activeDivBox h3 {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: left;
    color: #404040;
    margin: 40px 0 0 0;
    padding: 0;
}

.browserSupport {
    width: 100%;
    height: 100vh;
    background: #fafafa;
    float: left;
    padding: 0 16px;
}

.browserSupport dl {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

.browserSupport dl dt {
    width: 100%;
    float: left;
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #808080;
    text-align: left;
}

.activeDivBox p{ float:left; width: 100%;font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #212121; padding: 0; margin: 16px 0 0 0;}
.expLink{ color:#ef5350 !important }

.imgAttDiv{ float:left; width:100%; margin:0px 0px 0px 0px;}
.imgAttDiv .topHeading{color: #404040; font-size: 16px;  font-weight: 600; line-height: 24px;
    margin: 18px 0 0 0;}

.imgSecDiv{ float:left; width: 100%; margin:30px 0 0 0; }
.imgSecDiv li{
    margin-bottom: 36px;
    float: left;
    width: 100%;
}
.imgSecDiv li .innerDivSec .reviewLeftSec {
  float: left;
  width: calc(100% - 75px);
}

.imgSecDiv li .innerDivSec .imgBoxSec{position: relative;float: right;
    width: 65px;height: 65px;border: 1px solid #E0E0E0; border-radius: 4px; background-color: #FAFAFA;}

.imgSecDiv li .innerDivSec .imgBoxSec img{height: 100%;border-radius: 4px;width: 100%;}

.imgSecDiv li .innerDivSec p{color: #212121;  font-size: 14px;  font-weight: bold;  line-height: 20px;margin: 0px}
.contDiv li{
    color: #808080;
    font-size: 14px;
    line-height: 20px;margin: 8px 0px 4px 16px;
    list-style-type: disc !important;padding-right: 18px;
}
.editBox {
      width: 24px;
    height: 24px;
    background-color: #0282F0;
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 25px;
    cursor: pointer;
}

.editBox i{
color: #fff;
    font-size: 12px;
    margin: 2px 0 0 7px;
    float: left;
}
.actionBtnBox{     float: left;
    width: 100%;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;    text-align: center;
    margin: 0 auto;
    padding: 0 20px;}

.panelCont{     max-width:360px;
    width: 100%;
    position: relative;
    height: 100vh; margin: 0 auto; }


.capSecBox{ float: left; width: 100%; background: #000; height: 100vh;  }
.capSecBox .topNotiDiv {
    float: left;
    width: 100%;
    margin: 0 0 0px 0;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    position: relative;
    padding: 14px 28px;
    background-color: rgba(0,0,0,0.8);
}

  .capSecBox .topNotiDiv .toolTipDiv{
  width: 325px;
  height: 392px;
  border-radius: 4px;
  background-color: #ffffff; position: absolute; padding: 0 13px;
}

  .capSecBox .topNotiDiv .toolTipDiv p{ float: left; width: 100%; padding:22px 0; font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #404040; border-bottom: solid 1px #979797;
}




  .capSecBox .topNotiDiv i{ font-weight: normal; font-size:15px; margin: 0 0 0 5px;float: right; }
  .capSecBox .capSecDiv{
  width: 293px;
  height: 75vh;
  border: solid 1px rgba(255,255,255,0.2); margin: 20px 0 0 33px; float: left; position: relative;
}

  .capSecBox .capSecDiv span{ width: 100%; position: absolute; text-align: center; font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff; bottom: 20px;
}
.ctaDivBox{ width: 100%; float: left; margin: 20px 0 0 0; text-align: center; clear: both;}
.ctaDivBox a{
    width: 100%;
    height: 48px;
    background-color:white;
    float: left;
    margin: 0 0px !important;
    text-align: center;
    padding: 10px;
}
.ctaDivBox a img{
  width: 48px;height: 48px;
}

.leftTop{border-top: solid 2px #fff;
    width: 13px;
    height: 13px;
    position: absolute;
    border-left: solid 2px #fff;
    top: -1px;
    left: -1px; }

.rightTop{border-top: solid 2px #fff;
    width: 13px;
    height: 13px;
    position: absolute;
    border-right: solid 2px #fff;
    top: -1px;
    right: -1px; }

.leftBottom{border-bottom: solid 2px #fff;
    width: 13px;
    height: 13px;
    position: absolute;
    border-left: solid 2px #fff;
    bottom: -1px;
    left: -1px; }

.rightBottom{border-bottom: solid 2px #fff;
    width: 13px;
    height: 13px;
    position: absolute;
    border-right: solid 2px #fff;
    bottom: -1px;
    right: -1px; }

.topCntLogo{ width: 100%; float: left; clear: both; text-align: left; margin: 16px 0 0 0;}
.topCntLogo img{ width: 94px;float: left;}


.imgSecBox{display: flex; align-items: center; justify-content: center; width: 100%; margin: 32px 0 0 0;}

.imgSecBox img{
  width: 200px;
}
.footerActionDiv{ position: fixed; bottom: 0; left: 0; right: 0; border-top: solid 1px #ededed; height: 48px; padding:12px 16px;background-color: #fff}

.flexRight{justify-content: right;}
.flexLeft{justify-content: left;}
.flexBetween{justify-content:space-between;}

.bottomBottomSec{display: flex; flex-direction: row;}

.footerActionDiv a{ color: #0282F0; width: auto; display: flex; align-items: center; flex-direction: row;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.176px;}

  .footerActionDiv a.next img{margin: 0 0 0 8px;}


.bullPointsSec{display: flex; flex-direction: column; justify-content: flex-start; padding: 12px 0 0 0; clear: both; margin: 0;}

.bullPointsSec dt{display: flex; background: url(//ws.oneassist.in/static/portal_v2/images/Ellipse-1.svg) 0px 8px no-repeat; margin: 0 0 16px 0; text-align: left; padding: 0 0 0 16px; flex-direction: column; }

.bullPointsSec dt span{width: 100%;
  text-align: center;
  margin: 10px 0 2px 0;}




.contBoxSec{ display: flex;
  width: 100%;
  margin: 32px 0 0 0;
  flex-direction: column;}

.contBoxSec h4{ float: left; width: 100%;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  /* text-align: center; */
  color: #212121; padding: 0; margin: 0;
}
.contBoxSec ul{
  float: left;width: 100%;margin: 8px 0px 12px 0px;
}
.contBoxSec ul li{
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  color: #212121; margin: 8px 0 0 0; padding: 0;list-style: disc;
    list-style-position: inside;text-indent: -20px;
    margin-left: 20px;
}

.contBoxSec p{ color: #212121; margin: 16px 0 0 0; padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; 
}

.contBoxSec .smpLinkDiv{ float: left; width: 100%;
font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  /* text-align: center; */
  color: #0282f0; margin: 3px 0 0 0; padding: 0; cursor: pointer;
}
.contBoxSec .smpLinkDiv:hover{ text-decoration: underline; }

.paymentDivBox .paginationDiv{
  width: 100%; padding: 0;
  text-align: center;
  position: relative;
  top: -60px;
}
.paymentDivBox .paginationDiv li{    width: 6px;
    height: 6px;
    padding: 0;
    margin:0;
    border-radius: 50%;
    background: #d6d6d6;
    display: inline-block; }

.paymentDivBox .paginationDiv li.active{
    background: #008df6;
 }
 .prev{font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color:#0282f0; float: left; width: auto; font-weight: 600;}

.nxt{ font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #0282f0; float: right; width: auto; font-weight:600;}

.nxt i{ font-size: 14px; margin-left: 5px;}

.recptScreen{height: 100vh; position: relative; margin: 0 auto;}
.recptScreen .cptIMg{ position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100%;}

.recptScreen .capDviBox{ position:absolute; text-align: center; width: 100%; bottom: 20px; }
.recptScreen p{ font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff; width: 100%; float: left; margin:0; padding: 0;}


.topToolTip01{
    width: calc(100% - 36px);
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    top: 48px;
    right: 18px!important;
    padding: 15px;
    z-index: 2;
  }
.topToolTip01:after{content: '';
    position: absolute;
    bottom: 100%;
    right: 12px;
    width: 0;
    height: 0;
    border-bottom: 7px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.topToolTip01 .topToolTipArrow{width: 11px; height: 7px; position: absolute; top:-6px; right: 10px;  background: url(//ws.oneassist.in/static/portal_v2/images/topArrowIcon.png) no-repeat top center;}

.topToolTip01 .contDiv{
  font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #212121;
    float: left;
    width: 100%;
    margin: 5px 0;
    padding: 0;
}




.fntImgBox{ float:left; width: 100%; text-align: center; margin: 10px 0 0 0; padding: 0;}


.smpImg{  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #404040; float: left; width: 100%; margin: 15px 0 0 0; font-weight: bold; }

.casePanel{  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #808080; float: left; width: 100%; margin:7px 0 0 0;}

.popupBox .imgDivBox{ float:left; width: 100%; text-align:center;}


.popupBox h3{float: left; width: 100%; margin: 0;color: #212121; text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;}

.popupBox .notePop{
      display: block;
    color: #808080;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    margin-top: 8px;
}
.popupBox p{color: #212121;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
float: left; width: 100%; margin:12px 0 20px 0; padding: 0;}

.makeSureText{color: #808080; margin: 12px 0 0 0; font-style: normal;
  text-align: center; width: 100%; float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;}

.popupBox a { width: 100%;}

.contBoxDiv{
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #404040; width: 100%; float:left; margin: 30px 0 0 0; padding: 0;
}
.imgBoxDiv{ float: left; width: 100%; margin: 15px 0 0 15px; padding: 0; }
.topCnt{    float: left;
  width: 100%;
  font-weight: normal;
  margin: 0 0 30px 0;
  padding: 0;
color: #808080; text-align: left;  font-size: 14px;  line-height: 20px;}

.topCnt i{padding: 0 5px;}

.oops{
  font-weight: normal;color: #D50000;  font-size: 16px;  line-height: 20px;
  background: url(//ws.oneassist.in/static/portal_v2/images/camIcon.png) no-repeat top left;
  text-align: left;
  padding: 88px 0 0 0;
  margin: 52px 0 10px 0;
  float: left;
  width: 100%;}



/* Shashwat CSS Start */
.activeLink{
  color: #008df6 !important;
}

#camera, #cameraView, #cameraOutput{
  position: fixed;
  height: 100%;
  width: 100%;
  object-fit: cover;
}


.taken{
  height: 100px!important;
  width: 100px!important;
  transition: all 0.5s ease-in;
  border: solid 3px white;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
  top: 20px;
  right: 20px;
  z-index: 2;
}

.popupBox {
  background: #fff;
  position: absolute;
  top: 0;
  width: 84vw;
  padding: 20px;
  border-radius: 4px;
  text-align: center;
  float: left;
  top: 20vh;
  left: 8vw;
}

.fullScreen{
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  background: rgba(0,0,0,0.8);
}

.overCamera{
  position:fixed;
  width: 100%;
}

.imageCover{
  object-fit: cover;
}

.cancelCapture{
  position: absolute;
  left: 24px;
  top: 24px;
  width: 24px;
  height: 24px;
}

.white-overLay {
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.50);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.loader-position {
  left: 43vw;
  top: 47vh;
}
.loader-text {
  display: block;
  position: relative;
  top: 55vh;
  color: #fff;
  margin: 0 42vw;
}


.panelMargin{
    width: 100vw;
    margin: 0;
    max-width: 100vw;
}

.autoToolTip{
  widows: auto;
  right: auto;
}

.camFrame{
  left: 8vw;
  width: 85vw!important;
  margin: 20px 0 0 0 !important;
  height: 72vh !important;
  border-color: rgba(255,255,255,0.5) !important;
}

.iphoneCamFrame{
  height: 65vh !important;
}

.triggerAlign{
  margin-left: 35vw !important;
  color:#0282F0;
  font-weight: bold;
  background-color: white;
}

.alignTriggerBottom{
  position: fixed;
  bottom: 0;
  z-index: 99999;
  left: 0;right: 0px;
}
.iPhoneTriggerBottom{
  bottom: 13vh;
}

.blackBackgroung{
  background: #000
}

.openDrawer{
  top:0 !important;
}

.closedDrawer {
  top : 100vh;
  -webkit-transition: top .5s;
  transition: top .5s;
}
.spinner-layer-color {
  border-color: #fff !important;
}
.noborder{
  border: none !important;
}
.frame{
  height: 100%;
  width: 100%;
  border: solid 2px rgba(255,255,255,0.75);
  -webkit-transition: -webkit-transform 2s;
  transition: transform 2s;
}
.transformFrame {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.frame-msg{
 text-align: center; font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff; bottom: 20px;
}

.cancel-sms-modal a{
  border-radius: 22px;
  background-color: #008df6;
  font-size: 16px;
  line-height: 1.25;
  text-align: right;
  color: #fff;
  box-shadow: none;
  width: 312px;
  height: 44px;
  padding: 12px 30px 0 0;
  margin: 20px 0 28px 0;
  text-transform: none;
}
.cancel-sms-modal a:hover{
  background-color: #008df6;
}

.color-black{
  color: #000;
}

#cameraFrame img {
  position: absolute;
}
.top-left-corner{
  left: -5px;
  top: -5px;
}
.top-right-corner{
  transform: rotate(90deg);
  right: -6px;
  top: -4px;
}
.bottom-right-corner{
  right: -5px;
  bottom: -5px;
  transform: rotate(180deg);
}
.bottom-left-corner{
  left: -6px;
  transform: rotate(270deg);
  bottom: -4px;
}

.doc-margin-top{
  margin-top: 24px;
}


/* Shashwat CSS End */


/* Shubham CSS start */

.docContainer {
  max-width: 1220px;
  width: 100% !important;
  position: relative;
}
/* .front1, .Back1{
padding: 0px 6.1%;
} */
/*.frontPanel1 p1{*/
/*font-size: 14px;*/
/*font-weight: normal;*/
/*color: #404040;*/
/*padding: 19px 0px 0px 0px;*/
/*margin: 0px;*/
/*}*/
.frontPanel1 span, .panelSec1 span{
font-size: 12px;
font-weight: normal;
color: #808080;
padding-top: 13px;
display: block;
}
.panelSec1{
margin: 35px 0px;
}
.panelSec1 h6{
margin: 0px;
font-size: 14px;
font-weight: 600;
color: #404040;
}
.panelImg1{
border-radius: 4px;
border: solid 1px #ADADAD;
width: 100%;
padding: 5.4% 14.6%;
margin: 10px 0px 60px 0px;
}
.panelImg1 img{
width: 100%;
}
/*tabs*/
.phoneTabs1{
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  margin: 0px;
  display: flex;
  align-items: center;
  padding: 0 16px; font-weight: bold;
  font-size: 16px;
}
.phoneTabs1 .phoneTab1 a:hover, .phoneTabs1 .phoneTab1 a.active {
  color: #008df6 !important;
  background-color: transparent !important;
}
.phoneTabs1 .phoneTab1{
  padding: 0px !important;
}
.phoneTabs1 .phoneTab1 a{
color: #808080 !important;
border: solid 1px #e2e2e2;
border-radius: 0;
}
.phoneTabs1 .indicator {
  background-color: #008df6 !important;
  bottom: -1px;
}
.backBtn1{
background-color: #ffffff;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.13);
  width: 100%;
  padding: 14px 0px;
  position: fixed;
  z-index: 99999;
  bottom: -1px;
  text-align: center;
}
.backBtn1 a,.backBtn1 i{
font-size: 14px;
font-weight: normal;
line-height: 1.43;
color: #008df6;
margin-right: 4px !important;
}
/*End*/
.guideWrapper {
  position: relative;
  overflow: auto;
}
.guideCarousel{
    /* height: calc(100vh - 120px); */
    height:calc(100vh - 48px);
    /* margin-bottom: 48px; */
}
.guideCarousel .slick-list.draggable{
  max-width: 100%;
  width: 320px;
  padding: 0 !important;
  /* height: calc(100vh - 120px); */
    /* height: 565px; */
  margin: 0 auto;
}
.guideCarousel .slick-track{
  /* height: calc(100vh - 120px); */
    /* height: auto !important; */
    margin-bottom:20px;
}
.guideCarousel .guideBlock {
  /* width: 320px !important; */
}
.carouselDots .slick-dots li,
.carouselDots .slick-dots li button ,
.carouselDots .slick-dots li button:before{
  width: 10px;
  height: 10px;
}
.carouselDots .slick-dots li button:before{
  opacity: 1;
  font-size: 26px;
  color: #d6d6d6;
}
.carouselDots .slick-dots li.slick-active button:before{
  color: #008df6;
}
.payDoc h4{
  margin-top: 20px;
  text-align: center;
}
.payDoc p{
  text-align: center;
  font-size: 16px;
  border-top: unset;
  padding: 0px;
  margin: 0px;
}
.docUploadBtn{
  text-transform: uppercase;
}
/* Shubham CSS End */
.paymentCtaUpdate{
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  float: left;
  width: 100%;
  color: #404040;
  margin: 0;
  padding: 0;
}
.paymentCtaUpdate span{
  width: 100%;
  float: left;
}
.contBoxSec h1 {
    float: left;
    width: 100%;
    color: #404040;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.12px;
}





.contBoxSec h5 {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    /* text-align: center; */
    color: #404040;
    margin: 10px 0 16px 0;
    padding: 0;
}
.pointBull {
    float: left;
    width: 100%;
    padding: 0;
    margin: 32px 0 0 0;
    display: none;
}

.pointBull dt {
    float: left;
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}
@media only screen and (max-width: 600px){
.myPaymentStatus {
    margin: 0px auto;
}
.payDoc h4{
  font-size: 26px;
}
.paymentDivBox {
        padding: 0 16px;
    }
}
.cameraSteps {
    float: left;
    width: 100%;
}
.cameraSteps span{
    display: block;color: #212121;  font-size: 14px;  line-height: 20px;
}
.cameraSteps ul{
  margin:4px 0;
}
.cameraSteps ul li{
  color: #808080;  font-size: 14px;  line-height: 20px;margin: 12px 0px;
}
.marTopDiv{
  margin-top: 80px;
}


.declaration-msg label
{
    margin:-10px 0px 10px 0px;
    font-size: 14px;
    text-align: left;
    color: #212121;
}
.declaration-msg li
{
    list-style-type:none;
    color: #212121;
    font-size: 14px;
    margin:14px 0px 14px 0px
}
.declaration-msg ul
{
    margin-bottom: 75px;
}
.submitBtn:disabled {
  border: solid 1px #888f97 !important;
  background: #BCC2C8;
  color: white;
  cursor: not-allowed;
  font:'Lato' Bold

}
.SampleIcon
{
color:black;
font-weight: bold;
margin: 10px 0px 0px 15px;

}
.SampleText
{
  color:black !important;
  font-weight: bold;
  font-size: 16px;
  margin:10px 0px 0px 15px;
}
.invalidImageText
{
  margin-left:40px;
  background-color: black;
  width: 142px;
  height: 45px;
  font-size: 14px;
  position: relative;
  top: -55px;
  padding: 5px;
  text-align: center;
  opacity: 0.9;
  left:-38px;
  color: white;
  border-radius: 0px 0px 5px 5px;
}

.firstParent
{
  margin-top: 30px;
  width: 150px;
  height: 250px;
}
.valid-over-img
{
  position: relative;
  top: -254px;
  left: 133px;
  width: 30px;
  height: 30px;
}
.invalid-over-img
{
  position: relative;
  top: -305px;
  left: 133px;
  width: 30px;
  height: 30px;
}
.sampleSection table
{
  width:98%;
}
 .sampleSection span
{
  color:black !important;
  font-size: 14px !important;
  font-weight: bold !important;
  margin:10px !important;
}
.glance-view .paymentCTA {
    margin: 45px 25px;
    float: left;
    width: auto;
    border-radius: 4px;
    background-color: #e8f4ff;
    border: solid 1px #008df6;
    text-align: center;
    padding: 24px;
}

.glance-view .paymentCTA a {
    margin: 25px 0 0 0;
    border-radius: 30px;
}

.glance-view .paymentStatusText p {
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #353535;
    border-top: solid 1px #f1f1f1;
    margin: 12px 0 0 0;
    padding: 10px 0 0 0;
    text-align: center;
}

.payment-success-glance{
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.3px;
    margin-bottom: -20px;

}

.glance-checkout footer, .glance-checkout .copyNoptDiv{
    display: none;
}
.niyo-checkout footer, .niyo-checkout .copyNoptDiv,.niyo-checkout #nav-icon3, .niyo-checkout #chatFrame, .niyo-checkout .downloadApp{
  display: none !important;
}

.glance-checkout nav .brand-logo.campaign-icon {
    /*display: none;*/
    width: 170px;
    height: 43.25px;
    position: absolute!important;
    left: -25px!important;
    /* left: unset!important; */
}

.glance-checkout a#jsOneAssistLogo {
    float: right;
    right: 0;
}



.welcomeList{display: flex; width: 100%; flex-direction: column; margin: 24px 0 0 0; }
.welcomeList dt{display: flex; width: 100%; flex-direction: column; margin: 0 0 16px 0; }
.welcomeList dt h5{color: #212121; margin: 0; padding: 0 0 0 20px;   background: url(//ws.oneassist.in/static/portal_v2/images/Ellipse-1.svg) left center no-repeat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; }

  .welcomeList dt p{ margin: 8px 0 0 0; padding: 0 0 0 20px;
    color: rgba(33, 33, 33, 0.80);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */}

    .welcomeText{display: flex; flex-direction: column;}

.contBoxSecScroll{display: flex; flex-direction: column; margin: 32px 0 0 0;}

.contBoxSecScroll h4{color: #212121; margin:0 !important; padding: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; }

.contBoxSecScroll p{color: #212121; margin: 16px 0 24px 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; }


.contBoxSecScroll a{color: #008DF6;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; }

dl.bullPoints{display: flex; flex-direction: column; margin: 8px 0 32px 0; padding: 0;}
dl.bullPoints dt{display: flex; background: url(//ws.oneassist.in/static/portal_v2/images/Ellipse-1.svg) 0 6px no-repeat; margin: 16px 0 0 0; padding: 0 0 0 16px; color: #212121;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; flex-direction: column;}

  dl.bullPoints dt span {
    width: 100%;
    text-align: center;
    margin: 10px 0 2px 0;
}

dl.bullPoints dt .strongText{font-weight: bold; display: contents;}

  .imgSecBoxLast {
    width: 100%;
    text-align: center;
    margin: 84px 0 72px 0;
}

div#swipe-1 {
  padding: 0 16px;
}

.sampleSection{display: flex; flex-direction: column;}
.sampleSection h5{color: #212121; margin: 16px 0 0 0 !important; padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 700; 
  line-height: 24px; }

.sampleSection ul{display: flex; flex-direction: column; margin: 0 0 32px 0;}

.sampleSection ul li{ 
  background: url(//ws.oneassist.in/static/portal_v2/images/greenTic.png) 0 0 no-repeat; padding: 0 0 0 20px;
color: #212121;
font-size: 12px; margin:14px 0 0 0;
font-style: normal; display: flex; flex-direction:column; width: 100%;
font-weight: 400;
line-height: 16px; 
}

.sampleImageContainer
{
  	float: left;
    width: 100%;
}
.parent
{
  width: 150px;
  height: 250px;
  padding:3px; margin: 10px 0;
}

/* prevent auto zoom in ios */
body {
  touch-action: manipulation;
}
@media only screen and (max-device-width: 480px) {
  body {
      -webkit-text-size-adjust: none;
  }
}

.parent:nth-child(even){float: right; margin: 10px 16px 10px 0;}
.parent:nth-child(odd){float: left;}