body, html{
    font-family: Avenir Next World W05_n3;
    font-size: 16px;
    color: #000000;
    /* overflow-x:hidden; for extra scroll on body*/
 /*   overflow-y:auto!important;*/
    width:100%;
    /**height:100%; for bug number CBC-5447 hide height**/
}
/**For CBC-9930**/
@media(min-width:1300px){
  body, html{
    overflow-x:hidden;
  }
}
p, h1, h2, h3, h4, h5, h6, form{
    padding:0px;
    margin:0px!important;
	font-weight:normal;
}
.fontweight600{/**CBC-5231**/
	font-weight:600;
}
.header .whiteLogo{
	max-width:150px;
	width:100%;
}
.btnsizeNormal{
    width:208px;
}
#wraper .modahHeadingBlue {
font-family: Avenir Next World W05_n6;
font-size: 18px;
line-height: 24px;
color:var(--primaryAppColor);
}
.btnGreen{
font-family: Avenir Next World W05_n4;
text-align:center;
background-color:#14853D;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
border-radius:4px;
min-width:100px;
height:34px;
color:#fff;
font-size:16px;
line-height:34px;
padding:0px 10px;
	}

.form-control{
-webkit-border-radius:4px 4px 0px 0px!important;
-moz-border-radius:4px 4px 0px 0px!important;
-ms-border-radius:4px 4px 0px 0px!important;
border-radius:4px 4px 0px 0px!important;
}
.headingGlobalComponents {
	font-family:'Avenir Next World W05_n6';
    font-size: 16px;
    color: var(--primaryAppColor);	
}
.asteriskColor {
  color : red;
}
#wraper .btn{
height:48px;
line-height:0px;
transition: transform 0.25s ease-in-out;
-webkit-border-radius:50px!important;
-moz-border-radius:50px!important;
-ms-border-radius:50px!important;
border-radius:50px!important;
}
#wraper a.btn{
  line-height: var(--btnLineHeight);
}
 

/* for CBC-8466 */
#wraper .disabledBody {
  pointer-events: none;
  opacity: 0.4;
}
/* end CBC-8466 */


.displayInlineBlock{
    display:inline-block;
}

@media(max-width: 480px) {
	.mrgnBtm25 {
		margin-bottom : 25px;
	}
}
.marginBottom10{
  margin-bottom:10px;
}
.marginBottom5{
  margin-bottom:5px;
}
.marginTop10{
  margin-top:10px;
}
.marginTop5{
  margin-top:5px;
}
.pdngleft35{
    padding-left:40px!important;
  }
  .sheduleQty .pdngleft35{
     padding-left:36px!important;
  }
    .pdngleft36{
     padding-left:37px;
  }
  .qtySelect{
    padding-left:36px;
  }
  .productDetail .pdngLeft35{
    padding-left:35px!important;
  }
 
.inputTextBox .inputBoxCustom{
  width: 327px;
  max-width: 327px;
  height: 48px;
  font-family:'Avenir Next World W05_n4';
  font-size: 14px;
  color: var(--primaryAppColor);
  background-color: #F5F5F5;    
  /* border: 1px solid #F5F5F5; for story number 8016 */
  padding:16px;
  box-shadow: none;
}
.inputTextBox .inputBoxCustom:focus{
  background-color: #FFF9EF;
  border: 1px solid #FFF9EF;
  border-bottom: 1px solid #CBB187;
}
.inputTextBox .inputBoxCustom::placeholder {
  color:#9DA8B5;
}
.inputTextBox .invalid-feedback{
  font-family:'Avenir Next World W05_n4';
  font-size: 14px;
  color: #CC0025
}

 #successSecFixedTop{
   display: none;
 }
 #wraper #successSecFixedTop {    
    position: fixed;
    top: 0px;
    z-index: 100;
}
/*Loader css starts*/
	div#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: hidden;
    display: block;
}
div#loader-wrapper:after {
    content: '';
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.70;
}
.lds-css.ng-scope {
    position: absolute;
    z-index: 12;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: inherit;
    height: inherit;
} 
 
               
 @keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-dual-ring {
  position: relative;
}
.lds-dual-ring div {
  box-sizing: border-box;
}
.lds-dual-ring > div {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: 8px solid #000;
  border-color: #1010EB transparent #1010EB transparent;
  -webkit-animation: lds-dual-ring 1s linear infinite;
  animation: lds-dual-ring 1s linear infinite;
}
.lds-dual-ring > div:nth-child(2) {
  border-color: transparent;
}
.lds-dual-ring > div:nth-child(2) div {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.lds-dual-ring > div:nth-child(2) div:before,
.lds-dual-ring > div:nth-child(2) div:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: -8px;
  left: 72px;
  background: #1010EB;
  border-radius: 50%;
  box-shadow: 0 160px 0 0 #1010EB;
}
.lds-dual-ring > div:nth-child(2) div:after {
  left: -8px;
  top: 72px;
  box-shadow: 160px 0 0 0 #1010EB;
}
.lds-dual-ring {
  width: 124px !important;
  height: 124px !important;
  -webkit-transform: translate(-62px, -62px) scale(0.62) translate(62px, 62px);
  transform: translate(-62px, -62px) scale(0.62) translate(62px, 62px);
}
/*Loader css ends*/
/*Input TextBox bar css ends*/
  /**IE hacks**/
 
  @media all and (-ms-high-contrast:none)
     {
     *::-ms-backdrop, .pdngleft36 {
             padding-right:0px;
             padding-left:35px!important;
             padding-top:8px;
      } /* IE11 */
      *::-ms-backdrop, .sheduleQty .pdngleft35{
        padding-right:0px;
      }
      #wraper .medt_Select, #wraper .cstmDate{
        line-height:25px!important;
      }
      .qtySelect{
        padding-left:32px!important;
      }
      .sensorsImageDiv{
        position: relative;
/*        height:100%;*/
      }
      .sensorsImageDiv img{
        position:absolute;
        top:0px;
        bottom:0px;
        left:0px;
        margin:auto;
        padding:5px;
      }
     }
.qunatity-box2 .pdngleft35{
  padding-left:42px!important;
  line-height: 22px!important;
}
  .w100{
  width:100%;
}
#wraper .peregraph_medium{
    color: var(--primaryAppColor);
    font-family: Avenir Next World W05_n3;
    line-height:24px;
}
#wraper .link-medium,
#wraper .link-large,
#wraper .link-small{
   font-family:'Avenir Next World W05_n6';
   font-size:20px;
  color:#1010EB;
}
.lineHeight26{
      line-height: 26px;
}
.lineHeight16{
      line-height: 16px;
}
#wraper .link-large{
  font-size:24px;
}
#wraper .link-small{
  font-size:18px;
}
/**Footer starts**/
#wraper .footer{
padding-top:52px!important; /** Changed by AR for global style **/
}
#wraper .footer .med-footerLinksDiv a,
#wraper .footer .med-footerText{
    font-family: Avenir Next World W05_n6;
    color:#FFFFFF;
    font-size:14px;
    text-decoration:none;
    transform: none;
	padding-right: 30px;
}
#wraper .footer .med-footerText{
    padding-top:30px;
	font-family: Avenir Next World W05_n4;
}
 
/**Datepicker style here**/
.datepicker .datepicker-switch {
    width: 200px;
    padding-left: 50px;
}
.datepicker-dropdown{
font-family:'Avenir Next World W05_n4';
border:none;
background: rgba(255, 255, 255, 1) 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 8px rgba(112, 115, 118, 0.34);
-webkit-border-radius:4px!important;
-moz-border-radius:4px!important;
border-radius:4px!important;
padding:10px;
	z-index:100;
}
.datepicker-days{
  font-family:Effra Medium;
  font-size:14px;
}
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background: #eee;
  cursor: pointer;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled]
{
  font-family:'Avenir Next World W05_n4';
  background-color:#1010EB!important;
  line-height:22px;
}
.datepicker-switch{
  position: relative;
  left: -40px;
}
.datepicker .next,
.datepicker .prev{
  font-family:'Avenir Next World W05_n4';
  position:absolute;
  right:0px;
  padding:0px;
  color:var(--primaryAppColor);
  
}
.datepicker .next:hover,
.datepicker .prev:hover{
  background-color: transparent;
}
.datepicker .prev,
.datepicker .next{
	color:transparent;
}

.datepicker .next:after {
  font-family:fontAwesome;
  content: '\f105';
  font-size:23px;
  color:var(--primaryAppColor);
}
.datepicker .prev:after{
  font-family:fontAwesome;
  content: '\f104';
  font-size:23px;
  color:var(--primaryAppColor);
}
.datepicker .prev{
  right:30px;
}
.datepicker-switch{
font-family:Avenir Next World W05_i6;
color:#000;
}
.datepicker-switch{
background-color: transparent!important;
text-align: left!important;
padding-left: 18px;
}
.datepicker td, .datepicker th{
font-family:'Avenir Next World W05_n4';
font-size:16px;
color:var(--primaryAppColor);
opacity: 1;
width:40px;
height:40px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
text-align:center;
cursor: pointer;
}
.datepicker th,
.datepicker td.disabled{
  opacity:0.6;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled]{
background-color:#1010EB!important;
box-shadow:0px 0px 0px 2px rgba(0, 75, 135, 1);
color:#fff;
background-image:none;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled]
{
background-image:none;
background-color:#fff;
box-shadow: 0px 0px 0px 2px rgba(0, 75, 135, 1);
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}
 
/**Footer ends**/
/*******************************************Wizard section here starts**/
@keyframes slideInFromLeft {
    0% {
        background-color:#f00;
    }
    100% {
       background-color:#ccc;
    }
}
#wraper .wizardSection{
  position:relative;
  z-index:100;
}
/**#wraper .wizardSection >.col-12{
  padding: 0 15px;
}**/
/*#wraper .wizardSection .multi-steps  li.is-active:before,
#wraper .wizardSection .multi-steps  li.is-active ~ li:before {
  content: counter(stepNum);
  font-family: inherit;
  font-weight: 700;
}*/
#wraper .wizardSection .multi-steps li.is-active:after,
#wraper .wizardSection .multi-steps li.is-active ~ li:after {
  background-color: #ededed;
}
 
#wraper .wizardSection .multi-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* width: 100%; */
  width: 95%;
  max-width:100%;/** CBC-5591**/
  position:relative;
 /*  -webkit-animation: mymove 2s 0s; 
  animation: mymove 2s 0s; */
}
#wraper .wizardSection .multi-steps:after{
content:'';
display:block;
width:100%;
max-width:100%;/** CBC-5591**/
height:8px;
background-color:RGBA(20, 15, 75, 0.3);/**#E5ECF3**/
position:absolute;
left:0px;
top:16px;
z-index:-1;
}
 
@-webkit-keyframes mymove {
  0%    { max-width: 500px;}
  100% {max-width: 640;}
}
@keyframes mymove {
  0% {max-width : 500px;}
  100% {max-width: 640;}
}
#wraper .wizardSection .multi-steps li {
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
  text-align:left;
}
#wraper .wizardSection .multi-steps li:last-child{
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
 
#wraper .wizardSection .multi-steps li .circle,
#wraper .wizardSection .multi-steps li.active .circle,
#wraper .wizardSection .multi-steps li.active .circle,
#wraper .wizardSection .multi-steps li.active .circle.step1,
#wraper .wizardSection .multi-steps li.active .circle.step2,
#wraper .wizardSection .multi-steps li.active .circle.step3,
#wraper .wizardSection .multi-steps li.active .circle.step4,
#wraper .wizardSection .multi-steps li.noAction .circle,
#wraper .wizardSection .multi-steps li.noAction .circle.step1,
#wraper .wizardSection .multi-steps li.noAction .circle.step2,
#wraper .wizardSection .multi-steps li.noAction .circle.step3,
#wraper .wizardSection .multi-steps li.noAction .circle.step4{
  background-image: url(../images/wizardsprite.png);
  background-repeat:no-repeat;
  background-position:-43px 0px;
  display: block;
  position:relative;
  width: 40px;
  height: 40px;
  }

#wraper .wizardSection .multi-steps li.process .circle{
background-position:0px -86px!important;
}
#wraper .wizardSection .multi-steps li.process .step1 + .completedcircle:before,
#wraper .wizardSection .multi-steps li.process .step2 + .completedcircle:before{
  content:'';
/*  background: url(../images/steponeActive.svg) left top no-repeat;*/
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top:0px;
  left:0px;
  z-index:1;
-webkit-animation: stepOneLarge 1s 2s forwards; /* Safari 4.0 - 8.0 */
 animation: stepOneLarge 1s 2s forwards;
 }


 @-webkit-keyframes stepOneLarge {
  0%    { background: url(../images/steponeActive.svg) left top no-repeat; }
  100% {background:none;}
}
@keyframes stepOneLarge {
  0%    { background: url(../images/steponeActive.svg) left top no-repeat; }
  100% {background:none;}
}

#wraper .wizardSection .multi-steps li.process .step2 + .completedcircle:before{
  -webkit-animation: stepTwoLarge 1s 3s forwards!important; /* Safari 4.0 - 8.0 */
 animation: stepTwoLarge 1s 3s forwards!important;
}
 @-webkit-keyframes stepTwoLarge {
  0%    { background: url(../images/steptwoActive.svg) left top no-repeat; }
  100% {background:none;}
}
@keyframes stepTwoLarge {
  0%    { background: url(../images/steptwoActive.svg) left top no-repeat; }
  100% {background:none;}
}

#wraper .wizardSection .multi-steps li.process.active .circle.step1{
-webkit-animation: stepOne 0.02s 2s forwards; /* Safari 4.0 - 8.0 */
 animation: stepOne 0.02s 2s forwards;
}
 
#wraper .wizardSection .multi-steps li.process.active .circle.step2{
animation: 
stepOne 0.02s 2s forwards, 
stepTwo 0.02s 2.5s forwards;
-webkit-animation:
stepOne 0.02s 2s forwards, 
stepTwo 0.02s 2.5s forwards;
}
#wraper .wizardSection .multi-steps li.process.active .circle.step3{
animation: 
    stepOne 0.02s 2s forwards, 
    stepTwo 0.02s 2.5s forwards, 
    stepThree 0.02s 3s forwards;
-webkit-animation: 
    stepOne 0.02s 2s forwards, 
    stepTwo 0.02s 2.5s forwards, 
    stepThree 0.02s 3s forwards;
}
#wraper .wizardSection .multi-steps li.process.active .circle.step4{
animation: 
    stepOne 0.02s 2s forwards, 
    stepTwo 0.02s 2.5s forwards, 
    stepThree 0.02s 3s forwards,
    stepFour 0.02s 3.5s forwards;
-webkit-animation:  
    stepOne 0.02s 2s forwards, 
    stepTwo 0.02s 2.5s forwards, 
    stepThree 0.02s 3s forwards,
    stepFour 0.02s 3.5s forwards;
}
@-webkit-keyframes stepOne {
  0%    {background-position:-43px -86px; }
  100% {background-position:-43px -86px;}
}
@keyframes stepOne {
  0%    {background-position:-43px -86px; }
  100% {background-position:-43px -86px;}
}
@-webkit-keyframes stepTwo {
  0%    {background-position:-86px -86px; }
  100% {background-position:-86px -86px;}
}
@keyframes stepTwo {
  0%    {background-position:-86px -86px; }
  100% {background-position:-86px -86px;}
}
@-webkit-keyframes stepThree {
  0%   {background-position:-129px -86px;}
  100% {background-position:-129px -86px;}
}
@keyframes stepThree {
  0%    {background-position:-129px -86px;}
  100% {background-position:-129px -86px;}
}
@-webkit-keyframes stepFour {
  0%   { background-position:-172px -86px;}
  100% {background-position:-172px -86px;}
}
@keyframes stepFour {
  0%   { background-position:-172px -86px;}
  100% {background-position:-172px -86px;}
}
#wraper .wizardSection .multi-steps li.active .circle{
background-position:-86px 0px;
}

  /**Active around border of circle start**/
 
#wraper .wizardSection .multi-steps li.noAction .circle{
  -webkit-animation: noActionCircle 0.4s 1.5s forwards; /* Safari 4.0 - 8.0 */
  animation: noActionCircle 0.4s 1.5s forwards;
}
  @-webkit-keyframes noActionCircle{
    0%    { background-position:0px -43px;}
    100% {background-position:0px -43px;}
  }
  @keyframes noActionCircle{
    0%    { background-position:0px -43px;}
    100% {background-position:0px -43px;}
  }

 #wraper .wizardSection .multi-steps li.noAction.cancelwizard .circle{
  -webkit-animation: noActionCircleCancel 0.4s 1.5s forwards; /* Safari 4.0 - 8.0 */
  animation: noActionCircleCancel 0.4s 1.5s forwards;
 }
   @-webkit-keyframes noActionCircleCancel{
    0%    { background-position:-133px 0px;}
    100% { background-position:-133px 0px;}
  }
  @keyframes noActionCircleCancel{
    0%    { background-position:-133px 0px;}
    100% { background-position:-133px 0px;}
  }


#wraper .wizardSection .multi-steps li.noAction .circle:before{
  -webkit-animation: noActionbgColor 0.4s 1.5s forwards; /* Safari 4.0 - 8.0 */
 animation: noActionbgColor 0.4s 1.5s forwards;
}
  @-webkit-keyframes noActionbgColor {
    0%    { background-color:#FBEBE5;}
    100% {background-color:#FBEBE5;}
  }
  @keyframes noActionbgColor {
    0%    { background-color:#FBEBE5;}
    100% {background-color:#FBEBE5;}
  }
#wraper .wizardSection .multi-steps li.noAction .circle:after{
  -webkit-animation: noActionIcon 0.4s 1.5s forwards; /* Safari 4.0 - 8.0 */
  animation: noActionIcon 0.4s 1.5s forwards;
}
  @-webkit-keyframes noActionIcon{
    0%    {left:0px; background:none;}
    100% {left:calc(38px / 2);   background:url(../images/errowizard.svg) left top no-repeat;}
  }
  @keyframes noActionIcon{
    0%    {left:0px; background:none;}
    100% {left:calc(38px / 2);   background:url(../images/errowizard.svg) left top no-repeat;}
  }




#wraper .wizardSection .multi-steps li.noAction.cancelwizard .circle:after{
  -webkit-animation: noActionIconCancel 0.4s 1.5s forwards; /* Safari 4.0 - 8.0 */
  animation: noActionIconCancel 0.4s 1.5s forwards;
  }

  @-webkit-keyframes noActionIconCancel{
    0%    {left:0px; background:none;}
    100% {left:calc(28px / 2);   background:url(../images/cancel.svg) left 4px no-repeat;}
  }
  @keyframes noActionIconCancel{
    0%    {left:0px; background:none;}
    100% {left:calc(28px / 2);   background:url(../images/cancel.svg) left 4px no-repeat;}
  }
#wraper .wizardSection .multi-steps li.noAction .circle.step1{
-webkit-animation: noactionstepOne 0.02s 2s forwards; /* Safari 4.0 - 8.0 */
 animation: noactionstepOne 0.02s 2s forwards;
}
#wraper .wizardSection .multi-steps li.noAction .circle.step2{
animation: 
noactionstepOne 0.02s 2s forwards, 
noactionstepTwo 0.02s 2.5s forwards;
-webkit-animation:
noactionstepOne 0.02s 2s forwards, 
noactionstepTwo 0.02s 2.5s forwards;
}
#wraper .wizardSection .multi-steps li.noAction .circle.step3{
animation: 
    noactionstepOne 0.02s 2s forwards, 
    noactionstepTwo 0.02s 2.5s forwards, 
    noactionstepThree 0.02s 3s forwards;
-webkit-animation: 
    noactionstepOne 0.02s 2s forwards, 
    noactionstepTwo 0.02s 2.5s forwards, 
    noactionstepThree 0.02s 3s forwards;
}
#wraper .wizardSection .multi-steps li.noAction .circle.step4{
animation: 
    noactionstepOne 0.02s 2s forwards, 
    noactionstepTwo 0.02s 2.5s forwards, 
    noactionstepThree 0.02s 3s forwards,
    noactionstepFour 0.02s 3.5s forwards;
-webkit-animation:  
    noactionstepOne 0.02s 2s forwards, 
    noactionstepTwo 0.02s 2.5s forwards, 
    noactionstepThree 0.02s 3s forwards,
    noactionstepFour 0.02s 3.5s forwards;
}
@-webkit-keyframes noactionstepOne {
  0%    {background-position:-43px -43px;}
  100% {background-position:-43px -43px;}
}
@keyframes noactionstepOne {
  0%    {background-position:-43px -43px;}
  100% {background-position:-43px -43px;}
}
@-webkit-keyframes noactionstepTwo {
  0%    {background-position:-86px -43px;}
  100% {background-position:-86px -43px;}
}
@keyframes noactionstepTwo {
  0%    {background-position:-86px -43px;}
  100% {background-position:-86px -43px;}
}
@-webkit-keyframes noactionstepThree {
  0%   {background-position:-129px -43px;}
  100% {background-position:-129px -43px;}
}
@keyframes noactionstepThree {
  0%    {background-position:-129px -43px;}
  100% {background-position:-129px -43px;}
}
@-webkit-keyframes noactionstepFour {
  0%   { background-position:-172px -43px;}
  100% {background-position:-172px -43px;}
}
@keyframes noactionstepFour {
  0%   { background-position:-172px -43px;}
  100% {background-position:-172px -43px;}
}
 
  /**Active around border of circle close**/
 
#wraper .wizardSection .multi-steps li .wiz-label{
  font-family:'Avenir Next World W05_n4';
  color:var(--primaryAppColor);
  font-size:18px;
  /* text-align: center; for CBC-9650 */
}
#wraper .wizardSection .multi-steps li.active .wiz-label{
   font-family:'Avenir Next World W05_n6';
}
#wraper .wizardSection .multi-steps li.active.completed .wiz-label{
  font-family:'Avenir Next World W05_n4';
}
#wraper .wizardSection .multi-steps li .inProcesAligment,
#wraper .wizardSection .multi-steps li .shipAlignment,
#wraper .wizardSection .multi-steps li .delAlignment{
  position:relative;
  left:-20px;
  }
  /** comment for bug number 9291**/
  /* #wraper .wizardSection .multi-steps li .delAlignment{
     left:-43px;
  } */
    /** comment for bug number 9291**/
 /* #wraper .wizardSection .multi-steps li .shipAlignment{
    left: -33px;
  } */
  /** for bug number 9291**/
  #wraper .wizardSection .multi-steps li.created .wiz-label{
    /* left: -20px;
    position: relative;
    text-align: left; for CBC-9650 */
    display: block;
  }
#wraper .wizardSection .multi-steps li.current .circle:before{
background-color:var(--primaryAppColor);
}
#wraper .wizardSection .multi-steps li.current .circle:after{
color:#fff
}
/**9291**/
#wraper .wizardSection.cstmWizard .multi-steps li:first-child .wiz-label{
  display: block;
  /* text-align: left;
  left: 0; for CBC-9650 */
}


/* for CBC-9650 */
#wraper .wizardSection .multi-steps li .wiz-label {
  text-align: center!important;
  display: block!important;
  max-width: 100px !important;
  position: relative;
  left: -2em;
}
/* CBC-9650 end */

#wraper .wizardSection .multi-steps li .circle:before{
  content: '';
  background-color:RGBA(20, 15, 75, 0.3);/**#E5ECF3**/
  text-align: center;
  display:block;
  margin:0px auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: relative;
  top: 4px;
  left: 0;
}

#wraper .wizardSection .multi-steps li.current .circle:before{
background-color:var(--primaryAppColor);

}
#wraper .checkoutFlow .wizardSection .multi-steps li.current .circle:after{
color:#fff;
}

 
#wraper .wizardSection .multi-steps li:after {
  content: '';
  height: 8px;
  width:auto;
  background-color:#E5ECF3;
  position: absolute;
  top: 16px;
  left: 39px;
/*  z-index: 1;*/
}
#wraper .wizardSection .multi-steps li:nth-child(1).completed:after,
#wraper .wizardSection .multi-steps li:nth-child(2).completed:after,
#wraper .wizardSection .multi-steps li:nth-child(3).completed:after,
#wraper .wizardSection .multi-steps li:nth-child(4).completed:after{
  background-color:var(--primaryAppColor);
  -webkit-animation: linecomplete 0.4s 1s forwards; /* Safari 4.0 - 8.0 */
  animation: linecomplete 0.4s 1s forwards;
}
#wraper .wizardSection .multi-steps li:nth-child(2).completed:after{
  -webkit-animation: linecomplete 0.4s 4.3s forwards!important; /* Safari 4.0 - 8.0 */
  animation: linecomplete 0.4s 4.3s forwards!important;
}
#wraper .wizardSection .multi-steps li:nth-child(3).completed:after{
  -webkit-animation: linecomplete 0.4s 6s forwards!important; /* Safari 4.0 - 8.0 */
  animation: linecomplete 0.4s 6s forwards!important;
}
#wraper .wizardSection .multi-steps li:nth-child(4).completed:after{
  -webkit-animation: linecomplete 0.4s 7.2s forwards!important; /* Safari 4.0 - 8.0 */
  animation: linecomplete 0.4s 7.2s forwards!important;
}
@-webkit-keyframes linecomplete {
  0%    {width:0px; }
   100% {width:100%;}
}
@keyframes linecomplete {
  0%    {width:0px; }
  100% {width:100%;}
}
 
#wraper .wizardSection .multi-steps li:nth-child(1).completed .completedcircle,
#wraper .wizardSection .multi-steps li:nth-child(2).completed .completedcircle,
#wraper .wizardSection .multi-steps li:nth-child(3).completed .completedcircle,
#wraper .wizardSection .multi-steps li:nth-child(4).completed .completedcircle{
background-color:transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display:block;
position:absolute;
width:40px;
height:40px;
left:0px;
top:0px;
-webkit-animation: circleWizard 0.4s 1s forwards; /* Safari 4.0 - 8.0 */
animation: circleWizard 0.4s 1s forwards;
}
#wraper .wizardSection .multi-steps li:nth-child(2).completed .completedcircle{
-webkit-animation: circleWizard 0.4s 4.3s forwards!important; /* Safari 4.0 - 8.0 */
animation: circleWizard 0.4s 4.3s forwards!important;
  }
  #wraper .wizardSection .multi-steps li:nth-child(3).completed .completedcircle{
-webkit-animation: circleWizard 0.4s 6s forwards!important; /* Safari 4.0 - 8.0 */
animation: circleWizard 0.4s 6s forwards!important;
  }
  #wraper .wizardSection .multi-steps li:nth-child(4).completed .completedcircle{
-webkit-animation: circleWizard 0.4s 7.2s forwards!important; /* Safari 4.0 - 8.0 */
animation: circleWizard 0.4s 7.2s forwards!important;
  }
@-webkit-keyframes circleWizard {	
  0%    {width:0px; height:0px; left:20px; top:20px; background-color:var(--primaryAppColor);}/**#1010EB**/	
  100% {width:40px; height:40px;left:0px; top:0px; background-color:var(--primaryAppColor);}/**1010EB**/	
}	
@keyframes circleWizard {	
  0%    {width:0px; height:0px; left:20px; top:20px; background-color:var(--primaryAppColor);}/**1010EB**/	
  100% {width:40px; height:40px;left:0px; top:0px; background-color:var(--primaryAppColor);}/**1010EB**/	
}
#wraper .wizardSection .multi-steps li:nth-child(1).completed .completedcircle:after,
#wraper .wizardSection .multi-steps li:nth-child(2).completed .completedcircle:after,
#wraper .wizardSection .multi-steps li:nth-child(3).completed .completedcircle:after,
#wraper .wizardSection .multi-steps li:nth-child(4).completed .completedcircle:after{
  content:'';
  width:20px; height:20px;
  -webkit-animation: inerCheck 0.4s 1s forwards; /* Safari 4.0 - 8.0 */
  animation: inerCheck 0.4s 1s forwards;
  opacity:0;
  position:absolute;
  background:url(../images/checkWizard.svg) left top no-repeat;
}
#wraper .wizardSection .multi-steps li:nth-child(2).completed .completedcircle:after{
  -webkit-animation: inerCheck 0.4s 4.3s forwards; /* Safari 4.0 - 8.0 */
  animation: inerCheck 0.4s 4.3s forwards;
}
#wraper .wizardSection .multi-steps li:nth-child(3).completed .completedcircle:after{
  -webkit-animation: inerCheck 0.4s 6s forwards!important; /* Safari 4.0 - 8.0 */
  animation: inerCheck 0.4s 6s forwards!important;
}
#wraper .wizardSection .multi-steps li:nth-child(4).completed .completedcircle:after{
  -webkit-animation: inerCheck 0.4s 7.2s forwards!important; /* Safari 4.0 - 8.0 */
  animation: inerCheck 0.4s 7.2s forwards!important;
}
@-webkit-keyframes inerCheck {
  0%    {background:none; left:0px; top:0px; opacity:1;}
  100% {  left:9px; top:7px; opacity:1;}
}
@keyframes inerCheck {
  0%    {background:none; left:0px; top:0px; opacity:1;}
  100% {  left:9px; top:7px; opacity:1;}
}
 
#wraper .wizardSection .multi-steps li .circle{
position:relative;
overflow:hidden;
color: var(--primaryAppColor)!important;
box-shadow: inset RGBA(20, 15, 75, 0.3) 0px 0px 0px 2px;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-ms-border-radius:100%;
border-radius:100%;
}
 
#wraper .wizardSection .multi-steps li.created .circle:after,
#wraper .wizardSection .multi-steps li.process .circle:after,
#wraper .wizardSection .multi-steps li.shipped .circle:after,
#wraper .wizardSection .multi-steps li.delivrd .circle:after,
#wraper .wizardSection .multi-steps li.active .circle:after,
#wraper .wizardSection .multi-steps li.completed .circle:after{
  background-image:url(../images/wizardInner.svg);
  background-repeat: no-repeat;
  background-position:0px 0px;
  content: '';
  position:absolute;
  display:block;
  left:9px;
  top:13px;
  width: 19px;
  height: 14px;
  background-size:110px;
}
#wraper .wizardSection .multi-steps li.created.active .circle:after{
background-position:0px -23px;
-webkit-animation: cretedActive 0.4s 0s forwards; /* Safari 4.0 - 8.0 */
animation: cretedActive 0.4s 0s forwards;
}
 
@-webkit-keyframes cretedActive {
  0%    {width:0px; height:0px; background-position:0px 0px; }
  100% {width:19px; height:14px; background-position:0px -23px; }
}
@keyframes cretedActive {
  0%    {width:0px; height:0px; background-position:0px 0px; }
  100% {width:19px; height:14px; background-position:0px -23px; }
}
/*#wraper .wizardSection .multi-steps li.completed .circle:after{
  background:url(../images/checkWizard.svg) left top no-repeat!important;
  width:20px;
  height:20px!important;
  top:7px!important;
  left:calc(20px - 11px)!important;
}*/
#wraper .wizardSection .multi-steps li.process .circle:after{
background-position:-27px 0px;
width:21px;
height:21px;
top:10px;
left: 10px;
}
 
#wraper .wizardSection .multi-steps li.process.active .circle:after,
#wraper .wizardSection .multi-steps li.process.completed.active .circle:after{
  -webkit-animation: proceActive 0.4s 1.5s forwards; /* Safari 4.0 - 8.0 */
  animation: proceActive 0.4s 1.5s forwards;
}
@-webkit-keyframes proceActive {
  0%    {background-position:-27px 0px;}
  100% {background-position:-27px -23px;}
}
@keyframes proceActive {
  0%    {background-position:-27px 0px;}
  100% {background-position:-27px -23px;}
}
#wraper .wizardSection .multi-steps li.shipped .circle:after{
  background-position:-54px -23px;
  width:28px;
  height:19px;
  left:5px;
  top:11px;
}
#wraper .wizardSection .multi-steps li.shipped.active .circle:after,
#wraper .wizardSection .multi-steps li.shipped.completed.active .circle:after{
-webkit-animation: shipActive 0.4s 5s forwards; /* Safari 4.0 - 8.0 */
animation: shipActive 0.4s 5s forwards;
-webkit-animation: shipActiveLeft 0.4s 5s forwards; /* Safari 4.0 - 8.0 */
animation: shipActiveLeft 0.4s 5s forwards;
}
@-webkit-keyframes shipActive {
  0%    {background-position:-54px 0px;}
  100% {background-position:-54px -23px;}
}
@keyframes shipActive {
  0%    {background-position:-54px 0px;}
  100% {background-position:-54px -23px;}
}
@-webkit-keyframes shipActiveLeft {
  0%    {left:-5px; background-position:-54px -23px;}
  100% {left:5px; background-position:-54px -23px;}
}
@keyframes shipActiveLeft {
  0%    {left:-5px; background-position:-54px -23px;}
  100% {left:5px; background-position:-54px -23px;}
}
#wraper .wizardSection .multi-steps li.delivrd .circle:after{
  background-position:-89px -23px;
  width:20px;
  height:20px;
  left:10px;
  top:11px;
}
#wraper .wizardSection .multi-steps li.delivrd.active .circle:after,
#wraper .wizardSection .multi-steps li.delivrd.completed.active .circle:after{
-webkit-animation: deleverd 0.4s 6.5s forwards; /* Safari 4.0 - 8.0 */
animation: deleverd 0.4s 6.5s forwards;
}
@-webkit-keyframes deleverd {
  0%    {top:40%; background-position:-89px 0px;}
  100% {top:11px; background-position:-89px -22px;}
}
@keyframes deleverd {
  0%    {top:40%; background-position:-89px 0px; }
  100% {top:11px; background-position:-89px -22px;}
}
 
#wraper .dashboardorder{
  z-index:10!important;
}
/*#wraper .wizardSection .multi-steps li:last-child{
  width:60px;
}*/
#wraper .wizardSection .multi-steps li:last-child:after {
  display: none;
}
 
#wraper .dash-no-Order{
  padding:0px!important;
  text-align:left;
  min-height:325px;
 
/*  min-height:385px;*/
 
}
#wraper .dash-no-Order .wiz-header{
  background-color:#F5F5F5;
  padding:25px 25px 20px;
  -webkit-border-radius:4px 4px 0px 0px;
  -moz-border-radius:4px 4px 0px 0px;
  border-radius:4px 4px 0px 0px;
  margin: 0 10px; /* Changes done by AR for card animation--Don't change this style */
}
.wiz-header .wiz-head-hdng,
.wiz-header .wiz-subhdng{
   font-family:'Avenir Next World W05_n6';
   color:#1010EB;
   font-size:18px;
   line-height:24px;
}
.wiz-header .wiz-subhdng{
  font-family:'Avenir Next World W05_n4';
  color:var(--primaryAppColor);
}
#wraper .dash-no-Order .dashwizard-2 .multi-steps li:last-child{
  width:35px!important;
}
#wraper .dash-no-Order .dashwizard-2 {
  padding-top:30px;
  max-width: 90%;
  margin: 0 auto;
}
 
#wraper .dash-wiz-container{
  padding:20px 25px 20px;
}
#wraper .dash-wiz-container .wiz-hdng,
#wraper .dash-wiz-container .wiz-value{
  font-size:18px;
}
#wraper .dash-wiz-container .list-pdng-btm{
  padding-bottom:10px;
}
#wraper .dash-wiz-container .list-pdng-btm:last-child{
  padding-bottom:0px;
}
#wraper .dash-wiz-container .wiz-hdng{
  font-family:'Avenir Next World W05_n4';
  color:var(--primaryAppColor);
}
#wraper .dash-wiz-container .wiz-value{
  font-family:'Avenir Next World W05_n6', 'MontserratBd';
  color:var(--primaryAppColor);
}
/*******************************************Wizard section here ends**/
.disabled .circle{
  cursor: not-allowed;
  opacity: 0.4;
}
/*Slider**/
#sliderDashbrd .carousel-control-next, 
#sliderDashbrd .carousel-control-prev{
  width:auto;
  color:#fff;
  opacity:1;
  top: 145px;
  height: 0;
}
#sliderDashbrd .carousel-control-next .fa,
#sliderDashbrd .carousel-control-prev .fa{
  font-size:50px;
}
 
#sliderDashbrd .carousel-control-next{
  right:-45px;
}
#sliderDashbrd .carousel-control-prev{
  left:-45px;
  }
#sliderDashbrd .carousel-control-next .circle,
#sliderDashbrd .carousel-control-prev .circle{
/*  background-color:#fff;*/
/*  box-shadow:2px 3px 2px #ccc;*/
/*  -webkit-border-radius:100%;
  width:30px;
  height:30px;
  line-height:30px;*/
}
 
/*Slider End**/
/*Popup CSS*/
/* p{
    color:var(--primaryAppColor);
    font-family: Avenir Next World W05_n3;
    font-size: 20px;
} */
 
.z-index-10{
    position:relative;
    z-index:10;
}
#wraper .header{
    background-color: #fff;
    padding: 10px 0px;
	box-shadow: 0px 4px 8px rgba(20,15,75,0.05);
}
#wraper .form-container{
    padding: 30px 30px;
    margin-top: 6vh;
    margin-bottom: 6vh;
    border-radius: 4px 4px 0px 0px;
    -webkit-box-shadow: 1px 1px 8px 0px rgba(112,115,118,0.34);
    -moz-box-shadow: 1px 1px 8px 0px rgba(112,115,118,0.34);
    box-shadow: 1px 1px 8px 0px rgba(112,115,118,0.34);
}
 
hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #D8D8D8;
}
label{
    color: var(--primaryAppColor);
    font-family:'Avenir Next World W05_n4';
    font-size: 16px;
}
/* FOOTER CSS*/

#wraper .footer{
    background-color:var(--primaryAppColor);
    color: #ffffff;
    font-size: 12px;
    padding-top: 88px;
    padding-bottom: 110px; /** Changed by AR for global style **/
    line-height: 1.6;
    position:relative;
    font-family: Avenir Next World W05_n3;
}
 
#wraper .footer span{
    font-family: Avenir Next World W05_n7;
    font-size: 18px;
}
 
#wraper .btn-customized{
    background-color: var(--primaryBtnBackGroundColor);
    color: var(--primaryBtnColor);
    margin-bottom: 25px;
    border-radius: 4px;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    font-family:'Avenir Next World W05_n6';  
    font-size: var(--btnFontSize);
   /* z-index:100;*/
    position:relative;
}
#wraper .btn.btn-w-xy-auto{
	height:auto;
	width:auto!important;
}
	#wraper .btn-link{
	font-family:'Avenir Next World W05_n6';  
	font-size:16px;
	color:#1010EB;
	font-weight:600;/*** for CBC-5310 by sayed**/
	}
#wraper .btn-link:focus{/** For bug number CBC-6102**/
text-decoration: none;
}
#wraper .modal .btn-link{/** For bug number CBC-6102**/
min-width: 100px!important;
}


#wraper .btn-customized:hover,
#wraper .btn-customized-blue:hover,
#wraper .btn-customized-gray:focus,
#wraper .btn-customized-gray:hover{
  background-color: var(--primaryBtnHoverBckColor);
  color: var(--primaryBtnHoverColor)!important;
}
#wraper .btn-link:hover{
color: var(--linkTextHoverColor)!important;
}
 
button[disabled]{
  cursor: not-allowed;
/*  pointer-events: none;*/
}
button:focus{
	outline:none;/**CBC-7830**/
}
/** for bug number CBC-6490***/
#wraper .linkText:disabled{
pointer-events: none;
color: #BFBFBF;
opacity: 1;
}
#wraper .btn-customized[disabled],
 a.btn.disabled{/*Added 'a.btn.disabled' for CBC-8964*/
background-color:var(--btndisabled)!important;/**CBC-6335**/
color:var(--btndisabledtext);
cursor: not-allowed;
transform: none;
}

/* for CBC-8466 */
#wraper .btn-customized[disabled]:hover {
  color:var(--btndisabledtext)!important;
}
/* end CBC-8466 */

#wraper .btn-customized-blue[disabled],
#wraper .btn-customized-blue[disabled]:hover{
  opacity:1;
  background-color:#BFBFBF!important;/**CBC-6335, CBC-6612**/
  color:#ffffff!important;
  cursor: not-allowed;
  transform: none;
  border:none;/**CBC-6612**/
}
#wraper .btn-customized-gray[disabled],
#wraper .btn-customized-gray[disabled]:hover{
opacity:1;
background-color:#BFBFBF!important;/**CBC-6335**/
color:#AEB1B4!important;
cursor: not-allowed;
transform: none;
border:none;/**CBC-6612**/
}
#wraper a.btn.linkText.disabled {
    cursor: not-allowed;
    transform: none;
    pointer-events: auto;
}
#wraper .btn-customized-blue,
#wraper .btn-customized-gray{
    background-color: var(--secondaryBtnBackGroundColor);
    color: var(--secondaryBtnColor);
    border-color: #1010EB;
    border-width:2px;
    margin-bottom: 25px;
    border-radius: 4px;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    font-family:'Avenir Next World W05_n6';  
    font-size: var(--btnFontSize);
   /* z-index:100;*/
    position:relative;
}
#wraper .btn-customized-gray{
    background-color:#E6D8C2;
}
 
#wraper .btn-customized-white{
    background-color: #ffffff;
    margin-top: 0px;
    margin-bottom: 25px;
    border-radius: 4px;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    font-family:'Avenir Next World W05_n6';  
    font-size: 16px;
}
#wraper .btn-link-customized{
    background-color: transparent;
    color: var(--primaryAppColor);
    border-radius: 4px;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    font-family:'Avenir Next World W05_n6';
    font-size: 16px;
    padding-left: 0px;
}
#wraper .btn-link-customized-white{
    background-color: transparent;
    color: #ffffff;
    border-radius: 4px;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    font-family:'Avenir Next World W05_n6';
    font-size: 16px;
    /*padding-left: 0px;*/
}
 
#wraper .underline-black,
#wraper .underline-black-2{
    height: 1px;
    width: 32px;
    background: var(--primaryAppColor);        
   /* margin-top: -5px;*/
}
#wraper .underline-black-2{
  width:15px;
  background-color: #1010EB;
}
#wraper .underline-white{
    height: 1px;
    width: 32px;
    background: #ffffff;
    margin-top: -5px;
}
 
        /* The radio */
.cstm-radio {
 
     display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px; /* Changed by AR for global style */
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
 
/* Hide the browser's default radio button */
.cstm-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
 
/* Create a custom radio button */
.checkround {
    position: absolute;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color:transparent; ;
    border-color:#707070;
    border-style:solid;
    border-width:2px;
     border-radius: 50%;
}
 
/* When the radio button is checked, add a blue background */
.cstm-radio input:checked ~ .checkround {
    background-color: #fff;
}
 
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
    content: "";
    position: absolute;
    display: none;
}
 
/* Show the indicator (dot/circle) when checked */
.cstm-radio input:checked ~ .checkround:after {
    display: block;
}
 
/* Style the indicator (dot/circle) */
#wraper .cstm-radio .checkround:after {
     left: 2px;
    top: 2px;
    width: 0px;
    height: 0px;
    border-radius: 50%;
    background:#1010EB;
    -webkit-animation: radioActive 0.4s forwards!important; /* Safari 4.0 - 8.0 */
    animation: radioActive 0.4s forwards!important;
}


@-webkit-keyframes radioActive {
  0%{background:none; width:12px; height:12px; left:12px; top:12px;}
  100%{left: 4px; top: 4px;}
}
@keyframes radioActive {
  0%{background:none; width:12px; height:12px; left:12px; top:12px;}
  100%{left: 4px; top: 4px;}
}

.customround {
    position: absolute;
    top: 6px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color:transparent; ;
    border-color: var(--primaryAppColor);
    border-style:solid;
    border-width:2px;
     border-radius: 50%;
}
 
/* When the radio button is checked, add a blue background */
.cstm-radio input:checked ~ .customround {
    background-color: #fff;
}
 
/* Create the indicator (the dot/circle - hidden when not checked) */
.customround:after {
    content: "";
    position: absolute;
    display: none;
}
 
/* Show the indicator (dot/circle) when checked */
.cstm-radio input:checked ~ .customround:after {
    display: block;
}
 
/* Style the indicator (dot/circle) */
.cstm-radio .customround:after {
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background:#1010EB; 
}
 
.customroundlabel{
    font-family:'Avenir Next World W05_n6';
    font-size: 14px;
    margin-bottom: 32px;
    padding-top: 5px;
}
.btn:focus, .btn:hover {
  /* Meghnath changes for 3388*/
	/*box-shadow: none !important;*/
}

/*pagination css starts*/
.pagination .page-item .page-link{
  background-color: transparent;
  border: none;
}
.pagination .pageNumbers{
    border: 1px solid #F5F5F5;
    border-radius: 4px;
    background-color: #F5F5F5;
    margin-right: 8px;
    height: 32px;
      cursor: pointer;
}
.pagination .pageNumbers a{
   font-family:'Avenir Next World W05_n6';  
  font-size: 14px;
  color: var(--primaryAppColor);
}
.pagination .pageNumbers a:hover, .pagination .pageNumbers a:focus {
  background-color: #1010EB;
  color: #fff;
  border-radius: 4px;
  box-shadow: none;
}
.pagination .paginationArrow{
    height: 32px; 
  cursor: pointer;
  margin:-2px 5px 0px 5px;
}
.pagination .page-link:focus{
  box-shadow: none;
}
 .pagination .paginationArrow .fa-angle-left:before, .pagination .paginationArrow .fa-angle-right:before{
   font-size: 22px;
   color: var(--primaryAppColor);  
 }
 /*pagination css ends*/
 /*Custom checkbox css starts*/
.CheckBoxCustom{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 50px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
 
.CheckBoxCustom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #fff;
  border: 2px solid #707070;
  border-radius: 4px;
}
/* When the checkbox is checked, add a blue background */
.CheckBoxCustom input:checked ~ .checkmark {
  background-color:#1010EB;
  border-color: #1010EB;
  transition:all 0.2s ease-in-out;
}
 
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
 
/* Show the checkmark when checked */
.CheckBoxCustom input:checked ~ .checkmark:after {
  display: block;
  left: 13px;
  top: 8px;
  width: 10px;
  height: 16px;
  border:solid #fff;
  opacity: 1;
  border-width: 0px 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); 
  transition:all 0.2s ease-in-out;
}

/*Custom checkbox css ends*/
/*Progeres bar css starts*/
/*.progress{  
  max-width: 278px;
  width:100%;
  height: 4px;
  padding: 0px;
  border-radius: 0px;
  background-color: #DEE2E5;
}*/
#progressBarDiv{  
    overflow:hidden; 
    position:relative;
    max-width: 278px;
    width:100%;
    height: 4px;
    padding: 0px;
    border-radius: 0px;
    background-color: #DEE2E5;
  }   
.progress{ 
    width:0px;
    height:100%;
    position:absolute;
    background-color:#1010EB;
    left:0px;
    top:0px;
    z-index: 1;
}
/*.progress-bar{
  height:8px!important;
  background-color: #1010EB!important;
  transition: all 0.2s ease-in-out;
}*/
/*Progeres bar css ends*/
 
/*Accordion css starts*/
.accordionContainer .card-link{
  font-family:'Avenir Next World W05_n4';
  font-size: 16px;
  color: var(--primaryAppColor);
}

/**Comment cursor pointer for bug number " CBC-4832"**/
.accordionContainer .card{
  border-bottom:1px solid #D8D8D8 !important;
  border:none;
 /** cursor: pointer;**/
}
.accordionContainer .card-body{
  color: var(--primaryAppColor);
}
.accordionContainer .card-header.collapsed,
.accordionContainer .card-header {  
 /* border-bottom:1px solid #D8D8D8 !important;*/
  background-color: #fff;
  cursor:pointer;
}
.accordionContainer .card-header{
      border-bottom:none;
      
}
.accordionContainer .card-header .accordionIconMain{
	position:relative;
    float: right;
}
.accordionContainer .card-header.collapsed .accordionIconMain:after,
.accordionContainer .card-header .accordionIconMain:after{
font-size:18px;
font-family: fontAwesome;
-webkit-text-stroke: 2px white;
content:"\f067";
display:block;
color:#1010EB;
}
.accordionContainer .card-header .accordionIconMain:after{
content:"\f068";
}

/*.accordionContainer .card-header.collapsed .accordionIconMain{ 
    background: url(../images/plus.png) no-repeat!important;
    width: 16px;
    height: 16px;
   margin-top: 6px;
   transform: rotateZ(180deg) !important;
}
.accordionContainer .card-header .accordionIconMain{ 
  background: url(../images/minus.png) no-repeat;
  width: 16px;
  height: 16px;
  margin-top: 6px;
}*/


/*Switch button css starts*/
  .custom-switch .custom-control-label::before{
    width: 40px;
    height: 21px;
    border-radius: 29px;
  }
.custom-switch .custom-control-label::after{
  width: 17px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    top: 6px;
}
  .custom-switch .custom-control-label{
    margin-left: 30px;
  }
 
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 21px;
}
 
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
 
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#BFBFBF;
  -webkit-transition: .4s;
  transition: .4s;
   box-shadow: inset #3c3c3c 0px 0px 3px 0px;
}
 
.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 1px;
  bottom: 2px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}
 
input:checked + .slider {
  background-color: #1010EB;
}
input[type='checkbox'] + .slider + .please_select_label{/** for 5915**/
font-family: 'Avenir Next World W05_n4';
color:#3C3C3C;/**140F4B**/
}
input:checked + .slider + .please_select_label,
.commPrefEmail-Det .oncolor{/**for 5915**/
font-family: 'Avenir Next World W05_n6';
color:var(--primaryAppColor);/**140F4B**/
font-size:14px;
}
input:focus + .slider {
  box-shadow: 0 0 1px #1010EB;
}
 
input:checked + .slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}
 
/* Rounded sliders */
.slider.round {
  border-radius: 29px;
}
 
.slider.round:before {
  border-radius: 50%;
}
/*Switch button css ends*/
/*My documents Modal css starts*/
.displayInlineBlock{
  display: inline-block;
}
#wraper .uploadDocumentModalContainer .modal-dialog {    
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
    }
    .uploadDocumentModalContainer .modal-dialog .modal-content {
    padding: 30px;
  }
    .uploadDocumentModalContainer .modal-body {
    padding: 0px 0px;
}
#wraper .uploadDocumentModalContainer .crossIconDiv {
    line-height: 0px;
}
#wraper .uploadDocumentModalContainer .modal-crosicon .fa-times:before {
  font-family: fontAwesome;
  font-style: normal;
  color: var(--primaryAppColor);
  content: "\F105\F104"!important;
  letter-spacing: -0.15em!important;
  cursor: pointer;
  font-size: 22px;
  top: -11px;
  right: -5px;
  position:absolute;
}
#wraper .assignmentBenefits .modal-crosicon .fa-times:before {
    color: var(--primaryAppColor);
    content: "\F105\F104"!important;
    letter-spacing: -0.15em!important;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
        top: 1px !important;
    left: 160px;
}
#wraper .uploadDcoumentMoodalHeadText{
    font-family:'Avenir Next World W05_n4';
    font-size: 20px;
    color: var(--primaryAppColor);
    margin-bottom: 30px;
  }
  #wraper .uploadDcoumentFileCategory{
    font-family:'Avenir Next World W05_n4';
    font-size: 13px;
    color: var(--primaryAppColor);
  }
  .fileCategoryDropDownMain{
    position: relative
  }
  .fileCategoryDropDown{
      max-width: 327px;
      cursor: pointer;
      
      border-radius: 4px;
    /*  padding-top: 14.5px;
      padding-bottom: 14.5px;
      background-color: #F5F5F5;
      padding-left: 15px;*/
      border: none;
      width: 100%;
      
  }
  .fileCategoryDropDown:focus{
    outline: none !important;
  }
  .fileCategoryDropDown a{
    font-family:'Avenir Next World W05_n4';
    font-size: 16px;
    color: var(--primaryAppColor);
  }
  .fileCategoryDropDown .airowicon {
    background: url(../images/airowbottomlarge.svg) left center no-repeat;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 1px;
    width: 18px;
    height: 18px;
    margin-left: 8px;    
        float: right;
  }
  .supportDocumentFormats{
    font-family:'Avenir Next World W05_n4';
    font-size: 14px;
    color: var(--primaryAppColor);
    margin: 10px 0px 30px;
  }
  .uploadContentMain{
    min-height: 130px;
  }
  .assignmentBenefits{
     font-family:'Avenir Next World W05_n6';
    font-size: 14px;
    color: #1010EB;
    margin-top: 35px;
    position: relative;
  }
  .errorDivUpload{
    font-family:'Avenir Next World W05_n4';
    font-size: 14px;
    color: #CC0025;   
    background: url(../images/error.svg) left top no-repeat;
    padding-left: 30px;
    vertical-align: middle;
    margin-top: 10px;
    //display: none;
  }
/*  .uploadContentMain .progress{
    width:262px;
    height: 4px;
  }*/
  .successDivUpload{
    font-family:'Avenir Next World W05_n4';
    font-size: 14px;
    color: var(--primaryAppColor);   
    background: url(../images/Activecheck.svg) left center no-repeat!important;
    padding-left: 35px;
    vertical-align: middle;
    margin-top: 30px;
   background-size: 20px!important;   
  }
  .confirmMessageTextUpload{
    font-family:'Avenir Next World W05_n4';
    font-size: 18px;
    color: var(--primaryAppColor);
    margin: 35px 0px 15px 0px;
    text-align: center;
  }
 .uploadDocumentModalBtnMain .confirmBtnMain {
   text-align: right;
   padding-right: 0px;
 }
  .btnWidth144{
    max-width: 144px;
    width: 144px;
  }
  .confirmBtnModalUpload{
    font-family:'Avenir Next World W05_n6';
    font-size: 16px;
    color: #FFFFFF;
    background-color: #1010EB;
    margin-right: 30px;
    max-width: 144px;
    width: 144px; 
   }
   /** added hover for bug number CBC-5314 by sayed**/
	.confirmBtnModalUpload:hover{
	background-color: #0C0CA5;
	}
  .cancelBtnModalUpload{
    font-family:'Avenir Next World W05_n6';
    font-size: 16px;
    color: #1010EB;
    margin-top: 10px;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }
  /** added hover for bug number CBC-5314 by sayed**/
   .cancelBtnModalUpload:hover{
	   color:#0C0CA5;
	   text-decoration:underline;
   }
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
/*My documents Modal css ends*/
/*Acknowledge, Review and submit Modal starts*/
.acknowledgeModal .modal-dialog, .reviewAndSubmitModal .modal-dialog {    
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
    max-width: 962px;
    }
    .acknowledgeModal .modal-body, .reviewAndSubmitModal .modal-body{
      padding-left: 0px;
    }
.acknowledgeModal .modal-dialog .modal-content, .reviewAndSubmitModal .modal-dialog .modal-content {
   /* padding: 30px 30px 5px 30px; commenting for 8095 */
    padding: 40px 55px; /* for 8095 */
}
#wraper .acknowledgeModal .crossIconDiv, #wraper .reviewAndSubmitModal .crossIconDiv {
    line-height: 0px;
}
/**#wraper .acknowledgeModal .modal-crosicon .fa-times:before, #wraper .reviewAndSubmitModal .modal-crosicon .fa-times:before {
    color: var(--primaryAppColor);
    content: "\F105\F104"!important;
    letter-spacing: -0.15em!important;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    top: -20px;
    right: -5px;
}**/
.acknowledgeHeadText, .reviewAndSubmitHeadText{
  font-family:'Avenir Next World W05_n6';
    font-size: 24px;
    color: var(--primaryAppColor);
        margin: 0px 60px 0px 60px;
}
.acknowledgeHeadText1{
  font-family:'Avenir Next World W05_n4';
    font-size: 16px;
  color: var(--primaryAppColor);
}
.acknowledgeModal ol {
  padding-left: 15px;
  font-family:'Avenir Next World W05_n4';
    font-size: 14px;
  color: var(--primaryAppColor);
}
.acknowledgeModal ol li{
  margin-top: 10px;
  padding-left: 5px;
}
.ackParaMain{
  margin-top: 25px;
}
.ackParaMain div{
  font-family:'Avenir Next World W05_n4';
  font-size: 20px;
  color: var(--primaryAppColor);
}
.ackParaMain p{
  font-family:'Avenir Next World W05_n4';
    font-size: 14px;
  color: var(--primaryAppColor);
  margin-top: 15px !important;
}
.ackButtonDiv, .reviewAndSubmitButtonDiv{
  margin-top: 40px;
}
.ackButtonDiv .autoBtnResponsive, .reviewAndSubmitButtonDiv .autoBtnResponsive{
  max-width: 208px;
  width: 208px;
}
.reviewAndSubmitHeadPara{
  font-family:'Avenir Next World W05_n4';
  font-size: 14px;
  color: var(--primaryAppColor);
}
.reviewAndSubmitHeadPara1{
  font-family:'Avenir Next World W05_n4';
  font-size: 14px;
  color: var(--primaryAppColor);
  margin-top: 35px !important;
}
.reviewAndSubmitHeadPara2{
  font-family:'Avenir Next World W05_n4';
  font-size: 18px;
  color: var(--primaryAppColor);
  margin-top: 10px !important;
}
/*********changes in the class by Danish ***********/
.reviewSubmitBody{
  position:relative;
}
.reviewSubmitBody .reviewAndSubmitFormMain{
  display: table;
  width:82%;
}
  .reviewSubmitBody .reviewAndSubmitFormMain .inputTextBox{
  display: table-cell;
  padding-right: 30px;
  width:50%;
  }
/*********End changes**************/
.reviewAndSubmitFormMain{
  margin-top: 25px;
}

.reviewAndSubmitFormMain .inputTextBox{
  margin-right: 30px;
}
/*Acknowledge, Review and submit Modal ends*/
/** Added below media query for bug number CBC-5486**/
@media(max-width:400px){
#wraper .container {   
padding-right:15px!important;
padding-left:15px!important;
}
}
/* start for CBC-9002 */
@media(max-width:1024px) and (orientation: landscape){
    /**CBC-9657**/
    #wraper .wizardSection.cstmWizard .multi-steps li:first-child .wiz-label{
      /* left:0px!important; for CBC-9650 */
    }
  }

@media(max-width:48em){ 
  /**CBC-9657**/
  #wraper .wizardSection.cstmWizard .multi-steps li:first-child .wiz-label{
    /* left:0px!important; for CBC-9650 */
    padding-left:6px;
  }
    .btnsizeNormal{
        width:150px!important;
    }
 #wraper .container {   
    padding-right: 24px;/*** Remove important for bug number CBC-5486**/
    padding-left: 24px;/*** Remove important for bug number CBC-5486**/
    /**padding-right: 24px!important;
    padding-left: 24px!important;**/ /** Remove because 2 time showing**/
  }
    .pdngleft36{
     padding-left:36px;
  }
  .qtySelect{
    padding-left:36px;
  }
      @-webkit-keyframes linecomplete {
      0%    {width:0px; }
      100% {width:calc(100% - 38px)}
    }
    @keyframes linecomplete {
      0%    {width:0px; }
      100% {width:calc(100% - 38px)}
    }
#wraper .footer{
        padding:20px 10px!important;
    }
    #wraper .footer .med-footerLinksDiv a,
    #wraper .footer .med-footerText{
        padding:0px 5px 10px;
    }
  #wraper .wizardSection .multi-steps li:last-child{
    width:40px;
  }
  .wiz-header .wiz-head-hdng,
  .wiz-header .wiz-subhdng{
    font-size:14px;
    line-height:18px;
  }
  #wraper .dash-wiz-container .wiz-hdng,
  #wraper .dash-wiz-container .wiz-value{
    font-size:14px;
    line-height: 20px;
    display: block;
  }
  /**#wraper .wizardSection >.col-12{
    padding: 0 30px;
  }**/
/*  #wraper .dash-wiz-container .list-pdng-btm{
    padding-bottom:0px;
  }*/
  #wraper .wizardSection .multi-steps li{
    width:calc(100%/4);
   }
  #wraper .wizardSection .multi-steps li .wiz-label{
    font-size:13px;
    /* for 9002 */
    max-width: 70%;
    display: block;
    /* left: -2em; for CBC-9650 */
  }

  /* for CBC-9002 */
  /* #wraper .wizardSection .multi-steps li .inProcesAligment{
    left:-12px;
  } */
  /* for CBC-9002 */
  /* #wraper .wizardSection .multi-steps li .shipAlignment{
    left:-7px;
  } */
  #wraper .wizardSection .multi-steps li .delAlignment {
    left: -9px;
}
  .homeLogo{
    width:24px;
  }
  #wraper .dash-no-Order .wiz-header{
    padding: 15px;
  }
  #wraper .dash-no-Order .dashwizard-2{
    padding-top: 10px;
    max-width: 100%;
    }
  #wraper .dash-wiz-container {
    padding: 15px;
  }
  #wraper .btn.btn-w-xy-auto{
white-space: normal;
line-height: 14px;
padding: 4px 0px;
font-size: 12px;
text-align:left;
}
/*#wraper .dash-no-Order{
  min-height: 262px;
  }*/
 /*My documents Modal css starts*/
  #wraper .uploadDocumentModalContainer .modal-dialog {
    margin: 1.75rem 24px;  
    min-height: calc(100vh - 200px);    
    }
  #wraper .uploadDocumentModalContainer {
    padding: 10px 0px!important;
    /*overflow-y: hidden!important;*/
    }
    .uploadDocumentModalContainer .modal-dialog .modal-content{
    padding: 30px 15px 25px;
    }
    #wraper .uploadDocumentModalContainer .modal-crosicon .fa-times:before {
    font-size: 18px;
    position: absolute;
    top: -20px;
    right: 5px;
  }
  #wraper .uploadDcoumentMoodalHeadText{
    font-family:'Avenir Next World W05_n6';
    margin-bottom: 25px;
  }
  .fileCategoryDropDown a{   
    font-size: 14px;    
  }
  .supportDocumentFormats{    
    margin: 10px 0px 15px;
  }
  .uploadContentMain{
    min-height: 105px;
  }
  .confirmMessageTextUpload{
    font-size: 14px;
    margin: 35px 0px 15px 0px;
    text-align: left;
  }
  .confirmBtnModalUpload{    
   max-width: 208px !important;
    width: 208px;
   margin: 0 auto 20px auto;    
  }  
  .cancelBtnModalUpload{
    text-align: center;
  }
 /* .uploadDocumentModalBtnMain{
    margin: 0px 140px;
  }*/
  /*My documents Modal css ends*/
/*Acknowledge, Review and submit Modal starts*/
 #wraper .acknowledgeModal .modal-dialog, #wraper .reviewAndSubmitModal .modal-dialog {
    margin: 1.75rem 24px;  
    min-height: calc(100vh - 200px);    
    }
  .acknowledgeModal .modal-dialog .modal-content, .reviewAndSubmitModal .modal-dialog .modal-content {
    padding: 30px 15px 5px 15px;
  }
  /**#wraper .acknowledgeModal .modal-crosicon .fa-times:before, #wraper .reviewAndSubmitModal .modal-crosicon .fa-times:before {
    font-size: 18px;
    position: absolute;
    top: -20px;
    right: 5px;
  }**/
  .acknowledgeHeadText, .reviewAndSubmitHeadText {    
    font-size: 20px;
    line-height: 26px;
    margin: 0px;   
  }
  .acknowledgeHeadText1{ 
    font-size: 14px;
  }
  .ackParaMain{
  margin-top: 40px;
}
.reviewAndSubmitFormMain{
  margin-top: 0px;
}
.reviewSubmitBody .reviewAndSubmitFormMain{
  width:100%;
}
.reviewSubmitBody{
  padding-right:0px;
}
.reviewAndSubmitFormMain .inputTextBox{
  margin:25px 0px 0px 0px;
  display: table!important;
  width: 100%!important;
  padding-right: 0!important;
}
/*Acknowledge, Review and submit Modal ends*/

#wraper .shipingBox .cstm-radio .checkround:after{
        /* left: 2px;
        top: 2px; */
        width: 12px;
        height: 12px;
		border-radius:50%;
		position:relative;
		top: 50%;
	   left: 50%; 
	   margin: -3px 0px 0px -3px; 
/*      -webkit-animation: radioActive 0.6s forwards!important;*/ /* Safari 4.0 - 8.0 */
/*    animation: radioActive 0.6s forwards!important;*/
    }
	
    #wraper .shipingBox .cstm-radio .checkround{  
		/* right: 3px;
		top: -17px; */
		width:18px;
		height:18px;
		border-radius:50%;
		position:absolute;
	}
    @-webkit-keyframes radioActive {
    0%{background:none; width:12px; height:12px; left:4px; top:4px;}
    100%{left:4px; top:4px;}
  }
  @keyframes radioActive {
    0%{background:none; width:12px; height:12px; left:4px; top:4px;}
    100%{left:4px; top:4px;}
  }
}



@media only screen and (max-device-width : 420px){
        .header .homeLogo{
            width:24px;
        }
        #wraper .logoImage img{
          width: 100px;
		  vertical-align: text-top;
        }
        .header .whiteLogo{
            width:70px;
        }
        #wraper .search, #wraper .cart{
            background-size:24px!important;
            margin-right: 16px!important;
        }
        .input-field{
          margin-right:15px;
        }
/*        #wraper .profile{
          top:0px;
        }*/
        .input-field.second input{
            padding-right:30px;
            background-position: calc(100% - 10px) 8px;
        }
 
}
@media only screen and (max-width: 480px) {
 
    hr {
        margin-top: 35px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #D8D8D8;
    }
    #sliderDashbrd .carousel-control-next, 
#sliderDashbrd .carousel-control-prev{
  display:none;
}
  #wraper .footer{
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 60px;
        font-size: 8px;
        color:#ffffff;
        position:relative;
        /*z-index:100;*/
    }
    #wraper .footer span{
        font-family: Avenir Next World W05_n7;
        font-size: 12px;
    }
 
  
    #wraper .form-container{
        padding: 24px 24px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
  
    #wraper .webPage{
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* @media (min-width: 1024px){
    #wraper .footer .med-footerLinksDiv a {
        padding: 0px 10px;
    }
} */  /* Changed by AR for global style changes */
 
@media(min-width:820px){
  #wraper .wizardSection .multi-steps li:last-child{
    max-width:0px;
  }
  #wraper .wizardSection .multi-steps:after{
    left:4px;
  }
}
@media only screen and (min-width:576px) and (max-width:768px){
#wraper .uploadDocumentModalContainer .modal-dialog {
    margin: 1.75rem 110px;
}
.acknowledgeModal .modal-dialog, .reviewAndSubmitModal  .modal-dialog {    
    margin: 1.75rem 15px;
    }  
}
@media only screen and (min-width:769px) and (max-width:992px){
.acknowledgeModal .modal-dialog, .reviewAndSubmitModal  .modal-dialog{    
    margin: 1.75rem 15px;
    }
}


/* for thin arrow CBC-9250 */
i.chevron-thin {
  -webkit-text-stroke: 1.5px #fff;
  vertical-align: bottom;
}
/* for custom anchor tags. CBC-9785 */
.altLinkText {
  font-family: 'Avenir Next World W05_n6';
  color: #1010EB;
  font-size: 16px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}