@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");


	/*-------------------------------------*/
	/* 1 START: Browser Reset Essentials --*/
	/*-------------------------------------*/
	@media screen{
		*, *:before, *:after {
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			padding: 0;
			margin: 0;
		}
		html, body,  section,  header,  footer,  nav,  h1,  h2,  h3,  h4,  h5,  h6,  p,  address,  span,  img,  ol,  ul, li {
			border: 0;
			vertical-align: baseline;
		}
		html, body {
			height: 100%;
		}
		body, footer {
			width: 100%;
			background-color: #e6eaee;
		}
		.hide {
			display: none !important;
		}
		.nowrap {
			white-space: nowrap;
		}
		.bold{
			font-weight: bold;
		}
		.cp {
			line-height: 1.5;
			font-weight : normal;
			font-style: normal;
		}
	}
	/*-----------------------------------*/
	/* 1 END: Browser Reset Essentials --*/
	/*-----------------------------------*/
	
	/* -------------------- */
	/* 2 START: Font Family */
	/* -------------------- */
	@media screen{
		/* font COLOR */
		body,
		.cp button,
		.cp .button, 
		.cp input[type=radio] + label,  /* tim requested all checkbox/radio button label #666 */
		.cp input[type=checkbox] + label,
		.cp .section-cap .sub-title{
			color: #666;
		}
		.cp h1, 
		.cp h1 *,
		.cp *:not(.contact-info) > h3, 
		.cp *:not(.contact-info) > h3 *,
		.cp section > h4,
		.cp h4[id^=message], 
		.cp h4[id^=message] *,
		.cp input, 
		.cp textarea, 
		.cp select,
		.cp header *,
		.cp .section-cap *:not(.sub-title),
		.cp label:first-child,
    	.cp *:not([type=radio]):not([type=checkbox]) + label, 
		.cp label *{
			color: #666666;
		}
		.cp footer nav > *{
			color: #666666;
		}
		.cp input:checked + label{		/* checked */
			color: #666666 !important;
		}
		
		body.cp .button.small {
			font-size: 11px;	  					/* 11.0px : Small Button */
			font-weight: 600;
		}
		
		.cp button,
		.cp .button {
			font-size: 16px;						/* 16.0px : Big Button */
			font-weight: 400;						/* Tim 400 Oct 5th */
			line-height: 26px;
		}
		.cp .pay-info h3 span{
			font-size: 14.4px; 						/* 14.4px */
		}
		.cp #actions h3{
			font-size: 13px;						/* 13.0px */
			line-height: 1;
		}
		.cp .actions-table .link p {
			font-size: 11px;						/* 11.0px */
			font-weight: 500;
		}
		.cp section > a[title="ID Card"]{
			font-size: 0; 							/* 00.0px fix underine */
		}
		.cp .legal-notes h6, 
		.cp .legal-notes-bold h6,
		.cp label.check-option h6{
		}
		.cp footer nav > *{
			font-size: 11.2px;
			line-height: 16.8px;
		}
		.cp .section-cap p.sub-title {
			font-size: .70em;
		}
		.cp .section-cap p {
			font-weight: bold;
		}

	/* font-FAMILY */
	 	.cp *{	font-family: Open Sans, Arial, Helvetica, sans-serif; }
		.cp header *, 
		.cp h1 *, 
		.cp h2 *, 
		.cp h3 *,
		.cp .renewal-payment-group h4,
		.cp .renewal-payment-group h4 *,
		.cp .documents-group h4,
		.cp .documents-group h4 *,
		.cp .coverages-group h4,
		.cp .coverages-group h4 *,
		.cp .right-column h4,
		.cp .right-column h4 *,
		.cp .section-cap,
		.cp .section-cap *,
		/*#agent .phone,*/
		.cp button, 
		.cp .button, 
		.cp input[type="button"], 
		.cp input[type="submit"]{
			font-family: Open Sans;
		}
		.cp h1{
			font: normal 400 42px Poppins !important;
		}
	}
	/* -------------------- */
	/* 2 END: Font Family   */
	/* -------------------- */
	
	/* --------------------------- */
	/* 3  START: h1, h2, h3, h4 -- */
	/* --------------------------- */
	@media screen{
		body.guest h1:not(.registration-title){
			text-align: center;
			width: 100%;
		}
	}
	/* --------------------------- */
	/* 3  END: h1, h2, h3, h4   -- */
	/* --------------------------- */
	
	/* ------------------ */
	/* 4  START: Links -- */
	/* ------------------ */
	@media screen{
		.cp #content-R3 * > a:link:not(.button):not(.button-input) *,
		.cp #content-R3 * > a:active:not(.button):not(.button-input) *,
		.cp #content-R3 * > a:visited:not(.button):not(.button-input) *,
		.cp #content-R3 * > a:hover:not(.button):not(.button-input) *,
		.cp #content-R3 * > a:link:not(.button):not(.button-input),
		.cp #content-R3 * > a:active:not(.button):not(.button-input),
		.cp #content-R3 * > a:visited:not(.button):not(.button-input),
		.cp #content-R3 * > a:hover:not(.button):not(.button-input){
			color: #0e71eb;
		}

		.cp #content-R3 *:not(.right):not(.desktop):not(.documents-group-expand):not(.button-grid):not(.two-column):not(.mobile):not(.googleplay):not(.group-action-icon) > a:link:not(.button):not(.button-input):not(.pleaseWait):not(.arrow-link),
		.cp #content-R3 *:not(.right):not(.desktop):not(.documents-group-expand):not(.button-grid):not(.two-column):not(.mobile):not(.googleplay):not(.group-action-icon) > a:active:not(.button):not(.button-input):not(.pleaseWait):not(.arrow-link),
		.cp #content-R3 *:not(.right):not(.desktop):not(.documents-group-expand):not(.button-grid):not(.two-column):not(.mobile):not(.googleplay):not(.group-action-icon) > a:visited:not(.button):not(.button-input):not(.pleaseWait):not(.arrow-link),
		.cp #content-R3 *:not(.right):not(.desktop):not(.documents-group-expand):not(.button-grid):not(.two-column):not(.mobile):not(.googleplay):not(.group-action-icon) > a:hover:not(.button):not(.button-input):not(.pleaseWait):not(.arrow-link) {
			text-decoration: none;
			font-weight: 600;
		}
		p.reset {
			font-weight: 600;
			margin-top: 72px !important;
		}
		.cp .login-button-grid {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			gap: 24px;
			margin-top: 20px !important;
		}
	}
	@media only screen and (max-width: 640px) {
		.cp .login-button-grid {
			flex-direction: column-reverse;	
		}
	}
	/* ------------------ */
	/* 4    END: Links -- */
	/* ------------------ */
	
	/* ---------------- */
	/* 5 START: buttons */
	/* ---------------- */
	@media screen{
		.cp button:not(.gm-control-active):not(.updbutton), /* .gm-control-active : used by google map */
		.cp .button {
			display: inline-block;
			outline: none;
			
			padding-left: 20px;
			padding-right: 20px;
			min-width: 135px;
			
			text-align: center;
			text-decoration: none;
			white-space: nowrap;
			border-radius: 5px;
			cursor: pointer;
			-webkit-box-shadow: none ;
			        box-shadow: none ;
			border: none;
			letter-spacing: 0.4px;
		}
		
		/* push button text down 1px when active */
		.cp  button:not(.gm-control-active):not(:active):not(.updbutton),
		.cp .button {
			padding-top: 7px;
			padding-bottom: 7px;
		}
		/* Big Grey && Default <button> */
		.cp  button:not(.gm-control-active),
		.cp .button.grey:not(.small){
			background: #DDD
		}
		.cp  button:not(.gm-control-active):hover:not(.active),
		.cp .button.grey:hover:not(.small):not(:active) {
			background: #BBB
		}
		/* Big Green */
		.cp .button.green, .cp .button.darkblue {
			font-size: 16px;
			font-family: 'Open Sans';
			background: #54A925;
			color: white;
			font-weight: 500;
			min-width: 155px;
			border-radius: 5px;
			padding-left: 5px !important;
			padding-right: 5px;
		}
		.cp #submit-login.button.green {
			float: right;
		}
		.cp .button.darkblue {
			background-color: #024d74;
		}
		.cp.not-root .button.green, .cp.not-root .button.darkblue {
			font-size: 14px;
			font-family: 'Open Sans';
			margin: 5px;
			padding: 10px;
		}
		/* white */
		.cp .button.white{
			background-color: white;
			color: #006699;
		}
		.cp .button.white:hover:not(:active) {
			background-color: aliceblue;
		}

		.cp .button.disabled {
			cursor: default;
			filter: sepia(1);
			-webkit-filter: sepia(1);
		}
		.cp .button span {
			/* is this used? */
			display: inline-block;
			width: 18px;
			margin-bottom: -2px;
		}
		/* Small Gray*/
		.cp .button.grey.small{
			color: #006699;
		} 
		body.cp .button.green.small, 
		body.cp .button.grey.small{
			min-width: 96px;
			margin-top: 7px;
			padding: 0px 10px;
			border: 2px solid #006699;
		}
		.cp #my-agent .button{
			min-width: 135px;
		}
		/* .cp-pay-btn */
		.cp .button.green.small.cp-pay-btn > span{
			display: none;
		}
		.cp .button.green.small:hover,
		.cp .button.grey.small:hover {
			border: 2px solid #005570
		}
		#remember-me-label span {
			display: table-cell;
			padding-top: 2px;
		}
	}
	/* -------------- */
	/* 5 END: buttons */
	/* -------------- */
	
	/*------------------------------ */
	/* 6  START: Outer Container --- */
	/*------------------------------ */
	
	/* #container */
	.cp #content-R3 {
		float: left; 
		padding-bottom: 40px;
		width: 100%;
		background: #f1f3f6;
		position: relative;
	}

	/* #content-container-R3 */
	.cp #content-container-R3{
		width: calc(100% - 40px);
		min-width: 310px;
		max-width: 1024px;
	}
	/*------------------------------ */
	/* 6    END: Outer Container --- */
	/*------------------------------ */
	
	/* -------------------------- */
	/* 7  START: Input Fields  -- */
	/* <section class="highlight">*/
	/*highlight class means: ERROR*/
	/* -------------------------- */
	@media screen{
		.cp input[type=submit]{
			-webkit-appearance: none;
		}
		/* Input Fields */
		.cp input[type=text]:not(#nucaptcha-answer),  
		.cp input[type=email],  
		.cp input[type=password],  
		.cp input[type=date],  
		.cp input[type=number],  
		.cp input[type=datetime],  
		.cp input[type=tel],
		.cp textarea,
		.cp select{
			color: #333333; /* Non-Black Input */
			font: normal 400 14px/1.2 Open Sans;
			height: 38px; /* for select */
			border: none;
			background: rgba(255, 255, 255, 1) !important;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			outline: none;
			padding: 5px 10px;
			width: 100%; /*needed for body.guest*/
			max-width: 100%; /*needed for body.guest*/
			background: none;
		}
		.cp select{ padding-right: 0px;}
		.cp textarea {
			width: 100%;
			resize: none;
		}
		.cp section:not(.highlight) input:not(.button):focus,
		.cp section:not(.highlight) input:not(.button):active,
		.cp section:not(.highlight) textarea:focus,

		.cp input::-ms-input-placeholder{ color: #939393; }
		.cp input::-webkit-input-placeholder{ color: #939393; }
		.cp input::-moz-placeholder{ color: #939393; }
		.cp input:-ms-input-placeholder{ color: #939393; }
		.cp input::placeholder{ color: #939393; }
		.cp input::-webkit-input-placeholder{ color: #939393; }
		.cp input::-ms-input-placeholder{ color: #939393; }

		
		/* Red Validation Error Border and Text */
		.cp section.highlight input:not(.ng-valid),
		.cp section.highlight select:not(.ng-valid),
		.cp section.highlight textarea:not(.ng-valid) {
			border-style: solid;
			border-color: #c70808;
			border-width: 1px;
		}
		.cp section.highlight input[type=checkbox]:not(.ng-valid){
			box-shadow: 1px 1px 0 #c70808, 1px -1px 0 #c70808, -1px -1px 0 #c70808, -1px 1px 0 #c70808;
		}
		.cp input::-webkit-outer-spin-button, 
		.cp input::-webkit-inner-spin-button {
			-webkit-appearance: none;
		 	margin: 0;
		}
		.cp select.placeholder, 
		.cp input.placeholder, 
		.cp textarea.placeholder {
			color: #aeaeae;
		}
		.cp select.placeholder option {
			color: #000;
		}
		.cp input[type=radio] {
			float: left;
		}
		
		.cp #login-form div.input-row, .cp #resetpage div.input-row {
			display: flex;
		}
		.cp input[type=text]:not(#nucaptcha-answer), .cp input[type=password] {
			border-radius: 0 6px 6px 0;
			border: 1px solid #C4C4C4;
			border-left: none;
			height: 43px !important;
			width: 100% !important;
			min-width: 190px !important;
        }
		.cp .icon-user, .cp .icon-key, .cp .icon-email, .cp .icon-agency {
			width: 48px;
			height: 43px;
			border: 1px solid #C4C4C4;
			border-radius: 6px 0 0 6px;
		}
        .cp .icon-key {
			background: url("../images/CA_PPA_R3/icon-password.png") no-repeat left !important;
			background-color: rgba(255, 255, 255, 1) !important;
			background-size: 24px !important;
			background-position: 8px !important;
		}
		.cp .icon-user {
			background: url(../images/CA_PPA_R3/userIcon.jpg) no-repeat left !important;
			background-color: rgba(255, 255, 255, 1) !important;
			background-size: 24px !important;
			background-position: 8px !important;
		}
        .cp .icon-email {
			background: url("../images/CA_PPA_R3/icon-email.png") no-repeat left !important;
			background-color: rgba(255, 255, 255, 1) !important;
			background-size: 24px !important;
			background-position: 8px !important;
		}
        .cp .icon-agency {
			background: url("../images/CA_PPA_R3/icon-agency-2.png") no-repeat left !important;
			background-color: rgba(255, 255, 255, 1) !important;
			background-size: 24px !important;
			background-position: 8px !important;
		}
		
		.password-group {
			position: relative;
			overflow:hidden;
		}
		.password-group .login-password {
			padding-right: 40px;
		}
		.password-group #login-password-mask{
			position: absolute;
			top: 0;
			right: -40px;
			text-indent: -30px;
			height: 100%;
			line-height: 2;
			pointer-events: auto;
			z-index: 5;
			cursor: pointer;
		}
		.password-group #login-password-mask::after{        
			width: 27px;
			height: 27px;
			top: -18px;
			right: 40px;
			background: url("../images/CA_PPA_R3/eye-hide-grey.png") 0 0 no-repeat;
			background-size: 27px;
		}
		.password-group #login-password-mask:checked::after{
			top: -18px;
			right: 40px;
			background: url("../images/CA_PPA_R3/eye-unmask-grey.png") 0 0 no-repeat;
		}
	}

	/* -------------------------- */
	/* 7    END: Input Fields  -- */
	/* -------------------------- */
	
	/* -------------------- */
	/* 8  START FOOTER   -- */
	/* -------------------- */
		.cp footer nav {
			clear: both;
				overflow: auto;
			margin-left: auto;
			margin-right: auto;
		}
		.cp footer nav > *{
			float: left;
			margin-top: 4px;
			margin-left: 0;
			margin-bottom: 4px;
		}
		.cp footer nav > *:not(:last-child){
			margin-right: 22px;
		}
		.cp footer nav > *:last-child{
			margin-right: 0;
		}
		.cp footer a{
			text-decoration: none;
		}
	/* -------------------- */
	/* 8    END FOOTER   -- */
	/* -------------------- */

	/* -------------------- */
	/* 9    WARNINGS     -- */
	/* -------------------- */
	/* -- #submit-errors class="plain errors error-inlaid error-grey-bg"-- */
	/* --   .warning     -- */
	/* --     img        -- */
	/* --     p          -- */
	/* -- ----------------- */
		.cp .errors ul {
			margin: 0;
		}
		.cp section.input-row.clean-form-section label.error, 
		.cp .card-error,
		.cp .errors label.error,
		.cp section.input-row.clean-form-section label.error *, 
		.cp .card-error *,
		.cp .errors label.error * {
			color: #c70808;
			font-size: 13px;
			font-weight: 600;
			margin-top: 5px;
			clear: left;
		}
	}
	/* ------------------- */
	/* 9   END WARNINGS -- */
	/* ------------------- */
	

	/* ---------------------------------- */
	/* 10 START: Display media Queries -- */
	/* ---------------------------------- */
	@media screen{
		.inline {
			display: inline;
		}
		.inline-block {
			display: inline-block;
		}
	}
	@media (max-width:640px){
	    body.cas .desktop{ display: none !important; }
	}
	@media (min-width:641px){
	    body.cas .mobile{ display: none !important; }
	}
	@media only screen and (max-width:767px) {
		.mobile {
			display: initial;
		}
		.mobile-inline {
			display: inline;
		}
		body:not(.cas) .desktop, 
		.desktop-inline, 
		.desktop-inline-block{
			display: none !important;
		}
		.desktop-easy {
			display: none
		}
		.show {
			display: block;
		}
		.mobile-show {
			display: initial !important;
		}
		.mobile-hide {
			display: none !important;
		}
	}
	@media only screen and (min-width:768px) {
		body:not(.cas) .mobile, 
		.mobile-inline{
			display: none !important;
		}
		.desktop-inline {
			display: inline;
		}
		.desktop { 
			display: initial; 
		}
		.desktop-inline-block {
			display: inline-block;
		}
	}
	/* ---------------------------------- */
	/* 10   END: Display media Queries -- */
	/* ---------------------------------- */

	/* ------------------ */
	/* 11 START: lists -- */
	/* ------------------ */
	@media screen{
		ul {
			margin: 10px 0 0 5%;
			font-size: .75em;
		}
		li {
			display: block;
		}
	}
	/* ------------------ */
	/* 11   END: lists -- */
	/* ------------------ */
	

	/* --------------------- */
	/* 12 START: Other Stuff */
	/* --------------------- */
		.cp label {
			clear: right;
			width: 100%;
			margin: 0;
			padding: 0;
			font-weight: 400;
		}
	/* --------------------- */
	/* 12   END: Other Stuff */
	/* --------------------- */
	
	/* -------------------- */
	/* 13 START HEADER   -- */
	/* -------------------- */
    	@media screen{
    		body.cas header,
    		body.guest header{
    			position: relative;
    			background: white;
				border-top: 5px solid #900;
    			-webkit-box-shadow: 0 2px 4px #DADADA;
    			box-shadow: 0 2px 4px #DADADA;
    		}
    		.cp #header-wrapper-R3 {
				height: 60px;
    			display: -webkit-box;
    			display: -ms-flexbox;
    			display: inline-block;
    			-webkit-box-align: center;
    			-ms-flex-align: center;
    			align-items: center;
    			-webkit-box-pack: justify;
    			-ms-flex-pack: justify;
    			justify-content: space-between;
				margin: auto;
			}
    		body.cas header #header-wrapper-R3 .mic-logo,
    		body.guest header #header-wrapper-R3 .mic-logo{
				height: 10px;
				margin: 8px 32px;;
    		}
    		body.cas header #header-wrapper-R3 .mic-logo a img,
    		body.guest header #header-wrapper-R3 .mic-logo a img{
    			width: 100%;
				height: 41px;
    		}
    	}
	/* -------------------- */
	/* 13   END HEADER   -- */
	/* -------------------- */
	
	
	/* ---------------------------------------------------------------- */
	/* 14 START: CAS Login Page *Only* ... <body class="cas">...</body> */
	/* ---------------------------------------------------------------- */
		
        /* h1 */
        body.cas h1 {
            text-align: left;
            color: white;
            margin: 15px 0px 20px;
			display: inline-block;
        }
		body.cas.not-root h1 {
			color: #58595B;
			display:block;
			text-align: center;
		}
		h2 {
			font-size: 14px;
			font-weight: 500;
		}

		/* TermsAndCondition */
		.SQ-Box {
			color: #58595B;
			font-weight: bold;
			font-size: 20px;
			border-bottom: solid 2px #939598;
			padding: 15px 15px 15px 0;
			width: 95%;
		}
		.Five-Char-Question {
			color: black;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.Assistance-SmallText {
			font-weight: 600;
			font-size: 12px;
			font-family: 'Open Sans';
			color: #666766;
			margin-top: 15px;
			width: 80%;
			margin-bottom: 20px;
		}

		/* TermsAndCondition */

		#login-account-email {
			display: block;
		}
		section.container {
			width:100%;
			height: 100%; 
		}
		.termsConditions {
			font-size: 14px;
			font-weight: 600;
		}
		
		.table-flex {
			display: flex;
			flex-direction: column;
		}
		.flex-row {
			display: flex;
			flex-direction: row;
		}

		.change-text {
			font-weight: bold;
			font-size: 20px;
			color: #000000;
		}
		.disclaimer-text {
			font-weight: 600;
			font-size: 14px;
		}
		.security-guide-clickable {
			color: #0E71EB;
			text-decoration: underline;
			font-weight: 600;

		}
		.cancel-update-buttons {
			display: flex; 
			flex-direction: row;
		}	



		.pwd-chars-inline {
			display: inline-block;	
			margin-left: 3px;
			font-size: 12px;
		}
		
		.pwd-msg{
		color:#ff6f28;
		margin-top:5px;
		margin-left:5px;
		font-size: 12px;
		}
		
			
		.fa-circle-o {
			font-size: 17px;	
			color: gray;
		}
		
		.pwd-chars-inline {
			display: inline-block;	
			margin-left: 3px;
		}
		/* PasswordWarning */ 

		/* Verify ID */

		.VerifyIDBoldText {
			color: #58595B;
			border-bottom: solid 2px #939598;
			font-weight: bold;
			font-size: 28px;
			padding-bottom: 5px;
			font-family: 'Poppins';
		}

		.EmailNotificationText {
			font-weight: 600;
			font-size: 14px;
			font-family: 'Open Sans';
			color: #737883;
			margin-top: 15px;
		}

		/* Verify ID */

		/* PasswordSent */
		.passwordSentBoldText {
			color: #000000;		
			font-weight: bold;
			font-size: 20px; 
			font-family: 'Open Sans';
		}
		
		.passwordSentChanges { 
			color: #737883;
			font-weight: 600; 
			margin-top: 5px;
		}
		@media only screen and (min-width: 768px){
			.margin-Increment {
				margin-top: 150px;
				margin-bottom: 200px;
			}
			.margin-Increment-BottomOnly {
				margin-bottom: 200px;
			}
		}

		@media only screen and (max-width: 767px){
			.margin-Increment {
				margin-top: 50px;
				margin-bottom: 100px;
			}
			.margin-Increment-BottomOnly {
				margin-bottom: 100px;
			}
		}
		
		#titleBold {
			font-weight: bold !important;  
		}
		.bold-grey-section-header {
			color: #58595B;
			font-weight: bold;
			font-size: 20px;
			font-family: 'Open Sans';
		}
		.divider {
			/* margin: 50px 50px 0 70px; */
			border-bottom: 1px solid grey;
			margin-top: 50px;
			margin-bottom: 50px;
		}
		/* PasswordSent */

        body.cas section > *:not(.errors){
            margin: 20px 0 10px;
        }
        body.cas section {
           /* float: left;*/
        }
        body.cas h3.login {
			font-size: 20px;
			font-family: 'Open Sans';
			font-weight: 400;
            margin-top: 0px !important;
			color: #000000 !important;
        }
        body.cas h3.login span{
			font-weight: 700;
			color: #000000 !important;
		}
		body.cas.not-root h3 {
			font-size: 14px;
			font-family: Open Sans;
            margin-top: 20px !important;
		}
        body.cas section > ul{
            display: inline-block;
        }
        body.cas ul{
        	line-height: 24px; 
            padding-left: 9px;
        }
        
    	body.cas #overlays, 
    	body.cas #overlays section {
            display: none;
        }

        body.cas .show-overlay #overlays, 
        body.cas #overlays section.show-overlay {
            display: block;
        }
        body.cas #content-container-R3 {
			max-width: 434px;
            margin: 146px auto 0px;
        }
		body.cas #content-container-R3.pw-reset {
			max-width: 434px;
            margin: 64px auto 0px;
        }
		body.cas #content-container-R3.un-reset {
			max-width: 434px;
            margin: 80px auto 0px;
        }
		body.cas.not-root #content-container-R3 {
			max-width: 756px;
		}
        body.cas .content-row-R3 {
            display: table;
            width: 100%;
        }
		body.cas.not-root .login-container-R3{
			min-height: 420px; 
		}
		body.cas .login-container-R3{
			position: relative
		}
		body.cas .profile-update-red, 
		body.cas .profile-update-green, 
		body.cas .profile-update-orange{
			position: absolute;
			padding-left: 40px;
			padding-right: 1%;
			width: 100%;
			top: 0;
			left: 0;
		}

        body.cas #content-container-R3 .login-container-R3 {
            -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
                    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
            background: rgba(255, 255, 255, 0.85);
            float: left;
            width: 100%;
			min-width: 310px;
        }
        body.cas .one-time-payment {
            text-transform: uppercase;
            margin: 0px;
        }
		body.cas .reset-copy {
			font-size: 12px;
			margin-top: 10px;
		}
        body.cas .button .white-lock {
            float: left;
            margin-top: 2px;
        }
        body.cas .content-row-R3 .right ul {
            font-size: 14.4px;
        }
        body.cas .content-row-R3 .right li {
            margin-left: 2%;
            display: list-item;
        }
        body.cas table-cell.mobile > a,
        body.cas .form-view > .content-row-R3 + .content-row-R3 > section:nth-child(2) > a{    
            text-decoration: none;
            border-bottom: 1px dotted #267da8;
            color: rgb(0, 102, 153);
        }
        body.cas .content-row-R3.links section {
            padding: 0px 4% 2%;
        }
        body.cas .content-row-R3.links section.googleplay {
            margin-top: 20px;
        }
        body.cas .table-row{ margin-top: 20px; }
        body.cas label.error{ margin-top: -9px !important; }
		
	/* ---------------------------------------------------------------- */
	/* 14   END: CAS Login Page *Only* ... <body class="cas">...</body> */
	/* ---------------------------------------------------------------- */

	
	/* -------------------------------- */
	/* 15 Start: All Images from Assets */
	/* -------------------------------- */

		body.cas .one-time-payment {
			background: url(/cas/themes/oic/images/icon-lock-gray.svg) 6px 0px no-repeat; /* CAS ONLY */
		}
		body.cas .one-time-payment a {
			margin-left: 29px !important; 
		}
		
		@media (max-width: 750px){
			body.cas #content-R3.splash-bg-1{
				background: url(../images/CA_PPA_R3/mac-splash-bg-desk-1.jpg) center / cover;
			}
			body.cas #content-R3.splash-bg-2{
				background: url(../images/CA_PPA_R3/mac-splash-bg-desk-2.jpg) center / cover;
			}
			body.cas #content-R3.splash-bg-3{
				background: url(../images/CA_PPA_R3/mac-splash-bg-desk-3.jpg) center / cover;
			}
		}
		@media (min-width: 751px){
			body.cas #content-R3.splash-bg-1{
				background: url(../images/CA_PPA_R3/mac-splash-bg-desk-1.jpg) center / cover;
			}
			body.cas #content-R3.splash-bg-2{
				background: url(../images/CA_PPA_R3/mac-splash-bg-desk-2.jpg) center / cover;
			}
			body.cas #content-R3.splash-bg-3{
				background: url(../images/CA_PPA_R3/mac-splash-bg-desk-3.jpg) center / cover;
			}
		}
		body.cas.not-root #content-R3 {
			background: #F3F3F4;
		}
	/* -------------------------------- */
	/* 15   End: All Images from Assets */
	/* -------------------------------- */
	
	/* Mobile View hiding things */
	body.mobileViewTrue .mobile-view-hidden {
		display: none !important;
	}
	
	
	/* -------------------------------- */
	/* 16  NuCAPTCHA for Password Reset */
	/* -------------------------------- */
	#nd-captcha {
		margin-top: 34px;
	}
	#media-container 
		{
		width: 88%;
		background-color: white;
		border: 1px solid #c4c4c4;
		border-radius: 6px;
		text-align: center;
		height: 80px;
	}
	#media-container #nucaptcha-media {
		background: url(https://s3.amazonaws.com/staticd.nucaptcha.com/33376/v6/skins/mercury/loading.gif) no-repeat center center;
	}
	#media-container a:-webkit-any-link {
	 color:#0000ee;
	}
	#nucaptcha-media, img#nucaptcha-media{
		max-width:88% !important;
	}
	img#nucaptcha-media{
		height: 74px;
	} 

	 audio#nucaptcha-media {
		min-width:85%;
	}
	#nucaptcha-player {
		width: 99% !important;
	}
	#nucaptcha-player {
		width: 56% !important;
	}
	#nucaptcha-player {
		width: 333px !important;
		min-width: 190px !important;
		max-width: 360px !important;
	}
	@media only screen and (max-width: 640px) {
		#nucaptcha-player {
			width: 100% !important;
			min-width: 190px !important;
			max-width: 360px !important;
		}
	}
	#directions-verbose-label {
		padding-left: 0px !important;
		text-align: center !important;
	}
	#directions-label, #directions-verbose-label {
		font-family: Open Sans, Arial, Helvetica, sans-serif !important;
	}
	#directions-verbose-label span {
		display: none;
	}
	#directions-verbose-label, #directions-label {
		margin: 0px;
		padding: 0px;
		border: none;
		outline: none;
		text-align: center;
		font-size: 14px;
		font-family: Open Sans, Arial, Helvetica, sans-serif;
		position: relative;
		background: none;
		background-color: inherit;
		text-transform: none;
		text-decoration: none;
		float: none;
		width: 100%;
		font-style: normal;
		font-weight: normal;
		display: inline;
		white-space: nowrap;
	}
	#directions-verbose-label, #directions-label {
		font-size: 14px !important;
		text-align: center;
	}

	#my-nucaptcha-wrapper {
		display: table;
		width: 100%;
	}
	#my-nucaptcha-wrapper .nucaptcha-answer {
		border-radius: 6px;
		border: 1px solid #C4C4C4;
		height: 35px !important;
		padding: 5px 10px;
		width: 100%;
	}
	#my-nucaptcha-button-wrapper {
		width: 10%;
		float: right;
	}
	#my-nucaptcha-answer-wrapper {
		height: 1em;
		float: none;
		width: 88%;
	}
	@media only screen and (max-width: 454px) {
		#my-nucaptcha-answer-wrapper {
			text-align: left;
		}
		#my-nucaptcha-wrapper .nucaptcha-answer {
			margin-top: -4px;
		}
	}
	#my-nucaptcha-answer-wrapper {
		line-height: 2em;
		margin-top: 4px;
		padding: 0px;
	}
	a#new-challenge.cmd {
		margin: 0px 0px 2px;
		border: none;
		outline: none;
		text-align: left;
		font-size: medium;
		font-family: Open Sans, Arial, Helvetica, sans-serif;
		position: relative;
		text-transform: none;
		text-decoration: none;
		width: 30px;
		height: 29px;
		padding: 0px;
		display: block;
		background: url(https://s3.amazonaws.com/staticd.nucaptcha.com/33376/v6/skins/mercury/master.png) 0px -64px no-repeat scroll transparent;
		text-indent: -10000px;
		z-index: 3;
		overflow: hidden;
	}
	a#player-mode.cmd.toggle {
		margin: 0px 0px 2px;
		border: none;
		outline: none;
		text-align: left;
		font-size: medium;
		font-family: Open Sans, Arial, Helvetica, sans-serif;
		position: relative;
		text-transform: none;
		text-decoration: none;
		width: 30px;
		height: 29px;
		padding: 0px;
		display: block;
		background: url(https://s3.amazonaws.com/staticd.nucaptcha.com/33376/v6/skins/mercury/master.png) 0px -192px no-repeat scroll transparent;
		text-indent: -10000px;
		z-index: 3;
		overflow: hidden;
	}
	a#player-mode.cmd.toggle-checked {
		margin: 0px 0px 2px;
		border: none;
		outline: none;
		text-align: left;
		font-size: medium;
		font-family: Open Sans, Arial, Helvetica, sans-serif;
		position: relative;
		text-transform: none;
		text-decoration: none;
		width: 30px;
		height: 29px;
		padding: 0px;
		display: block;
		background: url(https://s3.amazonaws.com/staticd.nucaptcha.com/33376/v6/skins/mercury/master.png) -64px -256px no-repeat scroll transparent;
		text-indent: -10000px;
		z-index: 3;
		overflow: hidden;
	}
	a#audio-listen-again.cmd-audio, a#audio-download.cmd-audio {
		text-align: left;
		float: left;
		width: 88%;
		padding-top: 4px;
	}	
	
	/* ------------------------------------- */
	/* 16  End: NuCAPTCHA for Password Reset */
	/* ------------------------------------- */
	
	@media only screen and (max-width: 454px) {
		.cp .errors {
			margin-top: 50px !important;
		}
	}
	@media only screen and (max-width: 640px) {
		body.cas #content-container-R3 .login-container-R3 form {
			padding: 45px 11% 35px;
		}
		body.cas #content-container-R3 .login-container-R3 form#resetpage {
			padding: 45px 11% 35px;
		}
		body.cas #content-container-R3 {
			margin-top: 16% !important;
		}
		body.cas #content-container-R3.un-reset, body.cas #content-container-R3.pw-reset {
			margin-top: 10% !important;
		}
		.cp .button {
			width: 100%;
		}
		.cp #content-R3 { 
			min-height: 360px;
		}
		.cp input[type=radio] {
			margin: 0 3% 0 0;
		}
		.cp textarea {
			height: 100px;
		}
		.cp label.check-option {
			font-size: 12.6px;
		}
		.cp footer nav{
			padding: 25px 0;
			width: 86%;
			min-width: 300px;
		}
		.cp footer nav > * {
			float: none;
			text-align: center;
		}
		.cp .errors {
			margin-top: 60px;
			padding-bottom: 1px;
		}
		.cp .errors label {
			width: 100%;
			margin: 0 0 6px 0;
		}
	}
	@media only screen and (max-width:640px) and (orientation:landscape) {
		.cp #content-R3 { 
			min-height: 480px; 
		}
	}	
	@media only screen and (min-width: 641px) {
		body.cas #content-container-R3 .login-container-R3 form:not(#resetpage) {
			padding: 45px 50px 20px;
		}
		body.cas #content-container-R3 .login-container-R3 form#resetpage {
			padding: 45px 50px 36px;
		}
		
		body.cas.not-root #content-container-R3 .login-container-R3 form {
			padding: 30px 70px 0 50px;
		}
		.two-button-row-responsive {
			display: flex;
			flex-direction: row;
		}
		.cp .btn-left {
			float: left;
			margin-right: 2%;
		}
		.cp .btn-right{ 
			float: right;
			margin-left: 2%;
		}
		/*Space Between 2 small buttons next to each other*/
		.cp .button.small + .button.small{
			margin-left: 14px;
		}
		.cp #content-R3 { 
			min-height: 768px;
			min-height: 700px;
			min-height: 800px
		}
		.cp input[type=radio] {
			margin: 5px 3% 0 0;
		}
		.cp textarea {
			height: 80px;
		}
		.cp footer nav{ 
			padding: 25px 30px;
			max-width: 360px;
		}
		.cp .errors {
			margin-top: 60px;
			padding-bottom: 1px;
		}

		.cp .container p {
			font-weight: 400;
			color: #000;
		}
	}
	@media only screen and (max-width: 767px) {
		body { font-size: 14.0px;}
		
		.cp h1:not(.registration-title) {
			margin: 0 0 3% 0;
		}
		.cp #content-container-R3 {
			margin: 5% auto 0;
		}
		/* PasswordWarning */ 
		body.not-root .password-warning { 
			padding: 30px 20px 0 20px;
		}
		body.not-root input.maxlength#login-account-email {
			width: 60%;
		}
		body.not-root input.maxlength#first-name {
			width: 60%;
		}
		body.not-root input.maxlength#last-name {
			width: 60%;
		}
		body.not-root .password-group {
			width: 60%;
		}		
		body.cas.not-root #content-container-R3 .login-container-R3 form {
			padding: 30px 20px 0 20px;
		}
		.profile-update-green,
		.profile-update-red,
		.profile-update-orange {
			padding-left: 22px !important;
		}
		.profile-update-green .valid-icon,
		.profile-update-red .valid-icon,
		.profile-update-orange .valid-icon {
			padding: 4px 0 4px 28px;
			line-height: 15px;
			font-weight: 400;
			background-size: 16px !important;
		}
	}
	@media only screen and (min-width: 768px) {
		body { font-size: 14.4px;}
		
		.cp h1:not(.registration-title) {
			margin: 0 0 20px 0;
		}
		.cp #content-container-R3 {
			margin: 50px auto 0;
		}
		/* PasswordWarning */ 
		body.not-root .password-warning { 
			padding: 30px 70px 0 50px;
		}
		body.not-root .password-change { 
			padding: 35px 70px 0px 0px;
		}
		body.not-root input.maxlength#login-account-email {
			width: 50%;
		}
		body.not-root input.maxlength#first-name {
			width: 50%;
		}
		body.not-root input.maxlength#last-name {
			width: 50%;
		}
		body.not-root .password-group {
			width: 50%;
		}
		label#remember-me-label {
			margin-top: 40px;
		}
	}