@font-face {
    font-family: 'Open Sans';
    src: url(../../fonts/open-sans-v15-latin-regular.eot);
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../../fonts/open-sans-v15-latin-regular.eot?#iefix) format('embedded-opentype'), url(../../fonts/open-sans-v15-latin-regular.woff2) format('woff2'), url(../../fonts/open-sans-v15-latin-regular.woff) format('woff'), url(../../fonts/open-sans-v15-latin-regular.ttf) format('truetype'), url(../../fonts/open-sans-v15-latin-regular.svg#OpenSans) format('svg')
}

@font-face {
    font-family: "Domaine Display";
    src: url(../../fonts/DomaineDisplayWeb-Bold.eot) format('embedded-opentype'), url(../../fonts/DomaineDisplayWeb-Bold.eot?#iefix) format('embedded-opentype'), url(../../fonts/DomaineDisplayWeb-Bold.woff) format('woff'), url(../../fonts/DomaineDisplayWeb-Bold.woff2) format('woff2')
}

body,
html {
    font-family: Open Sans;
    font-weight: 400;
    color: #2f3338;
    background: #fff;
    font-size: 16px;
    overflow-x: hidden;
    overflow: visible
}

.step-connector {
    position: relative;
    top: 25px;
    padding: 0
}

.steps {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    top: 9px
}
.form-control.error:focus {
    border-color: #519AD4 !important; /* Black border */
    box-shadow: 0 0 0 0.2rem #519AD4(0, 123, 255, 0.25) !important; 
    outline: 3px solid #519AD4 !important; /* Visible outline for accessibility */
    /* outline-offset: 2px !important; */
}
.form-control:focus {
    border-color: #519AD4 !important; /* Black border */
    box-shadow: 0 0 0 0.2rem #519AD4(0, 123, 255, 0.25) !important; 
    outline: 3px solid #519AD4 !important; /* Visible outline for accessibility */
    /* outline-offset: 2px !important; */
}
.steps-1,
.steps-2,
.steps-3 {
    display: inline-block;
    background-color: #69747a;
    border-radius: 37px;
    padding: 15px;
    width: 75px;
    height: 75px
}
.steps-1.step-indicator {
    background-color: rgb(125, 63, 152);
}

.stepCircleText1 {
    color: rgb(255, 255, 255);
    font-weight: 600;
    /* Allow text spacing bookmarklet to override */
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

.stepCircleText1.step-number {
    margin-right: 0;
    margin-left: 0;
    margin-top: 6px;
    text-align: center;
}

.stepCircleText1.step-total {
    margin-left: 11px;
}
/* step2 */
.stepCircleText2 {
    color: rgb(255, 255, 255);
    font-weight: 600;
    /* Allow text spacing bookmarklet to override */
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

.stepCircleText2.step-number {
    margin-right: 0;
    margin-left: 0;
    margin-top: 6px;
    text-align: center;
}

.stepCircleText2.step-total {
    margin-left: 11px;
}
/* step3 */
.stepCircleText3 {
    color: rgb(255, 255, 255);
    font-weight: 600;
    /* Allow text spacing bookmarklet to override */
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

.stepCircleText3.step-number {
    margin-right: 0;
    margin-left: 0;
    margin-top: 6px;
    text-align: center;
}

.stepCircleText3.step-total {
    margin-left: 11px;
}
/* step4 */
.stepCircleText4 {
    color: rgb(255, 255, 255);
    font-weight: 600;
    /* Allow text spacing bookmarklet to override */
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

.stepCircleText4.step-number {
    margin-right: 0;
    margin-left: 0;
    margin-top: 6px;
    text-align: center;
}

.stepCircleText4.step-total {
    margin-left: 11px;
}
.steps-1 {
    background-color: #076f86;
}

.steps-1 p,
.steps-2 p,
.steps-3 p {
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    margin: 0 4px;
    color: #fff
}

.steps-1 p:first-child,
.steps-2 p:first-child,
.steps-3 p:first-child {
    margin: 0 6px
}

.steps-1 {
    top: -30px;
    position: absolute
}

.steps-2 {
    top: -30px;
    left: 45%;
    position: absolute
}

.steps-3 {
    top: -30px;
    right: 0;
    position: absolute
}

.steps {
    position: absolute
}

#step1
{
	position: absolute;
    left: -6.2%;
    top: -38px;
}

#step2
{
	position: absolute;
    left: 26%;
    top: -38px;
}

#step3
{
	position: absolute;
    left: 58%;
    top: -38px;
}

#step4
{
	position: absolute;
    left: 90%;
    top: -38px;
}
.unchkLabel.chkLabelRadio.borderFocus{
	box-shadow: 0 0 4px 3px #519AD4 !important;
}
div.error{
  background:url(../../assets/images/PP/1_Aetna_FunctionalIcon_Alert_Violet.svg) no-repeat 0 0;
  display: inline-block;
  
  font-size: 16	px;
  color: #D20962;
  padding-left: 26px;
  height: 20px;
  margin-top: 4px;
  font-weight: 600;
}
.infoStep, .identityStep, .createAccStep, .tncStep, .finalStep {
    display: inline-block;
    /* background-color: #6B5E70; 
    background-color: #69747a;*/
    background-color: #ccc;
    border-radius: 50%;
    padding: 15px;
    color: #fff;
    width: 96px;
    height: 96px;
    margin-bottom: 10px;
    color: #414141;
}

#step1, #step2, #step3, #step4 {
    width: 20%;
    float: left;
    text-align: center;
}

/* #thirdLine.dimGrayBackground {
    margin-left: 70.5%;
    margin-left: 38%;
    width: 28%;
} */

@media only screen and (max-width: 320px) {
	#info.infoStep, #identify.identityStep, #createAcc.createAccStep, #terms.tncStep, .finalStep
		{
			width: 54px;
			height: 54px;
		}
		#step1,#step2,#step3,#step4 
		{
			top: -28px;
			 width: 28%;
		}
		.infoStep p, .identityStep p, .createAccStep p, .tncStep p, .finalStep p 
		{
			font-size: 13px !important;
		}
		#infospan1.reg-step-txt.steps-heading-1, #indityspan2.reg-step-txt.steps-heading-3,
			#accountspan3.reg-step-txt.steps-heading-4, #termsspan4.reg-step-txt.steps-heading-5
		{
			font-size: 13px;
		}
		p#text1.stepCircleText1, p#text1.stepCircleText2, p#text1.stepCircleText3, p#text1.stepCircleText4,
			p.stepCircleText1,p.stepCircleText2, p.stepCircleText3, p.stepCircleText4
		{
				margin: 0 auto;
		}
	}

@media only screen and (min-width : 320px) and (max-width: 420px)
{

	#info.infoStep, #identify.identityStep, #createAcc.createAccStep, #terms.tncStep, .finalStep
	{
		width: 54px;
    	height: 54px;
	}
	#step1,#step2,#step3,#step4 
	{
	    top: -28px;
	     width: 28%;
	}
	.infoStep p, .identityStep p, .createAccStep p, .tncStep p, .finalStep p 
	{
	    font-size: 13px !important;
	}
	#infospan1.reg-step-txt.steps-heading-1, #indityspan2.reg-step-txt.steps-heading-3,
		#accountspan3.reg-step-txt.steps-heading-4, #termsspan4.reg-step-txt.steps-heading-5
	{
		font-size: 13px;
	}
	p#text2.stepCircleText2, p#text3.stepCircleText3, p#text4.stepCircleText4		
	{
		    margin: 0 auto;
	}
	p#text1.stepCircleText1, p#text1.stepCircleText2, p#text1.stepCircleText3, p#text1.stepCircleText4,
		p.stepCircleText1,p.stepCircleText2, p.stepCircleText3, p.stepCircleText4
	{
		    margin: 0 auto;
	}
	
}
@media only screen and (min-width : 320px) and (max-width: 530px)
{
	#step4
	{
		width: 30%;
	}
	#termsCondReg{
		height:38px !important;
		font-size:16px;
	}
	.termsCondReg1{
	    font-size:16px;
	}
	#footnote-1{
	font-size:16px;
    }

    #jvName{
	font-size:16px;
    }
    #ref-Footnote1{
	font-size:16px;
    }
}
@media only screen and (min-width : 421px) and (max-width: 530px)
{
	#step1, #step2, #step3 {
   	 width: 24%;
	 }
   	 #termsCondReg{
	       font-size:16px;
		height:38px !important;
	}
	.termsCondReg1{
	    font-size:16px;
	}
	#footnote-1{
	font-size:16px;
    }

    #jvName{
	font-size:16px;
    }
    #ref-Footnote1{
	font-size:16px;
    }
}
@media only screen and (min-width : 768px) and (max-width: 992px)
{
	#step1, #step2, #step3, #step4 {
   	 top: -35px;
	 	}
	#termsCondReg{
	       font-size:16px;
		height:19px !important;
	}
	.termsCondReg1{
	    font-size:16px;
	}
	#footnote-1{
	font-size:16px;
    }

    #jvName{
	font-size:16px;
    }
    #ref-Footnote1{
	font-size:16px;
    }
}
@media only screen and (min-width : 993px)
{
	#step1, #step2, #step3, #step4 {
   	 top: -48px;
	}
	#termsCondReg{
		font-size:16px;
	}
	.termsCondReg1{
	    font-size:16px;
	}
	#footnote-1{
	font-size:16px;
    }
    #jvName{
	font-size:16px;
    }	
    #ref-Footnote1{
	font-size:16px;
    }

}

@media screen and (max-width: 992px) {
	.infoStep,.identityStep,.createAccStep,.tncStep,.finalStep {
		display: inline-block;
		/* background-color: #6B5E70; */
        background-color: #ccc;
		border-radius: 37px;
		padding: 10px;
		color: #fff;
		width: 75px;
		height: 75px;
	}
	.infoStep {
		background-color: #7d3f98;
		left: -4%;
	}
	.tncStep {
		margin: 0px 5px 10px 0px;
	}
}

.steps-1,
.steps-2,
.steps-3,
.steps-4 {
    display: inline-block;
    background-color: #ccc;
    padding: 13px;
    color: #414141;
    width: 83px;
    height: 83px;
    border-radius: 83px
}

.steps-1 {
    background-color: #7d3f98
}

.steps-1 p,
.steps-2 p,
.steps-3 p,
.steps-4 p {
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 400;
    padding: 0;
    margin: 0 4px;
    color: #414141;
    font-size: 16px
}
.steps-1 div,
.steps-2 div,
.steps-3 div,
.steps-4 div {
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 400;
    padding: 0;
    margin: 0 4px;
    color: #414141;
    font-size: 16px
}
.steps-1 p:first-child,
.steps-2 p:first-child,
.steps-3 p:first-child,
.steps-4 p:first-child {
    margin: 0 8px
}

.steps-1 {
    top: -30px;
    position: absolute
}

.steps-2 {
    top: -30px;
    left: 25%;
    position: absolute
}

.steps-3 {
    top: -30px;
    left: 55%;
    position: absolute
}

.steps-4 {
    top: -30px;
    left: 86%;
    position: absolute
}

.alreadyregistered-content,
.personal-information-content,
.step-connector {
    padding: 0
}

.steps-heading-1 {
    padding-left: 14px;
    float: left
}

.steps-heading-2 {
    padding-left: 45px;
    /* padding-top: 30px;
    padding-bottom: 30px; */
    float: left
}

.steps-heading-3 {
    padding-left: 97px;
    float: left
}

.steps-heading-4 {
   /*  padding-left: 161px; */
    float: right
}

@media (min-width :992px) {
    .steps-1 {
        top: -40px;
        position: absolute;
        left: -1%
    }

    .steps-2 {
        top: -40px;
        left: 31%;
        position: absolute
    }

    .steps-3 {
        top: -40px;
        left: 62%;
        position: absolute
    }

    .steps-4 {
        top: -40px;
        left: 93%;
        position: absolute
    }

    .step-margins {
        padding-top: 10px
    }
}

.step-connector {
    margin-top: 36px;
    position: relative;
    top: 40px
}

.steps {
    position: absolute;
    left: 25px;
    right: 82px;
    height: 2px;
    top: 4px
}

@media screen and (max-width:1081px) {
    .steps-heading-4 {
        padding-left: 108px
    }

    .steps-heading-3 {
        padding-left: 83px
    }
}

@media (max-width :550px) {
    .step-connector {
        margin-left: -16px;
/*         margin-right: -21px */
    }
}

@media screen and (max-width:992px) {

    .steps-1,
    .steps-2,
    .steps-3,
    .steps-4 {
        display: inline-block;
        background-color: #ccc;
        border-radius: 37px;
        padding: 10px;
        color: #fff;
        width: 75px;
        height: 75px
    }

    .steps-1 {
        background-color: #7d3f98;
        left: -6%
    }

    .steps-4 {
        margin: 0 5px 0 0
    }
}

@media screen and (max-width:320px) {
    .steps-2 {
        left: 32%
    }
}

@media (min-width :568px) and (max-width:992px) {
    .step-connector {
        margin-left: 20px;
        /* margin-right: -45px */
    }
}

@media (min-width :768px) and (max-width:992px) {
    .step-connector {
        margin-left: 20px;
        /* margin-right: -45px */

    }

    .steps-heading-1, .steps-heading-2, .steps-heading-3, .steps-heading-4 {
        padding-left: 0px;
        
    }

}

.reg-step-txt {
    font-weight: 400;
    font-family: Open Sans !important;
    font-weight: 700;
    font-size: 18px
}

.reg-content {
    margin-top: 85px;
    margin-bottom: 30px
}

.reg-content {
    padding-bottom: 10px
}

.reg-content {
    margin-bottom: -15px
}

.reg-content h2 {
    margin-left: 2px;
    margin-bottom: 20px
}

@media (min-width :768px) {
    .step-connector {
        padding: 0;
        margin-bottom: 30px
    }
}

li,
ul {
    padding: 7px;
    margin: 0;
    list-style-type: none
}

a,
a.active,
a:focus {
    color: #7d3f98;
    text-decoration: none
}

.box {
    border: 1px solid #ccc;
    background-color: #fcf7d6;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 24px;
    margin-bottom: 10px
}

.box-content {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000;
    text-align: left;
    padding-left: 15px
}

.step-margins {
    padding-top: 12px
}

.aet-cont-hdrtxt {
    font-size: 16px;
    color: #000;
    font-family: Open Sans
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 400;
    margin: 0
}

h1 {
    font-size: 1.5em
}

h2 {
    font-size: 1.06em
}

h3 {
    font-size: .875em
}

small {
    font-size: .68em
}

label,
p,
span {
    font-size: 16px;
    color: #414141;
    font-weight: 400
}

img {
    text-indent: -9999px;
    max-width: 100%
}

#eyeImgRP #eyeImgCP img {
    text-indent: -9999px;
    max-width: 5%
}

section {
    background: #f4f4f4
}

input[type=checkbox],
input[type=radio] {
    opacity: 0
}

address {
    display: inline-block
}

legend {
    margin-bottom: 12px;
    border-bottom: 0 none
}

textarea {
    overflow: auto
}

.aet-content-fluid {
    max-width: 1164px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px
}

.aet-wrapper {
    position: relative
}

.panel-title a:hover {
    text-decoration: none
}

.fsize85P {
    font-size: 82%
}

.fsize120p {
    font-size: 120%
}

.wd100P {
    width: 100%
}

.bold {
    font-weight: 700
}

.pointer {
    cursor: pointer
}

.pad0 {
    padding: 0
}

.padR45 {
    padding-right: 45px
}

.padL25 {
    padding-left: 25px
}

.padL5 {
    padding-left: 5px
}

.padR0 {
    padding-right: 0
}

.mar0 {
    margin: 0
}

.marR10 {
    margin-right: 10px
}

.marT15 {
    margin-top: 15px
}

.marT10 {
    margin-top: 10px
}

.pad10 {
    padding: 10px
}

.left-pad0 {
    padding-left: 0
}

.mar0 {
    margin: 0
}

.padR0px {
    padding-right: 0
}

.uppercase {
    text-transform: uppercase
}

.marT10px {
    margin-top: 10px
}

.pad15 {
    padding: 15px
}

.inline-block {
    display: inline-block !important
}

.bold {
    font-weight: 700
}

.disp-mob {
    display: none !important
}

.disp-desktop {
    display: block !important
}

.error {
    color: #333
}

.err-txt {
    text-align: left;
    width: 100%;
    display: inline-block;
    color: #d20962;
    font-family: Open Sans
}

#skip-to-content {
    display: block !important
}

#skip-to-content a {
    padding: 6px 3px;
    position: absolute;
    top: -40px;
    left: 0;
    color: #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-bottom-right-radius: 8px;
    background: #526783;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100
}

#skip-to-content a:active,
#skip-to-content a:focus {
    position: absolute;
    left: 0;
    top: 0;
    background: #526783;
    color: #fff;
    outline: 0;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear
}

#secureLogin-createPassword,
#secureLogin-retypePassword {
    background-repeat: repeat-y;
    background-position: 100% 0;
    border-radius: 0;
    height: auto;
    width: 80%;
    padding: 6px 5px;
    -webkit-appearance: none
}

.form-control {
    background-color: #fff;
    border: 0 none;
    border: 1px solid #ced4da;
    border-radius: 0;
    height: auto;
    padding: 8px 12px
}

.unchkLabel {
    background: url(../images/radial_button_unselected.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
    margin: 0 10px -4px;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #7f3d98
}

.chkLabelRadio {
    background: url(../images/radial_button_selected.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
    margin: 0 10px -4px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #7d3f98;
    box-shadow: 0 0 0 2px #7d3f98
}

.unchkLabelCheck {
    background-image: url(../images/checkin-box.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 26px;
    height: 22px;
    float: left
}

.chkLabelCheck {
    background-image: url(../images/check-in-checked.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

select.custom {
    background-image: url(/AccountManagerAppConfig/commonV3/includes/assets/images/PP/dropdown.png);
    font-family: Open Sans;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-color: #fff;
    height: 42px;
    border: 1px solid #ced4da;
    font-weight: 400;
    font-size: 16px;
    color: #414141;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#tnc-btn-cancel,
#tnc-btn-cancel-top {
    font-weight: 600;
    font-family: Open Sans;
    color: #7d3f98;
    font-size: 18px;
    float: left;
    margin-top: 22px;
    text-decoration: underline
}

#tnc-btn-continue,
#tnc-btn-continue-top {
    float: right;
    margin-top: 15px
}

select.custom::-ms-expand {
    display: none
}

select.form-control {
    padding: 6px 12px;
    padding-right: 46px
}

select::-ms-value {
    background: 0 0;
    color: #000
}

input[type=password]::-ms-reveal {
    display: none
}

button {
    font-weight: 700
}

.cancelBtn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 4px 3px 1px #b2b2b2;
    -moz-box-shadow: 4px 3px 1px #b2b2b2;
    box-shadow: 4px 3px 1px #b2b2b2;
    font-family: Open Sans;
    color: #fff;
    background: #69747a;
    font-weight: 600;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    border: 0;
    font-family: Open Sans
}

.primaryBtn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: Open Sans;
    color: #fff;
    background: #7d3f98;
    font-weight: 600;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    border: 0
}

.disabled-btn {
    background-color: #69747a
}

.cancelBtn:focus,
.primaryBtn:focus {
    border: 1px solid #fff
}

input.error,
select.error,
span.error {
    border: 2px solid #d20962
}

label.error {
    background: url(../../assets/images/PP/1_Aetna_FunctionalIcon_Alert_Violet.svg) no-repeat 0 0;
    display: inline-block;
    font-size: 16 px;
    color: #d20962;
    padding-left: 26px;
    height: 20px;
    margin-top: 4px;
    font-weight: 600;
    margin-bottom: 5px
}
div.error {
    background: url(../../assets/images/PP/1_Aetna_FunctionalIcon_Alert_Violet.svg) no-repeat 0 0;
    display: inline-block;
    font-size: 16 px;
    color: #d20962;
    padding-left: 26px;
    height: 20px;
    margin-top: 4px;
    font-weight: 600;
    margin-bottom: 5px
}
.aet-content-header {
    background-color: #7d3f98;
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: center
}

.aet-content-header .aet-cont-hdrtxt {
    color: #fff;
    padding: 0 0;
    font-size: 36px;
    font-family: Domaine Display !important
}

#aet-cont-hdrtxt {
    color: #fff;
    padding: 0 0;
    font-size: 36px;
    font-family: Domaine Display;
    font-weight: 800;
    margin-bottom: 10px
}

.digicertImg {
    float: right;
    padding-left: 12px;
    margin-top: -20px
}

@media (max-width :991px) {
    .aet-content-header .aet-cont-hdrtxt {
        font-size: 1.2em
    }
}

.icon_class {
    background: url(../images/user_arrow_inactive.png) no-repeat 0 0;
    width: 45px;
    height: 20px;
    margin-left: 10px
}

.user-iconActive {
    background: url(../images/user_arrow_active.png) no-repeat 0 0
}

#changeplan {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 3
}

#changeplan .innerDiv {
    background: #fff;
    padding: 15px;
    box-shadow: 0 3px 1px rgba(0, 0, 0, .25);
    margin: 0
}

.popover {
    max-width: 800px;
    border-radius: 0;
    border: 1px solid #7d3f98;
    margin-left: 1px
}

@media (min-width :992px) {
    .popover {
        width: 45%;
        margin-left: 12.5%
    }

    .popover>.arrow {
        left: 25% !important
    }
}

@media (max-width :767px) {
    .popover {
        width: 100%
    }
}

.popover-content {
    text-align: center;
    padding: 10px
}

.ui-widget-header {
    background-color: #7d3f98
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-radius: 13px;
    background: #fff;
    border-width: 3px;
    border-color: #fff;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 4px #787878;
    cursor: pointer
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    outline: 0
}

.ui-slider-horizontal {
    height: .5em
}

.ziphding {
    font-size: 20px
}

.zipBtn {
    margin: 20px;
    text-align: center;
    display: inline-block
}

.zipBtn button {
    height: 40px;
    margin-right: 13px
}

#zip,
#zip1 {
    font-size: 16px;
    padding: 5px 15px;
    width: 300px;
    font-weight: 400;
    display: inline-block;
    height: 50px;
    color: #69747a
}

#popclose-location {
    position: absolute;
    top: 10px;
    right: 10px
}

.modal-content {
    border-radius: 0;
    max-width: 576px;
    text-align: center
}

.modal-body,
.modal-footer,
.modal-header {
    text-align: center;
    border: 0
}

.modal-title {
    color: #5d9731
}

.aet-resize {
    background: #fff;
    padding: 20px 0;
    float: right
}

.aet-footer {
    background: #fff;
    padding: 2px 0;
    font-family: Open Sans
}

.aet-footer .aet-footer-nav {
    padding-bottom: 0;
    font-family: Open Sans
}

.aet-resize .aet-resize-nav {
    padding-bottom: 0
}

#aet-resize-text {
    padding: 0 20px
}

.resize {
    background: #fff;
    padding: 20px 0;
    text-align: right;
    display: inline
}

.A ul li {
    border-left: 1px solid #7d3f98
}

.aet-footer .aet-footer-nav li {
    float: left;
    padding: 0 20px;
    border-left: 1px solid #7d3f98;
    margin: 10px 0;
    font-family: Open Sans
}

.aet-resize .aet-resize-nav li {
    float: right;
    padding: 0 20px;
    border-left: 1px solid #999;
    margin: 10px 0
}

.aet-footer .aet-footer-nav li:first-child {
    padding-left: 0;
    border-left: none;
    font-family: Open Sans
}

.aet-footer .aet-footer-nav li:first-child {
    padding-left: 0;
    border-left: none;
    font-family: Open Sans
}

.aet-resize .aet-resize-nav li:nth-child(2) {
    padding-left: 0;
    border-left: none
}

@media (max-width :2000px) {
    .aet-footer .aet-footer-nav li:first-child {
        padding-left: 20px;
        font-family: Open Sans
    }
}

@media (max-width :2000px) {
    .aet-resize .aet-resize-nav li:first-child {
        padding-left: 5px
    }

    .footerImg {
        margin-top: 18px;
        margin-right: -20px
    }
}

.aet-footer .aet-footer-nav li a {
    color: #7d3f98;
    font-weight: lighter;
    font-size: 16px;
    font-family: Open Sans
}

@media (max-width :767px) {
    .aet-footer .aet-footer-nav li {
        float: none;
        border-left: 0 none;
        font-family: Open Sans
    }
}

@media (max-width :767px) {
    .aet-footer .aet-footer-nav {
        border-bottom: 1px solid #ccc;
        padding: 20px 0;
        font-family: Open Sans
    }
}

@media (max-width :767px) {
    .aet-footer {
        padding-top: 0;
        font-family: Open Sans
    }
}

@media (max-width :767px) {
    .aet-footer-logo {
        padding: 10px 20px;
        font-family: Open Sans
    }
}

.aet-footer-logo a {
    padding-left: 10px;
    font-family: Open Sans
}

.aet-copyrights {
    color: #2f3338;
    font-size: 16px;
    margin-top: 20px;
    float: left
}

@media (max-width :767px) {
    .aet-footer .footer-container-sm {
        padding: 0;
        font-family: Open Sans
    }
}

@media (min-width :992px) {
    .footerImg {
        margin-top: 18px;
        margin-right: 20px
    }
}

.aet-header {
    border-bottom: 1px solid #ddd
}

.navbar {
    background: #fff;
    margin-bottom: 0;
    border: 0 none;
    padding-bottom: 14px;
    padding-top: 5px;
    border-top-width: 1px;
    border-bottom: solid 1px #ccc;
    padding-left: 0;
    padding-right: 0
}

@media (max-width :1199px) {
    .aet-logo img {
        max-width: 156px;
        padding-left: 17px;
        padding-top: 20px;
        border-top-width: 1px
    }
}

.aet-sponser-logo {
    padding-left: 10px
}

@media (max-width :1199px) {
    .aet-sponser-logo img {
        max-width: 330px;
        width: 50%
    }
}

.entireWarpper {
    background-color: #fff
}

.desktopMenu {
    padding: 0
}

.navbar-nav {
    margin: 0
}

.navbar-default .navbar-nav>li>a {
    color: #7d3f98;
    font-size: 16px;
    line-height: 16px;
    padding: 0 10px;
    margin-top: 25px;
    border-left: 1px solid #7d3f98
}

.navbar-default .navbar-nav>li>a:hover {
    color: #7d3f98
}

@media (max-width :1199px) {
    .navbar-default .navbar-nav>li>a {
        margin-top: 15px
    }
}

@media (max-width :991px) {
    .navbar-default .navbar-nav>li>a {
        padding: 0 5px;
        margin-top: 10px
    }
}

.navbar-default .navbar-nav>li:first-child>a {
    border-left: 0 none
}

.navbar-default .navbar-toggle {
    margin-top: 10px;
    padding: 5px;
    border-color: transparent;
    margin-right: 0
}

@media (max-width :500px) {
    .navbar-default .navbar-toggle {
        padding: 5px;
        margin: 0
    }
}

.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #fff;
    border-radius: 0;
    outline: 2px solid #a6c8ff
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #7d3f98;
    width: 30px;
    height: 4px
}

.backSection {
    padding: 10px 0
}

.backSection a {
    font-size: 1.25em;
    padding-left: 0;
    text-decoration: none
}

.backSection img {
    margin: 0 10px 0 0
}

.backSection .backTo {
    font-size: 20px;
    color: #406622;
    display: inline-block;
    padding-right: 5px
}

.backSection .backTo .ratings {
    float: none
}

@media (max-width :991px) {
    .backSection .backTo.favourites {
        width: 75%;
        border-top: 1px solid #ccc;
        padding-top: 10px;
        margin-top: 10px
    }
}

.backSection .backTo.extraIcons {
    position: relative;
    top: -7px
}

@media (max-width :991px) {
    .backSection .backTo.extraIcons {
        width: 25%;
        top: 0;
        border-top: 1px solid #ccc;
        margin-top: 10px
    }
}

.backSection .backTo #print {
    padding-right: 20px
}

.directions,
.faxIcon,
.phoneIcon,
.websites {
    margin-right: 6px;
    vertical-align: middle
}

@ -ms-viewport {
    width: auto !important
}

.alreadyregistered-content,
.personal-information-content {
    padding: 0
}

.registration-form,
.terms-conditions-details {
    background-color: #fff
}

.registration-input-label {
    text-align: right
}

.reg-step-txt {
    font-weight: 400;
    font-family: Open Sans !important;
    font-size: 16px
}

#A14 {
    font-size: 14px !important;
    text-decoration: underline;
    padding-right: 3px;
    padding-left: 30px;
    color: #7d3f98
}

#A20 {
    font-size: 20px !important;
    text-decoration: underline;
    border-left: solid 1px;
    padding-right: 3px;
    padding-left: 3px;
    color: #7d3f98
}

#A24 {
    font-size: 24px !important;
    text-decoration: underline;
    border-left: solid 1px;
    padding-right: 3px;
    padding-left: 3px;
    color: #7d3f98
}

@media (max-width :767px) {
    #aet-logo {
        text-align: center
    }
}

@media (max-width :1081px) {
    #aet-logo {
        text-align: center
    }
}

.mandatory {
    color: #d10662;
    font-size: 16px;
    font-weight: 600
}

.regular-txt {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    font-family: Open Sans
}

.cancel-continue {
    text-align: -webkit-center
}

.footer-langAssistant {
    margin-top: 20px;
    margin-left: 11px
}

#langAssistantLink {
    /* font-weight: 700; */
    color: #7d3f98
}

.footer-langAssistant a,
.footer-langAssistant span {
    color: #7d3f98;
    font-weight: lighter;
    font-size: 16px;
    font-family: Open Sans
}

.registration-input .ui-selectmenu-button {
    width: 80% !important
}

#create-login-div {
    outline: 0
}

.partner-info {
    font-size: 16px !important;
    font-family: calibri
}

#partner-name {
    font-weight: 700
}

.chkLabelRadioDisabled {
    background: url(../images/Disabled_RadioButton.png) no-repeat 0 0;
    width: 18px;
    height: 18px
}

.terms-conditions-text p {
    color: #414141;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-family: Open Sans
}

#idCardImgInnova,
#idCardImgInnovaSec {
    margin-left: 280px
}

.terms-conditions-text a {
    font-size: 14px
}

.err-txt {
    font-size: 16px;
    font-weight: 700;
    padding-top: 2px
}

.reg-hdr-txt,
.reg-hdr-txt-help {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    font-family: Open Sans
}

.registration-input {
    margin-bottom: 24px
}

.registration-input button {
    margin-left: 45px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 0
}

.registration-input button:nth-child(2) {
    margin-left: 25%
}

.registration-input input[type=password],
.registration-input input[type=text],
.registration-input select {
    width: 80%
}

.required-info {
    margin-left: 30px;
    padding-top: 18px;
    padding-bottom: 12px;
    font-family: Open Sans
}

.err-img {
    margin-top: 10px;
    margin-left: 10px
}

.personal-information-content {
    margin-top: 100px
}

.alreadyregistered-content {
    margin-top: 30px
}

.personal-information-content .registration-form {
    padding-bottom: 10px
}

.create-secure-login .registration-form,
.subscriber-information-content .registration-form {
    padding-top: 10px;
    padding-bottom: 10px
}

.alreadyregistered-content h2,
.create-secure-login h2,
.subscriber-information-content h2,
.terms-conditions h2 {
    margin-top: 10px
}

.terms-conditions-details {
    padding: 30px;
    font-size: 16px
}

.terms-conditions-details .registration-input {
    padding: 0 0 30px 0
}

#cancel,
#createreg-btn-cancel {
    font-size: 18px;
    font-weight: 600;
    font-family: Open Sans;
    color: #7d3f98
}

#globe_image {
    height: 3%;
    width: 2%
}

.registration-input-label,
.span-check-txt,
label {
    font-size: 16px;
    font-weight: 700;
    font-family: Open Sans;
    padding-bottom: 0 !important;
    line-height: 1.42857143 !important
}

.radio-text {
    position: absolute;
    font-size: 16px;
    font-weight: 700;
    font-family: Open Sans;
    width: 95%
}

.clickToCall {
    display: none
}

#tacContent {
    text-align: justify;
    color: #414141;
    font-size: 14px
}

#tacContent p {
    text-align: justify;
    color: #414141;
    font-size: 16px
}

#tacContent h2 {
    text-align: left;
    font-family: Open Sans;
    font-weight: 600;
    color: #d20962;
    font-size: 16px
}

#tacContent strong {
    text-align: left;
    font-family: Open Sans;
    font-weight: 600;
    color: #d20962;
    font-size: 16px
}

#tacContent ul>li {
    padding-left: 20px;
    list-style-type: disc;
    font-family: Open Sans;
    color: #414141;
    font-size: 16px
}

#tacContent a {
    font-family: Open Sans;
    color: #7d3f98;
    font-size: 16px
}

#tacTop {
    font-size: 35px;
    color: #007ac9;
    font-weight: 400;
    margin-top: -20px
}

#question1-button:focus,
select.custom:focus {
    border-color: rgba(102, 179, 255, 1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 179, 255, 1);
    outline: 0 none
}

#pswd_info {
    text-align: left
}

#username_info {
    text-align: left
}

.newNavSpinner {
    position: fixed;
    height: 100px;
    width: 100px;
    top: 50%;
    left: 45%;
    margin-left: -35px;
    margin-top: -50px;
    background-size: 100%;
    z-index: 1050;
    width: 29%
}

.ack-top-button {
    margin-top: 0 !important
}

.back-Tnc {
    margin-bottom: 20px
}

.form-control {
    padding: 8px 8px;
    line-height: 1.42857143;
    font-size: 14px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%)
}

#form-nav-pers,
#form-nav-sec {
    margin-top: -100px
}

.aet-button {
    margin-top: 30px
}

.aet-button button {
    color: #fff;
    background-color: #7d3f98;
    border: none;
    margin: 20px 0 20px 10px
}

.aet-button button {
    width: 80%;
    margin-top: 0;
    font-size: 14px
}

.error-msg-content .aet-button button {
    width: 100%
}

label.error {
    width: 100%
}
div.error {
    width: 100%
}
select::-ms-expand {
    display: none
}

.radio-bg label {
    width: 100%
}

.sel-dob-day select {
    width: 100%;
    margin-right: 15px
}

.sel-dob-month select {
    width: 100%;
    margin-right: 15px
}

.registration-input .sel-dob-year input[type=text] {
    width: 60%
}

.registration-input .sel-dob-year input[type=text],
::-ms-backdrop {
    width: 52%
}

.registration-input .width-ssn-4 input[type=password],
.registration-input .width-ssn-4 input[type=text] {
    width: 100px
}

.registration-input .width-ssn-3 input[type=password],
.registration-input .width-ssn-3 input[type=text] {
    width: 58px
}

.registration-input .width-ssn-2 input[type=password],
.registration-input .width-ssn-2 input[type=text] {
    width: 45px;
    margin: 0 10px
}

.personal-information-content .radio-bg.form-group {
    margin-bottom: 0
}

#personalinfo-zipcode {
    width: 80%
}

.hide-text {
    display: none
}

.span-check-txt {
    width: 90%
}

.error-msg-content {
    background: #fff;
    border: 2px solid #e384af;
    padding: 4px 7px 4px 7px;
    margin-bottom: 36px
}

#question1-button {
    outline: 0 none
}

.red-error-content {
    border: 2px solid #efa5c7
}

.yellow-error-content .error-top-icon {
    background: url(../../assets/images/PP/1_Aetna_FunctionalIcon_LearnMore_Violet.svg) no-repeat 0 0;
    height: 30px;
    width: 32px
}

.alreadyregister-error-content .error-top-icon {
    background: url(https://dev2www.aetna.com/AccountManagerAppConfig/commonV3/includes/assets/images/PP/error_form_icon.png) no-repeat 0 0;
    height: 30px;
    width: 32px
}

.red-error-content .error-top-icon {
    background: url(../images/red-error-icon.png) no-repeat 0 0;
    height: 30px;
    width: 32px
}

.personal-information-staticcontent .registration-form {
    padding: 10px
}

.subscriber-content {
    margin-bottom: 15px
}

.registration-form,
.terms-conditions-details {
    border: 1px solid #ccc;
    margin-bottom: 30px;
    margin-top: 36px
}

.personal-information-staticcontent span {
    font-size: 14px;
    color: #333
}

.terms-condition-hdrtxt {
    color: #333;
    font-size: 14px;
    padding: 10px 0 20px
}

.enter-inst {
    color: #333;
    font-size: 14px;
    width: 52%;
    margin-left: 10px
}

#personalinfo-zipcode-error {
    top: 40px;
    left: 12px
}

.zip-code-input {
    position: relative;
    margin-bottom: 20px
}

.member-txt {
    font-weight: 700
}

.ssn-txt {
    font-weight: 700
}

.nav-pills>li+li {
    margin-left: 0
}

.form-nav {
    text-align: center
}

.form-nav h2 {
    padding: 30px 0 0 15px;
    text-align: left;
    line-height: 1.1
}

.form-navin a {
    color: #000 !important;
    background-color: #fff !important;
    width: auto;
    margin: 0 auto;
    border-radius: 0 !important
}
.form-navin p {
    color: #000 !important;
    background-color: #fff !important;
    width: auto;
    margin: 0 auto;
    border-radius: 0 !important
}
.form-nav img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.form-nav div:nth-child(3) img,
.tab-content div:nth-child(2) img {
    width: 80%;
    border: 1px solid #ccc
}

.form-nav a.active {
    border-bottom: 5px solid #7d3f98;
    font-weight: 800
}
.form-nav p.active {
    border-bottom: 5px solid #7d3f98;
    font-weight: 800
}
.aet-button-IdCard button {
    width: auto;
    padding: 6px 30px;
    background-color: #7d3f98;
    color: #fff
}

.nav-row {
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.form-navin {
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 0 20px;
    margin-top: 130px
}

.form-navin img.sample-img {
    width: 80%
}

.form-navin li.col-md-4 {
    padding: 10px 3px
}

.form-navin li.col-md-6 {
    padding: 10px 3px
}

.member-txt {
    font-weight: 700;
    font-family: Open Sans
}

.ssn-txt {
    font-weight: 700
}

.memberId-input {
    margin-top: 0
}

.ssn-input {
    margin-top: -10px
}

#content-mid {
    margin-bottom: 0
}

.modal-body,
.modal-header {
    text-align: center
}

.modal-body {
    padding: 40px 70px
}

#managerRevokeModal .modal-title {
    color: #5e9732;
    font-size: 20pt
}

#managerRevokeModal .modal-header {
    border-bottom: 2px solid #5e9732
}

#managerRevokeModal .modal-body p {
    color: #414141;
    font-size: 16px;
    font-weight: 400;
    font-family: Open Sans
}

#managerRevokeModalForDep .modal-title {
    color: #5e9732;
    font-size: 20pt
}

#managerRevokeModalForDep .modal-body {
    margin-bottom: 40px
}

#managerRevokeModalForDep .modal-body p {
    color: #555;
    font-size: 14pt;
    font-weight: 400;
    padding: 10px 0
}

.close:focus,
.close:hover {
    opacity: 2 !important
}

.close {
    opacity: 2 !important
}

.close img {
    opacity: 2 !important
}

.registration-form .reg-hdr-txt {
    margin-left: 15px;
    font-weight: 700
}

.nav>li>a {
    padding: 10px 6px;
    font-size: 8pt
}

.register-txt {
    display: inline-block;
    margin-top: 10px;
    font-weight: 700;
    font-size: 14px
}

.tip-block {
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-left: 15px
}

#username_info {
    margin-bottom: 24px
}

#username_info_splchar {
    margin-top: 24px
}

.tip-block span {
    text-align: left;
    font-size: 14px;
    font-weight: 700
}

.tooltip-inner {
    background-color: #fff;
    color: #414141;
    font-weight: 700;
    font-size: 16px;
    padding-left: 15px;
    opacity: 1;
    max-width: 550px;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    border: 2px solid #00a78e
}

.tooltip.in {
    opacity: 1
}

.tooltip.top .tooltip-arrow {
    border-top-color: #00a78e;
    bottom: -3px;
    border-width: 10px 10px 0
}

.dob-wrapper select {
    font-weight: 400
}

.registration-input .ui-selectmenu-button {
    display: inline-block
}

@media (min-width :768px) {
    .form-navin a {
        width: 100%
    }

    .form-navin li.col-md-4 {
        width: 33.33333333%
    }

    .form-navin li.col-md-6 {
        width: 50%
    }

    .error-msg-content .aet-button button {
        width: 35%
    }

    .aet-blue-btn.registration-btn:nth-child(2) {
        margin-left: 50px;
        margin-bottom: 20px
    }

    select.form-control {
        padding-right: 30px
    }

    .form-nav img {
        max-width: 50%;
        border: 1px solid #ccc
    }
}

@media (max-width :768px) {
    .footerImg {
        margin-right: 20px !important;
        margin-top: 30px
    }

    .footer-langAssistant {
        margin-left: 10px !important
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    #alreadyregistered-btn-continue {
        margin-left: 20px
    }

    .clickToCall {
        display: block
    }

    .deskClicKToCall {
        display: none
    }

    #idCardImgInnova,
    #idCardImgInnovaSec {
        margin-left: 130px
    }

    ,
    #eobCardImgInnova,
    #eobCardImgInnovaSec {
        margin-left: 170px
    }

    .footer-langAssistant {
        margin-left: 0 !important
    }
}

@media (min-width :992px) {
    select.custom {
        background-size: 40px 40px
    }

    .span-check-txt {
        width: 92%
    }

    .form-navin img.sample-img {
        background-size: 100%
    }

    .form-navin li.col-md-4 {
        padding: 10px 5px
    }

    .nav>li>a {
        font-size: 11pt
    }

    .sel-dob-month {
        width: 40%
    }

    #subscriberInfo-Dob-month,
    #yourInfo-Dob-month,
    .sel-dob-month select#registerer-Dob-month {
        width: 100%;
        margin-right: 0
    }

    .sel-dob-day {
        width: 27%;
        margin-left: 2%;
        margin-right: 2%
    }

    #subscriberInfo-Dob-Day,
    #yourInfo-Dob-Day,
    .sel-dob-day #registerer-Dob-Day {
        width: 100%
    }

    .sel-dob-year {
        width: 29%
    }

    #registerer-Dob-year,
    #subscriberInfo-Dob-year,
    #yourInfo-Dob-year {
        width: 100%
    }

    .dob-wrapper {
        width: 80%
    }

    .registration-input .sel-dob-year input[type=text] {
        width: 100%
    }

    .registration-input input[type=text],
    .registration-input select {
        width: 80%
    }

    .registration-input .ui-selectmenu-button {
        width: 80% !important
    }

    .tnc-agree-btn {
        width: 17% !important
    }

    #alreadyregistered-btn-continue {
        margin-left: 80px
    }
}

@media (max-width :550px) {
    .error-msg-content .aet-blue-btn.registration-btn {
        margin-left: -4px;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .static-msg-content {
        margin-left: -4px;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .error-msg-content .aet-blue-btn.registration-btn:nth-child(2) {
        margin-left: -4px;
        margin-right: 0
    }

    .static-msg-content {
        margin-left: -4px;
        margin-right: 0
    }

    .form-navin li.col-md-4 {
        float: none;
        padding: 0 0
    }

    .form-navin li.col-md-6 {
        float: none;
        padding: 0 0
    }

    #alreadyregistered-btn-continue {
        margin-left: 20px
    }

    .clickToCall {
        display: block
    }

    .deskClicKToCall {
        display: none
    }
}

@media screen and (max-width:992px) {
    br {
        display: none
    }

    .registration-input-label {
        text-align: left
    }

    .registration-input .ui-selectmenu-button {
        display: inline-block;
        width: 100% !important
    }

    .registration-input .ui-selectmenu-button,
    .registration-input input[type=text],
    .registration-input select {
        width: 100%
    }

    .registration-button button,
    .registration-input button:nth-child(2) {
        width: 90%;
        margin: 10px 0;
        margin-left: 5%
    }

    .aet-blue-btn.registration-btn,
    .aet-blue-btn.registration-btn:nth-child(2) {
        margin: 0;
        margin-bottom: 20px
    }

    .error-msg-text {
        width: 75%
    }

    #personalinfo-zipcode,
    #personinfo-memberid {
        width: 100%
    }

    #personalinfo-stat-email,
    #personinfo-reemail-txt {
        width: 100%
    }

    .registration-input input[type=password] {
        width: 100%
    }

    .sel-dob-day,
    .sel-dob-month,
    .sel-dob-year {
        width: 33.33%
    }

    .sel-dob-day select,
    .sel-dob-month select,
    .sel-dob-year input {
        width: 100%
    }

    .terms-condition-hdrtxt {
        padding: 10px 0 20px 15px
    }

    #secureLogin-createPassword,
    #secureLogin-retypePassword,
    .registration-input input[type=text]#registerer-Dob-year {
        height: 38px;
        width: 100%
    }

    .sel-dob-month select {
        padding: 6px 12px 6px 12px !important
    }

    .dob-wrapper {
        width: 100%
    }

    .sel-dob-month {
        width: 40%;
        margin-right: 2%
    }

    .sel-dob-day {
        width: 25%;
        margin-right: 2%
    }

    .sel-dob-year {
        width: 30% !important
    }

    .registration-input .sel-dob-year input[type=text] {
        width: 100%
    }

    .error-msg-content .aet-button {
        margin-left: 25%
    }

    .static-msg-content {
        margin-left: 25%
    }

    .error-msg-content .aet-button .registration-btn {
        margin-right: 2%
    }

    .static-msg-content {
        margin-right: 2%
    }

    .criteriaValid {
        background: url(../../assets/images/PP/right.png) no-repeat 0 0;
        background-repeat: no-repeat;
        padding-left: 30px
    }

    .criteriaInvalid {
        background: url(../../assets/images/PP/error_icon_nocircle.png) no-repeat 0 0;
        background-repeat: no-repeat;
        padding-left: 30px
    }

    .terms-conditions-details {
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }

    .clickToCall {
        display: block
    }

    .deskClicKToCall {
        display: none
    }
}

@media screen and (min-width:992px) {
    .criteriaValid {
        background: url(../../assets/images/PP/right.png) no-repeat 0 0;
        background-repeat: no-repeat;
        padding-left: 30px
    }

    .criteriaInvalid {
        background: url(../../assets/images/PP/error_icon_nocircle.png) no-repeat 0 0;
        background-repeat: no-repeat;
        padding-left: 30px
    }

    #createreg-btn-continue {
        margin-left: 200px !important;
        font-family: Open Sans
    }
}

@media screen and (max-width:767px) {

    .create-button,
    .reg-button,
    .subscribe-button {
        margin-left: 45px
    }

    .error-msg-content .aet-button {
        margin-left: 8%
    }

    .static-msg-content {
        margin-left: 8%
    }

    label.error {
        margin-bottom: 10px;
    }
    div.error {
        margin-bottom: 10px;
    }

    #registration-btn-cancel,
    #registration-btn-cancel-top,
    #tnc-btn-continue,
    #tnc-btn-continue-top {
        margin-left: 58px
    }

    .ack-top-button {
        margin-top: 0 !important
    }

    #alreadyregistered-btn-continue {
        margin-left: 20px
    }

    .terms-conditions-text br {
        display: block
    }

    .clickToCall {
        display: block
    }

    .deskClicKToCall {
        display: none
    }

    #idCardImgInnova,
    #idCardImgInnovaSec {
        margin-left: 30px !important;
        width: 80%
    }

    ,
    #eobCardImgInnova,
    #eobCardImgInnovaSec {
        margin-left: 60px !important;
        width: 80%
    }
}

@media screen and (max-width:1081px) {
    .sel-dob-month select {
        padding-left: 4px;
        padding-right: 4px
    }

    .loadSpinner {
        left: 35% !important
    }
}

@media screen and (min-width:1081px) {
    select.custom {
        background-size: 40px 40px
    }

    .tncCancelButtonBottom {
        margin-top: 0 !important
    }
}

#createreg-btn-continue {
    margin-left: 59px;
    font-family: Open Sans
}

#personalreg-btn-continue {
    margin-left: 200px;
    font-family: Open Sans
}

@media screen (min-width:351px) and (max-width:500px) {
    #personalreg-btn-continue {
        margin-left: 167px
    }

    #cancel {
        margin-left: 67px
    }

    #createreg-btn-continue {
        margin-left: 167px
    }

    #createreg-btn-cancel {
        margin-left: 67px
    }

    #cancel {
        margin-left: 67px
    }

    #subscriber-btn-continue {
        margin-left: 110px
    }

    #subscriber-btn-cancel {
        margin-left: 110px
    }

    .createRegCancelButton {
        margin-top: 0 !important
    }

    .subscriberRegCancelButton {
        margin-top: 0 !important
    }
}

@media screen and (max-width:550px) {

    .create-button,
    .reg-button,
    .subscribe-button {
        margin-left: 20px
    }

    select.form-control {
        padding-right: 30px
    }

    .clickToCall {
        display: block
    }

    .deskClicKToCall {
        display: none
    }

    .tncCancelButtonBottom {
        margin-top: 0 !important
    }
}

@media screen and (max-width:450px) {

    .error-msg-content,
    .yellow-error-content {
        width: 97%
    }

    .alreadyregistered-error-content,
    .static-msg-content {
        width: 97%
    }

    .nav>li>a {
        font-size: 10pt;
        padding: 10px 0
    }

    .form-nav li.active a {
        margin-left: 90px;
        width: 50%
    }

    #registration-btn-cancel,
    #registration-btn-cancel-top,
    #tnc-btn-continue,
    #tnc-btn-continue-top {
        margin-left: 28px
    }

    .clickToCall {
        display: block
    }

    .deskClicKToCall {
        display: none
    }

    .tncCancelButtonBottom {
        margin-top: 0 !important
    }
}

@media screen and (min-device-width:381px) and (max-device-width:420px) {
    .nav>li>a {
        margin: 0 3px
    }

    .clickToCall {
        display: block
    }

    .deskClicKToCall {
        display: none
    }

    .tncCancelButtonBottom {
        margin-top: 0 !important
    }

    #tnc-btn-continue,
    #tnc-btn-continue-top {
        width: 75%
    }

    #tnc-btn-cancel,
    #tnc-btn-cancel-top {
        margin-left: -42px
    }

    #globe_image {
        height: 3%;
        width: 2%
    }
}

@media screen and (min-width:451px) and (max-width:640px) {
    .nav>li>a {
        padding: 10px 2px;
        font-size: 10pt
    }

    .nav>li {
        margin: 0 2%
    }

    .clickToCall {
        display: block
    }

    .deskClicKToCall {
        display: none
    }

    .tncCancelButtonBottom {
        margin-top: 0 !important
    }
}

@media screen and (min-width:641px) and (max-width:767px) {
    .nav>li>a {
        padding: 10px 6px;
        font-size: 11pt;
        padding-right: 30px
    }

    .nav>li {
        margin: 0 10%
    }

    .clickToCall {
        display: block
    }

    .deskClicKToCall {
        display: none
    }

    .tncCancelButtonBottom {
        margin-top: 0 !important
    }
}

@media screen and (max-width:380px) {
    .form-nav li.active a {
        margin-left: 80px;
        width: 50%
    }

    .clickToCall {
        display: block
    }

    .deskClicKToCall {
        display: none
    }

    .tncCancelButtonBottom {
        margin-top: 0 !important
    }

    #tnc-btn-continue,
    #tnc-btn-continue-top {
        margin-right: -45px;
        margin-left: 28px;
        width: 81%
    }

    #tnc-btn-cancel,
    #tnc-btn-cancel-top {
        margin-left: -17px
    }

    #globe_image {
        height: 3%;
        width: 2%
    }
}

@media screen and (max-width:370px) {
    .nav>li>a {
        font-size: 8pt;
        margin-left: 20px !important
    }

    .sel-dob-day {
        width: 30%
    }

    .sel-dob-year {
        width: 26% !important
    }

    .form-nav li.active a {
        width: 50%;
        margin-left: 80px !important
    }

    .clickToCall {
        display: block
    }

    .deskClicKToCall {
        display: none
    }

    .tncCancelButtonBottom {
        margin-top: 0 !important
    }

    #globe_image {
        height: 3%;
        width: 6%
    }
}

@media screen and (max-width:320px) {
    .nav>li>a {
        margin-left: 24px !important
    }

    .registration-input .width-ssn-4 input[type=password],
    .registration-input .width-ssn-4 input[type=text] {
        width: 72px
    }

    select.custom {
        background-size: 40px 40px
    }

    .clickToCall {
        display: block
    }

    .deskClicKToCall {
        display: none
    }

    #tnc-btn-continue,
    #tnc-btn-continue-top {
        margin-right: -39px;
        width: 72%
    }

    #tnc-btn-cancel,
    #tnc-btn-cancel-top {
        margin-left: -18px
    }

    #globe_image {
        height: 3%;
        width: 2%
    }

    #secondLine {
        width: 62% !important
    }

    #firstLine {
        width: 31% !important
    }

    #thirdLine {
        width: 93% !important
    }

    #personalreg-btn-continue {
        margin-left: 22px
    }

    #createreg-btn-continue {
        margin-left: 34px
    }

    .eyeImage {
        margin-left: 140% !important
    }

    .sel-dob-month select {
        padding: 6px 8px 6px 8px !important
    }

    .sel-dob-day select {
        padding: 6px 8px 6px 8px !important
    }

    .sel-dob-year select {
        padding: 6px 6px 6px 6px !important
    }
}

.ui-selectmenu-button {
    background-color: #fff;
    padding: 6px 5px;
    background-image: url(/AccountManagerAppConfig/commonV3/includes/assets/images/PP/dropdown.png);
    padding-right: 46px;
    background-repeat: repeat-y;
    background-position: 100% 50%;
    background-color: #fff;
    height: auto;
    border: 1px solid #ced4da;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: Open Sans
}

.ui-selectmenu-button span.ui-selectmenu-text {
    padding: 4px;
    line-height: 1;
    text-overflow: inherit;
    white-space: normal
}

.ui-selectmenu-button span.ui-selectmenu-text.extra-select-text {
    padding: 0
}

.ui-selectmenu-menu .ui-menu {
    background-color: #fff;
    padding-bottom: 0;
    color: #333;
    height: 135px;
    overflow-y: auto;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    z-index: 100000
}

.ui-selectmenu-button span.ui-selectmenu-text {
    padding: 6px 12px;
    font-size: 16px;
    font-family: Open Sans
}

.ui-menu .ui-menu-item {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    font-family: calibri;
    font-size: 14px;
    color: #333;
    list-style-type: none
}

.ui-menu .ui-state-focus {
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 0 none;
    color: #fff
}

.ui-widget-content .ui-state-focus {
    background-image: none
}

.ui-state-default .ui-icon {
    background: url(../images/white-selectbox-arrow.png) no-repeat 0 0
}

.ui-selectmenu-button span.ui-icon {
    right: .7em;
    margin-top: -3px;
    display: none
}

.ui-menu-item:hover {
    color: #fff;
    background: #1e90ff;
    background-image: none
}

.ui-widget-content .ui-state-hover {
    color: #fff
}

.aet-footer .aet-footer-nav {
    padding-bottom: 2px;
    padding-top: 2px;
    font-family: Open Sans
}

.aet-resize .aet-resize-nav {
    padding-bottom: 5px;
    padding-top: 5px
}

.eyeImage {
    width: 24px;
    height: 24px;
    bottom: 3px;
    margin-top: -53px;
    margin-left: 100%;
    position: relative;
    right: 128px
}

.a {
    color: #7d3f98;
    font-size: 16px;
    font-family: Open Sans
}

@media (min-width :321px) and (max-width:360px) {
    .onMyEOBmargin {
        padding-right: 15px !important
    }

    #tnc-btn-continue,
    #tnc-btn-continue-top {
        margin-right: -45px;
        margin-left: 28px;
        width: 85%
    }

    #tnc-btn-cancel,
    #tnc-btn-cancel-top {
        margin-left: -17px
    }

    #globe_image {
        height: 3%;
        width: 2%
    }
}

.isabellineBackground {
    background-color: #f4f4f4
}

.darkLavenderBackground {
    background-color: #7e3f98
}

.stepCircleBox {
    width: 858px;
    margin-top: 36px
}

#firstStepNumber {
    height: 80px;
    width: 80px;
    border-radius: 80px;
    float: left;
    font-size: 18px
}

.StepNumberComplete {
    background: url(/AccountManagerAppConfig/commonV3/includes/assets/images/PP/1_Aetna_StorytellingIcon_Checkmark_Violet.svg) top no-repeat, radial-gradient(#fff 40%, #037235 51%);
    height: 80px;
    width: 80px;
    border-radius: 80px;
    float: left;
    font-size: 18px
}

#firstLine {
    height: 2px;
    width: 31%;
    margin-top: 0;
    float: left;
    background-color: #ccc
}

#thirdLine {
    height: 2px;
    width: 93%;
    margin-top: -2px;
    background-color: #ccc
}

p.stepCircleText1 {
    color: #414141
}

.stepCircleText2 {
    color: #414141
}

.stepCircleText3 {
    color: #414141
}

.stepCircleText4 {
    color: #414141
}

.stepCircleText {
    padding: 15px 15px;
    font-family: 'Open Sans';
    font-size: 16px;
    text-align: center;
    float: left
}

.dimGrayBackground {
    background-color: #ccc
}

#secondStepNumber {
    height: 80px;
    width: 80px;
    border-radius: 80px;
    float: left;
    font-size: 18px
}

#secondLine {
    height: 2px;
    width: 94%;
    margin-top: 0;
    background-color: #ccc
}

#thirdStepNumber {
    height: 80px;
    width: 80px;
    border-radius: 80px;
    float: left;
    font-size: 18px
}

@media (min-width :1200px) {
    .stepCircleBox {
        margin-left: 200px
    }

    #secondLine {
        width: 62%
    }

    #firstLine {
        width: 31%
    }
    #thirdLine {
        width: 93%
    }
}

@media (min-width :1125px) and (max-width:1299px) {
    .stepCircleBox {
        margin-left: 200px
    }

    #secondLine {
        width: 62%
    }

    #firstLine {
        width: 31%
    }

    #thirdLine {
        width: 93%
    }


    #tnc-btn-continue,
    #tnc-btn-continue-top {
        float: right;
        margin-right: 3px;
        width: 26%
    }

    #globe_image {
        height: 3%;
        width: 3%
    }
}

@media (min-width :1300px) {
    .stepCircleBox {
        margin-left: 200px
    }

    #secondLine {
        width: 62%
    }

    #firstLine {
        width: 31%
    }

    #thirdLine {
        width: 93%
    }

    #tnc-btn-continue,
    #tnc-btn-continue-top {
        float: right;
        margin-right: 3px;
        width: 25%
    }

    #globe_image {
        height: 3%;
        width: 2%
    }
}

@media (min-width :990px)and (max-width:1124px) {
    .stepCircleBox {
        margin-left: 140px
    }

    #ssnRadio {
        width: 55%
    }

    #tnc-btn-continue,
    #tnc-btn-continue-top {
        float: right;
        width: 45%
    }

    #tnc-btn-cancel-top,
    . #tnc-btn-cancel {
        margin-left: -51px
    }

    #globe_image {
        height: 3%;
        width: 3%
    }
}

@media (min-width :898px) and (max-width:989px) {
    .stepCircleBox {
        margin-left: 140px
    }

    #secondLine {
        width: 62%
    }

    #firstLine {
        width: 31%
    }

    #thirdLine {
        width: 93%
    }

    #tnc-btn-continue,
    #tnc-btn-continue-top {
        float: right;
        width: 35%
    }

    #globe_image {
        height: 3%;
        width: 3%
    }
}

@media (min-width :767px) and (max-width:897px) {
    .stepCircleBox {
        margin-left: 177px
    }

    #tnc-btn-continue,
    #tnc-btn-continue-top {
        width: 40%
    }

    #tnc-btn-cancel,
    #tnc-btn-cancel-top {
        margin-left: 9px
    }

    #globe_image {
        height: 3%;
        width: 3%
    }
}

@media (min-width :667px) and (max-width:766px) {
    .stepCircleBox {
        margin-left: 120px
    }

    #tnc-btn-continue,
    #tnc-btn-continue-top {
        float: right;
        width: 43%
    }

    #globe_image {
        height: 3%;
        width: 2%
    }
}

@media (min-width :479px) and (max-width:666px) {
    .stepCircleBox {
        margin-left: 80px
    }

    #secondLine {
        width: 62%
    }

    #firstLine {
        width: 31%
    }
    
    #thirdLine {
        width: 93%
    }

    #tnc-btn-continue,
    #tnc-btn-continue-top {
        float: right;
        margin-right: 0;
        width: 60%
    }

    #tnc-btn-cancel,
    #tnc-btn-cancel-top {
        margin-left: -15px
    }

    #globe_image {
        height: 3%;
        width: 4%
    }
}

@media (max-width :480px) {
    .stepCircleBox {
        margin-left: 50px
    }

    #tnc-btn-continue,
    #tnc-btn-continue-top {
        float: right;
        width: 60%
    }

    #tnc-btn-cancel,
    #tnc-btn-cancel-top {
        margin-left: 20px
    }

    #globe_image {
        height: 3%;
        width: 7%
    }
}

@media (min-width :321px) and (max-width:512px) {
    .eyeImage {
        margin-left: 131%;
        margin-bottom: 22px;
        margin-right: -90px;
        margin-top: -29px
    }

    #personalreg-btn-continue {
        margin-left: 84px
    }

    select.custom {
        background-size: 40px 40px
    }

    select.form-control {
        padding: 6px 7px
    }

    .sel-dob-month select {
        padding: 6px 8px 6px 8px !important
    }

    .modal-body {
        padding: 40px 40px
    }
}

@media (min-width :513px) and (max-width:768px) {
    .eyeImage {
        right: 35px
    }

    #secondLine {
        width: 62% !important
    }

    #firstLine {
        width: 31% !important
    }

    #thirdLine {
        width: 93% !important
    }
}

#buttonCancel,
#buttonCancelContinue {
    margin-left: auto;
    float: none
}

.buttonCancel {
    margin-left: auto;
    margin-right: auto;
    float: none
}

#buttonCancel1 {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.buttonCancel1 {
    margin-left: auto;
    margin-right: auto;
    float: none
}

@media (min-width :769px) and (max-width:992px) {
    .eyeImage {
        margin-left: 114%;
        margin-bottom: -4px;
        margin-top: -55px
    }

    #buttonCancel {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important
    }

    .buttonCancel {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important
    }

    #buttonCancel1 {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important
    }

    .buttonCancel1 {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important
    }
}

@media (max-width :992px) {
    #midRadio {
        height: 30px;
        margin-top: 12px
    }

    #ssnRadio {
        height: 50px;
        margin-top: 12px;
        width: 75%
    }

    #midMob {
        margin-top: 35px
    }

    #ssnMob {
        margin-top: 35px
    }
}

@media (min-width :1105px) and (max-width:1420px) {
    .eyeImage {
        margin-left: 460px;
        margin-top: -48px
    }
}

@media (min-width :992px) and (max-width:1104px) {
    .eyeImage {
        margin-left: 405px;
        margin-bottom: -4px;
        margin-top: -55px
    }

    .cancel-continue {
        margin-left: 60px
    }

    #firstLine {
        width: 31% !important
    }

    #secondLine {
        width: 62% !important
    }

    #thirdLine {
        width: 93% !important
    }
}

span.sectionHeading {
    color: #d20962;
    font-weight: 700;
    font-family: Open Sans;
    font-size: 16px;
    padding-bottom: 24px
}

p.sectionHeading {
    color: #d20962;
    font-weight: 700;
    font-family: Open Sans;
    font-size: 16px;
    padding-bottom: 24px
}

p.summaryText {
    color: #414141;
    font-weight: 600;
    font-family: Open Sans;
    font-size: 16px;
    padding-bottom: 24px
}

span.summaryText {
    color: #414141;
    font-weight: 600;
    font-family: Open Sans;
    font-size: 16px;
    padding-bottom: 24px
}

#disp-idCard-pers {
    color: #7d3f98;
    text-decoration: underline
}

@media screen (min-width:1050px) and (max-width:1123px) {

    #firstLine {
        width: 31% !important
    }

    #secondLine {
        width: 62% !important
    }

    #thirdLine {
        width: 93% !important
    }
}

#tnc-btn-continue {
    margin-bottom: 36px
}

.step4content {
    background: #fff;
    border: 1px solid #ccc;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 6.5%;
    margin-bottom: 6.5%
}

.successMessage {
    font-family: Open Sans;
    border: 1px #cbd7c1 solid;
    background-color: #e7efe0;
    color: #3a7c06;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 16px;
    border-radius: 5px;
    text-align: left
}

div.successMessage img {
    max-width: none
}

td.x {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0
}

td.y {
    padding-top: 10px;
    padding-left: 20px;
    font-size: 24px;
    text-align: left;
    padding-right: 0;
    padding-bottom: 0
}

@media (min-width :320px) and (max-width:461px) {
    .ui-selectmenu-button {
        padding: 6px 5px;
        background: url(/AccountManagerAppConfig/commonV3/includes/assets/images/PP/dropdown.png) top no-repeat, linear-gradient(to right, #fff 80%, #7d3f98 80%);
        padding-right: 46px;
        background-position: 96% 50%;
        background-color: #fff;
        height: auto;
        border: 1px solid #ced4da;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: Open Sans
    }

    @media (min-width :320px) and (max-width:374px) {
        .ui-selectmenu-button {
            padding: 6px 5px;
            background: url(/AccountManagerAppConfig/commonV3/includes/assets/images/PP/dropdown.png) top no-repeat, linear-gradient(to right, #fff 80%, #7d3f98 80%);
            padding-right: 46px;
            background-position: 99% 50%;
            background-color: #fff;
            height: auto;
            border: 1px solid #ced4da;
            border-radius: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            font-family: Open Sans
        }
    }
}

.container-fluid {
    line-height: 1.42857143
}

div#pageContent {
    line-height: 1.42857143
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.table td {
    padding: 8px
}

.table {
    margin-bottom: 20px
}

h5 {
    line-height: 1.1
}

.rowmargin {
    margin-left: 0;
    margin-right: 0
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%)
}

.aet-footer .container {
    max-width: 1170px
}

img#aetLogoImg {
    width: 210px;
    height: auto;
    padding-top: 37px;
    padding-bottom: 33px;
}