/*------------ Reset Browser Defaults ------------------*/

*{ outline-style: none; -webkit-text-size-adjust: none; }
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset { margin:0; padding:0; }
input { margin: 0; }
a img,:link img,:visited img { border: none; }
ol,ul{list-style:none;}
th{text-align:left;}
h1,h2,h3,h4{font-size:100%;}
q:before,q:after{content:'';}
code{font:115% monospace; font-size:100%;}
th{text-align:left;}
cite,code,th,address,footer{font-style:normal;font-weight:normal;}
body { font-size:62.5%; }
input, textarea {}
a{cursor:pointer; color:#6F6F6E; text-decoration:none; transition: color 0.5s ease;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
input[type=number] {-moz-appearance: textfield}

/*------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
/* font-family:'Roboto Condensed'; */


body{
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
	}


select{
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
	background-position: 95%;
	}


.clear{
	clear:both;
	}


.button35{
	height:35px;
	min-width:100px;
	font-size:14px;
	width:auto;
	position: relative;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	outline:none;
	border:none;
	border-radius:3px;
	cursor:pointer;
	background-color:#127FBE;
	color:#fff;
	-webkit-transition: transform .1s ease;
  	-moz-transition: transform .1s ease;
  	-o-transition: transform .1s ease;
  	transition: transform .1s ease;
	}


.button35:focus-visible{
	outline:solid 1px #fff;
	outline-offset: 0px;
	}


.button35:hover{
	cursor:pointer;
	-webkit-transform:scale(1.04,1.04);
	transform:scale(1.04,1.04);
	outline:none;
	}

.button35:active{
	-webkit-transform:scale(1.00,1.00);
	transform:scale(1.00,1.00);
	outline:none;
	}









.button30{
	height:30px;
	line-height:30px;
	min-width:100px;
	font-size:14px;
	width:auto;
	position: relative;
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	outline:none;
	border:none;
	border-radius:3px;
	cursor:pointer;
	background-color:#127FBE;
	color:#fff;
	-webkit-transition: transform .1s ease;
  	-moz-transition: transform .1s ease;
  	-o-transition: transform .1s ease;
  	transition: transform .1s ease;
	}


.button30:focus-visible{
	outline:solid 1px #fff;
	outline-offset: 0px;
	}


.button30:hover{
	cursor:pointer;
	-webkit-transform:scale(1.04,1.04);
	transform:scale(1.04,1.04);
	outline:none;
	}

.button30:active{
	-webkit-transform:scale(1.00,1.00);
	transform:scale(1.00,1.00);
	outline:none;
	}


.cancelButton{
	background:none !important;
	color:rgba(0,0,0,.5) !important;
	-webkit-transition: all .25s ease-out;
  	-moz-transition: all .25s ease-out;
  	-o-transition: all .25s ease-out;
  	transition: all .25s ease-out;
	}





.buttonLoading{
	color:rgba(255,255,255,.0);
	pointer-events: none;
	}


.buttonLoading::after {
  content: "";
  position: absolute;			
  width: 14px;
  height: 14px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  border: 2px solid transparent;
  border-top-color: rgba(255,255,255,1);
  border-bottom-color: rgba(255,255,255,.2);
  border-right-color: rgba(255,255,255,.2);
  border-left-color: rgba(255,255,255,.2);
  border-radius: 50%;
  animation: button-loading-spinner .5s linear infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}


.pop01{
	cursor:pointer;
	-webkit-transition: transform .1s ease;
  	-moz-transition: transform .1s ease;
  	-o-transition: transform .1s ease;
  	transition: transform .1s ease;
	}

.pop01:hover{
	-webkit-transform:scale(1.01,1.01);
	transform:scale(1.01,1.01);
	}

.pop01:active{
	-webkit-transform:scale(1.00,1.00);
	transform:scale(1.00,1.00);
	}


.pop03{
	cursor:pointer;
	-webkit-transition: transform .1s ease;
  	-moz-transition: transform .1s ease;
  	-o-transition: transform .1s ease;
  	transition: transform .1s ease;
	}

.pop03:hover{
	-webkit-transform:scale(1.03,1.03);
	transform:scale(1.03,1.03);
	}

.pop03:active{
	-webkit-transform:scale(1.00,1.00);
	transform:scale(1.00,1.00);
	}


.pop10{
	cursor:pointer;
	-webkit-transition: transform .1s ease;
  	-moz-transition: transform .1s ease;
  	-o-transition: transform .1s ease;
  	transition: transform .1s ease;
	}

.pop10:hover{
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
	}

.pop10:active{
	-webkit-transform:scale(1.00,1.00);
	transform:scale(1.00,1.00);
	}


.pop06{
	cursor:pointer;
	-webkit-transition: transform .1s ease;
  	-moz-transition: transform .1s ease;
  	-o-transition: transform .1s ease;
  	transition: transform .1s ease;
	}

.pop06:hover{
	-webkit-transform:scale(1.06,1.06);
	transform:scale(1.06,1.06);
	}

.pop06:active{
	-webkit-transform:scale(1.00,1.00);
	transform:scale(1.00,1.00);
	}


.bottomFiller{
	width:100%;
	height:200px;
	}




.ahashakeheartache {
	-webkit-animation: kf_shake 0.2s 1 linear;
	-moz-animation: kf_shake 0.2s 1 linear;
	-o-animation: kf_shake 0.2s 1 linear;
		}

@-webkit-keyframes kf_shake {
	0% { -webkit-transform: translate(10px); }
	20% { -webkit-transform: translate(-10px); }
	40% { -webkit-transform: translate(5px); }
	60% { -webkit-transform: translate(-5px); }
	80% { -webkit-transform: translate(2px); }
	100% { -webkit-transform: translate(0px); }
		}
@-moz-keyframes kf_shake {
	0% { -moz-transform: translate(10px); }
	20% { -moz-transform: translate(-10px); }
	40% { -moz-transform: translate(5px); }
	60% { -moz-transform: translate(-5px); }
	80% { -moz-transform: translate(2px); }
	100% { -moz-transform: translate(0px); }
		}
@-o-keyframes kf_shake {
	0% { -o-transform: translate(10px); }
	20% { -o-transform: translate(-10px); }
	40% { -o-transform: translate(5px); }
	60% { -o-transform: translate(-5px); }
	80% { -o-transform: translate(2px); }
	100% { -o-origin-transform: translate(0px); }
	}
















/*------Login Page------*/

.loginpage{
  	background: url(img/loginbackground.png) no-repeat top center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	}

#loginContain{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	margin-top:243px;
	width:235px;
	margin-left:auto;
	margin-right:auto;
	}

#lpLogoContain{
	width:100%;
	margin-bottom:35px;
	}

#lpLogoContain img{
	width:200px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	}

.lpInputContain{
	width:100%;
	}

.lpIconBox{
	display:flex;
	width:35px;
	height:35px;
	background:rgba(255,255,255,.1);
	float:left;
	}

.lpIconBox svg{
	fill:#fff;
	width:18px;
	height:18px;
	margin:auto;
    display: block;
	}

.lpInput{
	width:calc(100% - 35px);
	height:35px;
	padding-left:12px;
	line-height:35px;
	border:0px;
	outline:0px;
	font-size:14px;
	background:rgba(255,255,255,.1);
	color:#fff;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
    float:left;
    transition: background 0.0s ease;
	}

.lpInput::placeholder {color: rgba(255,255,255,.5);}
.lpInput::-webkit-input-placeholder{color: rgba(255,255,255,.5);}/* Edge */
.lpInput:-ms-input-placeholder { color: rgba(255,255,255,.5);}/* Internet Explorer */

.lpInput:focus{
	background:rgba(255,255,255,.3);
	}


/*

.lpInput:not(:placeholder-shown) {
  	background:rgba(255,255,255,.3);
	}
*/



#lpEmailBox{
	border-radius: 3px 3px 0px 0px;
	}

#lpEmailBox .lpIconBox{
	border-radius: 3px 0px 0px 0px;
	}

#lpEmailBox .lpInput{
	border-radius: 0px 3px 0px 0px;
	}


#lpPasswordBox{
	margin-top:2px;
	border-radius: 0px 0px 3px 3px;
	}


#lpPasswordBox .lpIconBox{
	border-radius: 0px 0px 0px 3px;
	}

#lpPasswordBox .lpInput{
	border-radius: 0px 0px 3px 0px;
	}




.lpInputContain.error{
	outline: 2px solid red;
    outline-offset: -2px;
    -webkit-animation: kf_shake 0.2s 1 linear;
	-moz-animation: kf_shake 0.2s 1 linear;
	-o-animation: kf_shake 0.2s 1 linear;
	}

.error .lpIconBox{
	background:rgba(255,255,255,1);
	}

.error .lpIconBox svg{
	fill:#ff0000;
	}

.error .lpInput{
	background:rgba(255,255,255,1);
	color:#ff0000;
	transition: background 0s ease;
	}

.error .inputErrorBox{
	display:block;
	} 

.inputErrorBox{
	display:none;
	width:100%;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
	background:#FF0000;
	color:#fff;
	padding:10px;
	line-height:16px;
	}

.inputErrorBox a{
	text-decoration: underline;
	font-weight:600;
	color:#fff
	}

#lpPasswordBox .inputErrorBox{
	border-radius: 0px 0px 3px 3px;
	}

.error .lpInput::placeholder {color: #ff0000;}
.error .lpInput::-webkit-input-placeholder{color: color: #ff0000;}/* Edge */
.error .lpInput:-ms-input-placeholder { color: color: #ff0000;}/* Internet Explorer */


#lpActionItemContain{
	margin-top:20px;
	width:100%;
	}

.lpForgotText{
	float:left;
	cursor:pointer;
	color:rgba(255,255,255,.5);
	}

.lpForgotText:hover{
	color:rgba(255,255,255,1);
	}

#lpLoginButton, #lpResetPWButton {
	float:right;
	}


.lpLogin #lpBackText,
.lpLogin #lpResetPWButton,
.lpLogin #lpResetPWMessageContain,
.lpLogin #lpBackToLoginScreenText{
	display:none;
	}





/*------Reset PW Page------*/




.lpResetPw #lpLoginButton,
.lpResetPw #lpResetPWMessageContain,
.lpResetPw #lpBackToLoginScreenText,
.lpResetPw #lpPasswordBox,
.lpResetPw #lpForgotText{
	display:none;
	}


 .lpResetPw #lpEmailBox{
	border-radius: 3px 3px 3px 3px;
	}


.lpResetPw #lpEmailBox .lpInput {
    border-radius: 0px 3px 3px 0px;
	}

.lpResetPw #lpEmailBox .lpIconBox {
    border-radius: 3px 0px 0px 3px;
	}

.lpResetPwMessage #lpEmailBox,
.lpResetPwMessage #lpPasswordBox,
.lpResetPwMessage .lpForgotText,
.lpResetPwMessage .lpBackText,
.lpResetPwMessage #lpLoginButton,
.lpResetPwMessage #lpResetPWButton{
	display:none;
	}



#lpResetPWMessageContain{
	background: #1685BA;
    width: 130%;
    margin-left: -15%;
    border-radius: 3px;
    padding: 25px;
    color: #fff;
    font-size:14px;
    font-weight:300;
    min-height:267px;
	}

#lpResetPWMessageEmailSentIcon{
	width: 40px;
    margin-left: auto;
    margin-right: auto;
	}

#lpResetPWMessageEmailSentIcon svg{
	fill:#fff;
	width:40px;
	height:40px;
	}


#lpResetPWMessageContain p{
	margin-top:20px;
	}

.lpResetPWMessageEmail{
	font-weight:600;
	}

.lpResetPWMessageTextLink{
	color:#fff;
	font-weight:600;
	cursor:pointer;
	text-decoration: underline;
	}

#lpBackToLoginScreenText{
	cursor:pointer;
	width:200px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	color:rgba(255,255,255,.5);
	margin-top:75px;
	}

#lpBackToLoginScreenText:hover{
	color:rgba(255,255,255,1);
	}





/*------ Set New PW ------*/


.lpSetNewPW #lpEmailBox{
	margin-bottom:20px;
	}


.lpSetNewPW #lpEmailBox .lpInput{
	-webkit-appearance: none;
	background:#B8B8B8;
	border-radius:0px 3px 3px 0px;
	color:#000;
	}


.lpSetNewPW #lpEmailBox .lpIconBox{
	background:#B8B8B8;
	border-radius:3px 0px 0px 3px;
	}

.lpSetNewPW #lpEmailBox .lpIconBox svg{
	fill:#000;
	}





.lpSetNewPW #lpPasswordBox .lpInput{
	border-radius:0px 3px 0px 0px;
	}

.lpSetNewPW #lpPasswordBox .lpIconBox{
	border-radius:3px 0px 0px 0px;
	}

.lpSetNewPW #lpPasswordBox2{
	margin-top:2px;
	}

.lpSetNewPW #lpPasswordBox2 .lpInput{
	border-radius:0px 0px 3px 0px;
	}

.lpSetNewPW #lpPasswordBox2 .lpIconBox{
	border-radius:0px 0px 0px 3px;
	}


#lpSetNewPassword{
	float:right;
	}

#lpResetPWrequirmentsContain{
	width:235px;
	position: absolute;
    margin-top: -7px;
    margin-left: 265px;
	}

.lpRPWrequirmentsLiBox{
	width:100%;
	height:24px;
	}

.lpRPWrequirmentsLiIconBox{
	width:24px;
	height:24px;
	float:left;
	}

.lpRPWrequirmentsLiIconBullitBox svg{
	fill:#fff;
	width:24px;
	height:24px;
	padding:9px;
	}

.lpRPWrequirmentsLiTextBox{
	height:24px;
	line-height:24px;
	width:calc(100% - 24px);
	float:left;
	font-size:13px;
	color:rgba(255,255,255,1);
	font-weight:400;
	}

.lpRPWrequirmentsLiIconCheckBox{
	display:none;
	fill:#4FFF44;
	}

.lpRPWrequirmentsLiIconCheckBox svg{
	fill:#4FFF44;
	width:24px;
	height:24px;
	padding:3px;
	margin-top: -2px;
	}






.checked .lpRPWrequirmentsLiIconBullitBox{
	display:none;
	}

.checked .lpRPWrequirmentsLiIconCheckBox{
	display:block;
	}

.checked .lpRPWrequirmentsLiTextBox{
	color:rgba(255,255,255,.5);
	text-decoration: line-through;
	}
















/*------ Two Auth ------*/


.lpTAresendCodeMessageBox{
	width:100%;
	min-height:64px;
	border-radius:3px 3px 0px 0px;
	color:#fff;
	background:rgba(255,255,255,.3);
	padding:14px;
	line-height:18px;
	font-size:14px;
	}

#lpTAemailSentTo{
	font-weight:900;
	}

.lpTAresendCodeButton{
	width:100%;
	background:rgba(255,255,255,.3);
	outline:none;
	border:none;
	border-radius:0px 0px 3px 3px;
	font-weight:900;
	padding-top:9px;
	padding-bottom:10px;
	margin-bottom:20px;
	margin-top:1px;
	cursor:pointer;
	-webkit-transition: transform .1s ease;
  	-moz-transition: transform .1s ease;
  	-o-transition: transform .1s ease;
  	transition: transform .1s ease;
	}


.lpTAresendCodeButton:hover{
	background:rgba(255,255,255,.50);
	-webkit-transform:scale(1.02,1.02);
	transform:scale(1.02,1.02);
	outline:none;
	border-radius:3px 3px 3px 3px;
	}

.lpTAresendCodeButton:focus-visible{
	outline:solid 1px #fff;
	outline-offset: 0px;
	}

.lpTAresendCodeButton:active{
	-webkit-transform:scale(1.00,1.00);
	transform:scale(1.00,1.00);
	outline:none;
	}

.lpTAresendCodeButton.sent{
	background:rgba(131,255,0,.3);
	pointer-events: none;
	}


input.lpTwoAuthInput{
	-webkit-appearance: none;
	padding:0px;
	-webkit-padding: 0px;
	outline:none;
	border:none;
	border-radius:0px 0px 0px 0px;
	width:35px;
	height:55px;
	text-align:center;
	font-size:25px;
	color:#fff;
	background:rgba(255,255,255,.1);
	float:left;
	font-weight:400;
	}

#twoAuthInputDash{
	width:21px;
	height:55px;
	text-align:center;
	line-height:55px;
	color:#fff;
	float:left;
	}


#twoAuthInput1, #twoAuthInput4{
	border-radius:3px 0px 0px 3px;
	}

#twoAuthInput3, #twoAuthInput6{
	border-radius:0px 3px 3px 0px;
	}

#twoAuthInput1,#twoAuthInput2,#twoAuthInput4,#twoAuthInput5{
	margin-right:1px;
	}


#lpCheckCodeButton{
	float:right;
	padding-right:16px;
	padding-left:16px;
	}



.twoAuthInputBox input:not(:placeholder-shown) {
  	background:rgba(255,255,255,.3);
	}

.twoAuthInputBox input:placeholder-shown {
  	background:rgba(255,255,255,.1);
	}


.twoAuthErrorMessage{
	display:none;
	border-radius:3px;
	margin-top:20px;
	width:100%;
	padding:15px;
	color:#fff;
	background:#FF0000;
	-webkit-animation: kf_shake 0.3s 1 linear;
	-moz-animation: kf_shake 0.3s 1 linear;
	-o-animation: kf_shake 0.3s 1 linear;
	}

.error .twoAuthErrorMessage{
	display:block;
	}







/*------ Pop Down Message ------*/



.popDownMessage{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    position: fixed;
    z-index:1000;
    top: -200px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    max-width: 700px;
    min-width: 222px;
    max-height: 250px;
    background-color: rgba(255,255,255,1);
    border: solid 3px #000;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.65s;
    transition: all 0.65s;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
	}

.popDownMessageNoScreenClickBox{
	display:none;
	position:fixed;
	z-index:999;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background-color:rgba(0,0,0,.5);
	}

.popDownMIconBox{
	width:60px;
	float:left;
	}

.popDownMdataBox{
	float: left;
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
	}

.popDownMcloseBox{
	float:left;
	width:50px;
	}

.popDownMheaderText{
	font-size: 22px;
    font-weight: 600;
    color: #000;
    margin: 14px 0 3px 0;
    line-height: 25px;
	}


.popDownMbodyText{
	font-size: 15px;
    color: #000;
    margin: 0 0 15px 0;
    max-height: 83px;
    padding-top: 2px;
    overflow: auto;
    line-height:25px;
	}

.popDownMactionItems{
	margin-bottom:15px;
	max-height: 30px;
	}

.popDownMIconSvg{
	display:none;
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
	width:28px;
	height:28px;
	}

.info .popDownMIconInfo,
.success .popDownMIconSuccess,
.warning .popDownMIconWarning,
.error .popDownMIconError{
	display:block;
	}

/* Info Style */
.popDownMessage.info{border-color:#1382BC;}
.info .popDownMIconInfo{fill:#1382BC;}
.info .popDownMheaderText{color:#1382BC;}

/* Success Style */
.popDownMessage.success{border-color:#5DB255;}
.success .popDownMIconSuccess{fill:#5DB255;}
.success .popDownMheaderText{color:#5DB255;}

/* Warning Style */
.popDownMessage.warning{border-color:#F7B500;}
.warning .popDownMIconWarning{fill:#F7B500;}
.warning .popDownMheaderText{color:#F7B500;}

/* Error Style */
.popDownMessage.error{border-color:#E02020;}
.error .popDownMIconError{fill:#E02020;}
.error .popDownMheaderText{color:#E02020;}


.popDownMIconClose{
	display:block;
	cursor:pointer;
	margin-top:14px;
	margin-left:auto;
	margin-right:auto;
	width:22px;
	height:22px;
	}

.popDownMessage.appear{
    -webkit-animation: messagePopDown 0.65s ease-in-out;
    animation: messagePopDown 0.65s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	}

.popDownMessage.hide{
    -webkit-animation: messagePopUp 0.65s ease-in-out;
    animation: messagePopUp 0.65s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	}


@keyframes messagePopDown{
	0%   {top:-200px;}
  	70%  {top:15px;}
  	80%  {top:10px;}
  	100% {top:15px;}
	}

-webkit-@keyframes messagePopDown{
	0%   {top:-200px;}
  	70%  {top:15px;}
  	80%  {top:10px;}
  	100% {top:15px;}
	}

@keyframes messagePopUp{
	0%   {top:15px;}
  	20%  {top:20px;}
  	100% {top:-200px;}
	}

-webkit-@keyframes messagePopUp{
	0%   {top:15px;}
  	20%  {top:20px;}
  	100% {top:-200px;}
	}












/*------ Main Layout ------*/




/*------Top Header------*/


#topHeader{
	position:fixed;
	top:0px;
	width:100%;
	height:70px;
	background-color:#FFF;
	z-index:1;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
	}


#invictusHeaderLogo{
	width: 230px;
    height: 70px;
    text-align: center;
    background-color:#222D31;
    float:left;
    -webkit-transition: width .25s ease-out;
  	-moz-transition: width .25s ease-out;
  	-o-transition: width .25s ease-out;
  	transition: width .25s ease-out;
	}

.asideClosed #invictusHeaderLogo{
	width: 44px;
	}


#invictusHeaderLogo img{
	display:block;
	margin-left: 12px;
	margin-top: 17px;
	width:142px;
	height:39px;
	-webkit-transition: width .25s, height .25s ease-out;
  	-moz-transition: width .25s, height .25s ease-out;
  	-o-transition: width .25s, height .25s ease-out;
  	transition: width .25s, height .25s ease-out;
	}


#asideOpenCloseButton{
	width:70px;
	height:70px;
	float:left;
	}

#asideOpenCloseButtonDesktop{
	display:block;
	}

#asideOpenCloseButtonPhone{
	display:none;
	}


#asideOpenCloseButton{
	cursor:pointer;
	width:70px;
	height:70px;
	-webkit-transition: transform .15s ease-out;
  	-moz-transition: transform .15s ease-out;
  	-o-transition: transform .15s ease-out;
  	transition: transform .15s ease-out;
	}


#asideOpenCloseButton:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
  	-ms-transform: scale(1.05);
  	-o-transform: scale(1.05);
  	transform: scale(1.05);
	}


#asideOpenCloseButton:active{
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
  	-ms-transform: scale(1.0);
  	-o-transform: scale(1.0);
  	transform: scale(1.0);
	}


#asideOpenCloseButton:hover svg{
	fill:rgba(34,45,49,1);
	}


#asideOpenCloseButton svg{
	fill:rgba(34,45,49,.7);
	width:30px;
	height:30px;
	margin:20px;
	-webkit-transition: transform .25s ease-out;
  	-moz-transition: transform .25s ease-out;
  	-o-transition: transform .25s ease-out;
  	transition: transform .25s ease-out;
	}


.asideClosed #asideOpenCloseButton svg{
  	-webkit-transform: rotate(180deg);
  	-moz-transform: rotate(180deg);
  	-ms-transform: rotate(180deg);
  	-o-transform: rotate(180deg);
  	transform: rotate(180deg);
	}


#customerLogo{
	float:left;
	height:70px;
	width:calc(100% - 370px);
	text-align:center;
	-webkit-transition: width .25s ease-out;
  	-moz-transition: width .25s ease-out;
  	-o-transition: width .25s ease-out;
  	transition: width .25s ease-out;
	}

#customerLogo img{
	opacity:1;
	}


.asideClosed #customerLogo{
	width:calc(100% - 184px);
	}


#customerLogo img{
    height: 60px;
    margin-top: 5px;
    object-fit: contain;
    max-width:calc(100% - 120px);
	}


#headerSearchContain{
	position:fixed;
	z-index:10;
	min-height:70px;
	top:0px;
	right:89px;
	}

#headerSearchInput{
	height:32px;
	width:100%;
	margin-top:19px;
	margin-right: 2px;
	padding-left:36px;
	border-radius:5px;
	border:solid 2px rgba(34,45,49,.75);
	font-size:13px;
	}

#headerSearchInputIcon{
	width:20px;
	height:20px;
	position: absolute;
    margin-top: 25px;
    margin-left: 11px;
    fill:rgba(34,45,49,.75);
	}

.focused #headerSearchInputIcon{
	fill:rgba(19,130,188,1);
	}

#headerSearchinputBox{
	display:none;
	width:330px;
	}

#headerSearchInput::placeholder {color: rgba(90,98,101,.35);}
#headerSearchInput::-webkit-input-placeholder{color: rgba(90,98,101,.35);}/* Edge */
#headerSearchInput:-ms-input-placeholder { color: rgba(90,98,101,.35);}/* Internet Explorer */

#headerSearchInput:focus{
	border:solid 2px rgba(19,130,188,1);
	}

.open #headerSearchinputBox{
	display:block !important;
	}

.results #headerSearchInput{
	border-radius:5px 5px 0 0;
	}

#searchIconButton{
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	pointer-events: auto;
	width:36px;
	height:70px;
	}

.open #searchIconButton{
	background:none;
	}


#searchIconSVG{
	width:24px;
	height:24px;
	margin-top:24px;
	margin-bottom:22px;
	margin-right:6px;
	margin-left:6px;
	}

#searchxIconSVG{
	width:22px;
	height:22px;
	margin-top:24px;
	margin-bottom:24px;
	margin-right:6px;
	margin-left:6px;
	}



#searchxIconSVG{
	display:none
	}

.open #searchIconSVG{
	display:none;
	}

.open #searchxIconSVG{
	display:block !important;
	}


#headerSearchResultsBox{
	display:none;
	width:100%;
	max-height:70vh;
	overflow:overlay;
	border: solid 2px rgba(34,45,49,.75);
	margin-top: -2px;
    border-radius: 0 0 5px 5px;
    box-shadow: 20px 20px 10px 0 rgba(0,0,0,0.18);
	}

.open.results #headerSearchResultsBox{
	display:block;
	}

.focused #headerSearchResultsBox{
	border:solid 2px rgba(19,130,188,1) !important;
	}


.headerSearchResultsLiBox{
	position:relative;
	width:100%;
	height:36px;
	cursor:pointer;
	background:#F4F4F4;
	}

.headerSearchResultsLiBox:hover{
	background:#FFF
	}

#headerSearchResultsBox:last-child{
	border-radius:0 0 3px 3px;
	}



.hsResultsAvitarBox{
	position:relative;
	width:36px;
	height:36px;
	float:left;
	}

.hsResultsAvitar{
	position:absolute;
	width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 20px;
    border: solid 1px #979797;
    top:8px;
    left:8px;
	}

.twoAvitars .hsResultsAvitar:first-child{
	left:3px;
	}

.twoAvitars .hsResultsAvitar:last-child{
	left:13px;
	}


.hsResultsHouseholdTitle{
	height:36px;
	line-height:36px;
	width:calc(100% - 90px);
	float:left;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	font-size:12px;
	}

.hsResultsAgeText{
	color:rgba(0,0,0,.4);
	font-size:10px;
	font-weight:500;
	}


.hsResultsActionItemBox{
	cursor:pointer;
	height:24px;
	width:24px;
	margin-top:6px;
	border-radius:3px;
	float:left;
	}


.hsResultsActionItemBox:hover{
	background:#1381BC;
	}

.hsResultsActionItemBox svg{
	height:18px;
	width:18px;
	margin:3px;
	fill:rgba(0,0,0,.5);
	}


.hsResultsActionItemBox:hover svg{
	fill:rgba(255,255,255,1);
	}

.hsResultsMoreButton{
	margin-right:6px;
	}

.hsResultsMoreButton svg{
	height:20px;
	width:20px;
	margin:2px;
	}

.hsResultsValueAddListBox{
	display:none;
	position:fixed;
	right:94px;
	z-index:100;
	width:130px;
	background:#1382BC;
	border-radius:3px;
	box-shadow: 15px 15px 15px 0px rgb(0 0 0 / 20%);
	}

#hsResultsValueAddListBoxClickOff{
	display:none;
	position:fixed;
	z-index:99;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	}


#accountIconButtonBoxClickOff{
	display:none;
	position:fixed;
	z-index:99;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	}


#alertIconButtonBoxClickOff{
	display:none;
	position:fixed;
	z-index:99;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	}





.hsResultsValueAddLiBox{
	width:100%;
	height:30px;
	color:rgba(255,255,255,.75);
	}

.hsResultsValueAddLiBox:hover{
	background:rgba(255,255,255,.1);
	}

.hsResultsValueAddIconBox{
	height:30px;
	width:30px;
	float:left;
	}

.hsResultsValueAddIconBox svg{
	height:18px;
	width:18px;
	margin:6px;
	fill:rgba(255,255,255,1);
	}

.hsResultsValueAddName{
	height:30px;
	line-height:30px;
	float:left;
	width:calc(100% - 60px);
	color:rgba(255,255,255,1);
	font-size:12px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}

.hsResultsValueAddOpenNewTabBox{
	width:30px;
	height:30px;
	float:right;
	}

.hsResultsValueAddOpenNewTabBox svg{
	width:16px;
	height:16px;
	margin:7px;
	fill:rgba(255,255,255,.5);
	}


.hsResultsValueAddOpenNewTabBox:hover svg{
	fill:rgba(255,255,255,1);
	}












#alertIconButton{
	position:fixed;
	top:0px;
	right:53px;
	cursor:pointer;
	pointer-events: auto;
	width:36px;
	height:70px;
	}

#alertIconButton svg{
	width:24px;
	height:24px;
	margin-top:23px;
	margin-bottom:23px;
	margin-right:6px;
	margin-left:6px;
	}

#alertCircleCounter{
	position: absolute;
    width: auto;
    padding-left: 4px;
    padding-right: 4px;
    height: 14px;
    border-radius: 50px;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    background: #1381BC;
    top: 25px;
    left: 4px;
    font-weight: 500;
	}


#headerAlertsBox{
	display:none;
	position:fixed;
	z-index:100;
	top:58px;
	right:45px;
	width:275px;
	border-radius:5px;
	background:#fff;
	border:solid 3px #1382BC;
    box-shadow: 20px 20px 10px 0 rgb(0 0 0 / 18%);
	}


#headerAlertList{
	max-height:75vh;
	overflow: overlay;
	}


#headerAlertsBoxTopArrow{
	position:absolute;
	width:0px; 
  	height:0px; 
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #1382BC;
    top: -10px;
    right: 16px;
	}

.haLi{
	position:relative;
	width:100%;
	height:70px;
	background:red;
	padding:12px 12px;
	background:#fff;
	margin-bottom:1px;
	}

.haLi.new{
	background:#F3F8FB;
	}

.haLi:hover{
	cursor:pointer;
	background:#E7F2F8;
	}

.haLi:last-child{
	border-radius:0px 0px 3px 3px;
	margin-bottom:0px;
	}

.haNewCircleIndecator{
	display:none;
	position:absolute;
	top:12px;
	right:12px;
	height:8px;
	width:8px;
	border-radius:50px;
	background:#1381BC;
	}

.new .haNewCircleIndecator{
	display:block;
	}


.haLiText{
	width:95%;
	height:32px;
	font-size:12px;
	line-height:16px;
	color: rgba(0,0,0,.75);
    overflow: hidden;
    text-overflow: ellipsis;
	}

.haLiTimestamp{
	font-weight: 900;
    color: rgba(0,0,0,.5);
    width: 100%;
    margin-top: 4px;
    font-size: 11px;
	}

.new .haLiTimestamp{
    color: #1381BC;
	}










#accountIconButton{
	position:fixed;
	top:0px;
	right:0px;
	cursor:pointer;
	pointer-events: auto;
	width:53px;
	height:70px;
	}

#userAccountPhoto{
	display:none;
	}

.hasAvatar img{
	display:block !important;
	}


.hasAvatar svg{
	display:none;
	}


#accountIconButton svg{
	width:24px;
	height:24px;
	margin-top:23px;
	margin-bottom:23px;
	margin-right:23px;
	margin-left:6px;
	}

#accountIconButton img{
	width:24px;
	height:24px;
	margin-top:23px;
	margin-bottom:23px;
	margin-right:23px;
	margin-left:6px;
  	object-fit: cover;
  	border-radius:24px;
  	border:solid 2px rgba(34,45,49,.7);
	}

.headerIcon svg{
	fill: rgba(34,45,49,.7);
	}

.headerIcon:hover svg{
	fill: rgba(34,45,49,1);
	}

.headerIcon:hover img{
	border:solid 2px rgba(34,45,49,1) !important;
	}

.headerIcon:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
  	-ms-transform: scale(1.05);
  	-o-transform: scale(1.05);
  	transform: scale(1.05);
	}

.headerIcon:active{
	fill: rgba(34,45,49,1);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
  	-ms-transform: scale(1.0);
  	-o-transform: scale(1.0);
  	transform: scale(1.0);
	}











#accountDropDownBox{
	display:none;
	position:fixed;
	z-index:100;
	top:57px;
	right:12px;
	min-width:175px;
	background-color:#222D31;
	background-color:rgba(33,45,49,.95);
	border-radius:5px;
	}

#accountDropDownBoxTopArrow{
	position:absolute;
	width:0px; 
  	height:0px; 
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #222D31;
    top: -7px;
    right: 16px;
	}

.accountDropDownLI{
	width:100%;
    height:38px;
    line-height:38px;
    cursor:pointer;
    line-height: 38px;
    color:#fff;
    font-weight:400;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}

.accountDropDownLI:hover{
	opacity:1;
	background-color: rgba(255,255,255,.1);
	}


.accountDropDownIconBox{
	width:38px;
	height:38px;
	float:left;
	}

.accountDropDownIconBox svg{
	width:20px;
	height:20px;
	margin:9px;
	fill:#fff;
	}

.accountDropDownLIText{
	float:left;
	width:calc(100% - 38px);
	height:38px;
	cursor:pointer;
    line-height: 38px;
    color:#fff;
    font-weight:400;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}


















/*------Aside Menu------*/


#aside{
	position:fixed;
	top:70px;
	width:230px;
	height:calc(100% - 70px);
	overflow-y: auto;
	background-color:#222D31;
	-webkit-transition: width .25s ease-out;
  	-moz-transition: width .25s ease-out;
  	-o-transition: width .25s ease-out;
  	transition: width .25s ease-out;
	}


#aside::-webkit-scrollbar {
  	width: 7px;
	}


#aside::-webkit-scrollbar-thumb {
	border:none;
  	background:rgba(255,255,255,.4) !important;
  	border:solid 2px #222d32;
	}



#asideScrollFiller{
	width:100%;
	height:75px;
	}


.asideClosed #aside{
	width:44px;
	}

.asideLi{
	width:100%;
	height:44px;
	opacity:.5;
	cursor:pointer;
	}


.asideSelected{
	background-color:#1D282C;
	opacity:1;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	}


.asideSelected .asideSelectedIndicator{
	display:block;
	}


.asideLi:hover{
	background-color:#1D282C;
	opacity:1;
	}

.asideSelectedIndicator{
	display:none;
	position:absolute;
	width:2px;
	height:inherit;
	background-color:#fff;
	}


.asideLiIcon{
	width:44px;
	height:44px;
	float:left;
	}


.asideLiIcon svg{
	height:20px;
	width:20px;
	margin-top:12px;
	margin-bottom:12px;
	margin-left:12px;
	margin-right:12px;
	fill:#fff;
	}


.makeIconL svg{
	height:24px;
	width:24px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	}

.makeIconS svg{
	height:18px;
	width:18px;
	margin-top:13px;
	margin-bottom:13px;
	margin-left:13px;
	margin-right:13px;
	}


.asideLiTitle{
	opacity:1;
	width:calc(100% - 44px);
	line-height: 44px;
	color:#fff;
	font-weight: 400;
    font-size: 14px;
    float:left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: opacity .25s ease-out;
  	-moz-transition: opacity .25s ease-out;
  	-o-transition: opacity .25s ease-out;
  	transition: opacity .25s ease-out;
	}


.asideClosed .asideLiTitle{
	opacity:0;
	}


#asideClickOffClose{
	display:none;
	position:fixed;
	width:calc(100% - 230px);
	z-index:98;
	top:0px;
	bottom:0px;
	right:0px;
	}


#mainContain{
	background:#F7F7F7;
	position:fixed;
	overflow:auto;
	overflow-y: overlay;
	top:70px;
	left:230px;
	bottom:0px;
	right:0px;
	-webkit-transition: left .25s ease-out;
  	-moz-transition: left .25s ease-out;
  	-o-transition: left .25s ease-out;
  	transition: left .25s ease-out;
	}

#loginContain #mainContain{
	background:none;
	position:unset;
	overflow:unset;
	overflow-y:unset;
	top:unset;
	left:unset;
	bottom:unset;
	right:unset;
	}




.asideClosed #mainContain{
	left:44px;
	}




::-webkit-scrollbar {
  width: 7px;               /* width of the entire scrollbar */
}

::-webkit-scrollbar-track {
  background: rgba(255,255,255,.0);        /* color of the tracking area */
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,.5);    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 1px solid rgba(255,255,255,1);  /* creates padding around scroll thumb */
}


/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  	background: rgba(0,0,0,.7);
  	cursor:pointer; 
	}







/*------lightbox UI------*/


#lightBox{
	display:none;
	}


#lightBoxBackground{
	position:fixed;
	z-index:500;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	background:rgba(0,0,0,.80);
	}


.blur{
	height:100%;
	filter:blur(4px) !important;
	-o-filter:blur(4px);
	-ms-filter:blur(4px);
	-moz-filter:blur(4px);
	-webkit-filter:blur(4px);
	}

#lightBoxBox{
	width:calc(100% - 50px);
  	position: absolute;
  	z-index:501;
  	min-width:150px;
  	max-width:550px;
  	max-height:80vh;
  	overflow:overlay;
  	top: 60px;
  	left: 50%;
  	transform: translate(-50%, 0px);
  	background:#F7F7F7;
  	border-radius:3px;
	}

#lightBoxHeaderBox{
	width:100%;
	height:30px;
	background:#1382BC;
	color:#1382BC;
	border-radius:3px 3px 0px 0px;
	}

#lightBoxHeaderTextContain{
	width:fit-content;
	margin-left:auto;
	margin-right:auto;
	height:inherit;
	}

#lightBoxHeaderIconBox{
	height:30px;
	width:30px;
	float:left;
	}

#lightBoxHeaderIconBox svg{
	fill:#fff;
	height:20px;
	width:20px;
	margin:5px;
	}


.lbHeaderIcon{
	display:none;
	}


#lightBoxHeaderText{
	float:left;
	height:30px;
	width: fit-content;
	line-height:30px;
	color:#fff;
	text-transform: uppercase;
	font-size:12px;
	font-weight:600;
	}

#lightBoxMainContentBox{
	width:calc(100% - 50px);
	margin:25px;
	}

#lightBoxActionItem{
	width:calc(100% - 50px);
	margin:25px;
	height:auto;
	}

#lightBoxActionItem .button30{
	font-weight:800;
	text-transform: uppercase;
	font-size:11px;
	float:right;
	}

#lightBoxBox a{
	color:#1382BC;
	text-decoration: underline;
	font-weight:600;
	}

#lbAlertText{
	font-size:12px;
	color:rgba(0,0,0,.75);
	margin-bottom:50px;
	width:92%;
	}

.lbAlertNotification #lightBoxBox{
	max-width:420px;
	max-height:80vh;
	}

#lbAlertTimeStamp{
	height:30px;
	line-height:30px;
	position:absolute;
	left:25px;
	bottom:25px;
	font-size:11px;
	color:#1382BC;
	font-weight:800;
	}

#lbAlertReadIndecator{
	cursor:pointer;
	position:absolute;
	top:55px;
	right:25px;
	height:10px;
	width:10px;
	border-radius:10px;
	background:#1381BC;
	}

.read #lightBoxHeaderBox{
	background:#9E9E9E;
	}

.read #lbAlertTimeStamp{
	color:#9E9E9E;
	}

.read #lbAlertReadIndecator{
	color:#9E9E9E;
	border:solid 2px #9E9E9E;
	background:none;
	}

#lbAlertNotification{
	display:none;
	}

.lbAlertNotification #lbAlertNotification{
	display:block;
	}

.lbAlertNotification #lbAlertNotificationIcon{
	display:block;
	}

#lightBox.lbAlertNotification #lbAlertNotification{
	display:block;
	}






.lbUserSettings #lightBoxBox{
	max-width:480px;
	}

#lbUserSettings{
	display:none;
	width:100%;
	}

.lbUserSettings #lbUserSettings{
	display:block;
	}



.lbUserSettings #lightBoxMainContentBox {
    width: calc(100% - 100px);
    margin: 45px 50px;
	}

.lbUserSettings #lightBoxActionItem {
    width: calc(100% - 100px);
    margin: 50px;
    height: auto;
	}


.lbUserSettings #lbUserSettingsIcon{
	display:block;
	}


.lbAvatarContain{
	width:100%;
	height:auto;
	}

.lbAvatarImg{
	width:61px;
	height:61px;
	border:solid 1px #E9E8E8;
	border-radius:5px;
	object-fit: cover;
	float:left;
	}

.lbUploadAvatarButton{
	margin-top:15px;
	margin-left:15px;
	float:left;
	}

.lbUploadAvatarButtonIconBox{
	height:30px;
	width:30px;
	float:left;
	}

.lbUploadAvatarButtonIconBox svg{
	height:20px;
	width:20px;
	margin:5px;
	fill:#1382BC;
	}

.lbUploadAvatarButtonText{
	float:left;
	height:30px;
	line-height:30px;
	font-weight:600;
	font-size:14px;
	color:#1382BC;
	text-transform: uppercase;
	margin-left:5px;
	font-family:'Roboto Condensed';
	}


.lbInputsContain{
	width:100%;
	}


.lbInputBox{
	float:left;
	width:calc(50% - 10px);
	margin-top:30px;
	}

.lbInputBox:nth-child(even){
	margin-left:20px;
	}


.lbUserSettings .lbInputBox:nth-child(2n+1),
.lbAddHousehold .lbInputBox:nth-child(2n+1),
.lbViewContact .lbInputBox:nth-child(2n+1){
   	clear: both;
	}



.lbInputLabel{
	width:fit-content;
	font-size:12px;
	font-weight:600;
	color:#000;
	font-family:'Roboto Condensed';
	text-transform: uppercase;
	margin-bottom:7px;
	}

.lbInput{
	width:100%;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#000;
	background-color:#fff;
	border:solid 1px #E9E8E8;
	border-radius:3px 3px 3px 3px;
	padding-left:8px;
	}

.lbInput:focus{
	position:relative;
	z-index: auto;
	border:solid 1px #1382BC;
	border-radius:3px;
	}

.error .lbInput{
	border-color:#FF0000;
	border-radius:3px 3px 0px 0px !important !important;
	}


.lbInputBox.error{
	-webkit-animation: kf_shake 0.2s 1 linear;
	}

.lbInputBox.error .inputErrorBox{
	border-radius:0px 0px 3px 3px;
	}

.lbInputBox.error{
	position:relative;
	z-index:1;
	}


#lbCurrentInput{
	border-radius:3px 3px 0px 0px;
	}

#lbNewPasswordInput{
	border-radius:0px 0px 0px 0px;
	margin-top:-1px;
	}

#lbConfirmPasswordInput{
	border-radius:0px 0px 3px 3px;
	margin-top:-1px;
	}

#lbChangePwRequirments{
	margin-top:75px;
	}

#lbChangePwRequirments .lpRPWrequirmentsLiTextBox{
	color:rgba(0,0,0,.5);
	font-size:12px;
	}

#lbChangePwRequirments .lpRPWrequirmentsLiIconBullitBox svg{
	fill:rgba(0,0,0,.5) !important;
	}


#lbChangePwRequirments .lpRPWrequirmentsLiBox{
	height:18px;
	}

#lbChangePwRequirments .lpRPWrequirmentsLiIconBox{
	height:18px;
	width:18px;
	}

#lbChangePwRequirments .lpRPWrequirmentsLiTextBox{
	height:18px;
	line-height:18px;
	}


#lbChangePwRequirments .lpRPWrequirmentsLiIconBullitBox svg {
    width: 18px;
    height: 18px;
    padding: 7px;
	}


#lbChangePwRequirments .lpRPWrequirmentsLiIconCheckBox svg {
    fill: #1382BC;
    width: 18px;
    height: 18px;
    padding: 1px;
    margin-top: -2px;
	}


#lbConnectToBoxContain{
	display:none;
	width:calc(100% - 100px);
	margin-right:auto;
	margin-left:auto;
	border-top:solid 1px #E9E8E8;
	margin-bottom:50px;
	}

.lbUserSettings #lbConnectToBoxContain{
	display:block;
	}

#lbConnectToBoxText{
	width:100%;
	font-size:11px;
	line-height:13px;
	color:#000;
	margin-top:20px;
	margin-bottom:20px;
	}

#lbConnectToBoxButton{
	height:40px;
	line-height:40px;
	display: flex;
  	align-content: center;
  	justify-content: center;
  	background:#215DAB;
  	width:200px;
	}

#lbConnectToBoxButton img{
	width:39px;
	height:39px;
	}

#lbConnectToBoxButton:focus-visible{
	outline:solid 2px #215DAB;
	outline-offset: 2px;
	-webkit-transform:scale(1.01,1.01);
	transform:scale(1.01,1.01);
	}


#lightBoxActionItem button:focus-visible{
	outline:solid 2px #127FBE;
	outline-offset: 2px;
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
	}


#lightBoxActionItem .cancelButton:focus-visible{
	outline-offset: 0px !important;
	border-radius: 3px;
	margin-right:7px;
	}









.lbAddHousehold #lightBoxBox{
	max-width:480px;
	}

#lbAddHousehold{
	display:none;
	width:100%;
	}

#lbAddHouseholdIcon{
	display:none;
	}

.lbAddHousehold #lbAddHousehold{
	display:block;
	}

.lbAddHousehold #lbAddHouseholdIcon{
	display:block;
	}

.lbAddHousehold #lightBoxMainContentBox {
    width: calc(100% - 100px);
    margin: 45px 50px;
	}

.lbAddHousehold #lightBoxActionItem {
    width: calc(100% - 100px);
    margin: 50px;
    height: auto;
	}

.lbAddAnotherBox{
	width:fit-content;
	cursor:pointer;
	margin-top:45px;
	font-family:'Roboto Condensed';
	font-size:14px;
	text-transform: uppercase;
	color:#1382BC;
	font-weight:600;
	}

.lbInputRequired{
	color:#FF0000;
	}

.lbSecondContactAdd{
	display:none;
	margin-top:45px;
	padding-top:45px;
	border-top:solid 1px #979797;
	}







.lbViewContact #lightBoxBox{
	max-width:480px;
	}

#lbViewContact{
	display:none;
	width:100%;
	}

#lbViewContactIcon{
	display:none;
	}

.lbViewContact #lbViewContact{
	display:block;
	}

.lbViewContact #lbViewContactIcon{
	display:block;
	}

.lbViewContact #lightBoxMainContentBox {
    width: calc(100% - 100px);
    margin: 45px 50px;
	}

.lbViewContact #lightBoxActionItem {
    width: calc(100% - 100px);
    margin: 50px;
    height: auto;
	}

.lbDeleteButton{
	display:none;
	height: 30px;
    line-height: 30px;
    position: absolute;
    text-transform: uppercase;
    left: 50px;
    bottom: 50px;
    font-size: 11px;
    color: rgba(255,0,0,.5);
    font-weight: 800;
    background:none;
    min-width: fit-content;
    padding: 0px;
	}


.lbViewContact .lbDeleteButton{
	display:block;
	}

.linked.lbViewContact .lbDeleteButton{
	display:none;
	}


.lbLinkedActionItemsContain{
	display:none;
	width:100%;
	margin-bottom:30px;
	margin-top:-15px;
	}

.linked .lbLinkedActionItemsContain{
	display:block;
	}

.lbLinkedActionItemsContain button{
	position:relative;
	width:calc(50% - 8px);
	height:40px;
	font-size:11px;
	text-transform: uppercase;
	font-weight:600;
	}

.lbLinkedActionItemsContain button svg{
	position:absolute;
	left:9px;
	top:9px;
	width:22px;
	height:22px;
	fill:#fff;
	}

.lbLinkedActionEditIn{
	margin-right:12px;
	background:none;
	border:solid 1px #127FBE;
	color:#127FBE;
	}

.lbLinkedActionEditIn svg{
	fill:#127FBE !important;
	left:10px !important;
	top:10px !important;
	width:20px !important;
	height:20px !important;
	}

#lbLinkedIcon{
	display:none;
	}

.linked #lbViewContactIcon{
	display:none !important;
	}

.linked .lightBoxHeaderIconBox svg{
	display:none !important;
	}

.linked #lbLinkedIcon{
	display:block !important;
	}

.linked #lightBoxHeaderBox{
	background:rgba(0,0,0,.5);
	}



.disabled .lbInput{
	pointer-events:none;
	background:none;
	}

.linked .lbInput{
	pointer-events:none;
	background:none;
	}











.lbHouseholdAsset #lightBoxBox{
	max-width:548px;
	}

#lbHouseholdAsset{
	display:none;
	width:100%;
	}

#lbHouseholdAssetIcon{
	display:none;
	}

.lbHouseholdAsset #lbHouseholdAsset{
	display:block;
	}

.lbHouseholdAsset #lbHouseholdAssetIcon{
	display:block;
	}

.lbHouseholdAsset #lightBoxMainContentBox {
    width: calc(100% - 100px);
    margin: 45px 50px;
	}

.lbHouseholdAsset #lightBoxActionItem {
    width: calc(100% - 100px);
    margin: 50px;
    height: auto;
	}



#lbHouseholdAsset .lbInputBox {
    width: calc(33.33333333333333333% + 1px);
    margin-right:-1px;
    margin-left:0px;
	}

#lbHouseholdAsset .lbInputBox:nth-child(-n+3){
	margin-top: 0px;
	}


#lbHouseholdAsset .lbInput{
	border-radius:0px;
	}


#lbHouseholdAsset .lbInputBox:nth-child(1){
    margin-left:0px;
	}


#lbHouseholdAsset .lbInputBox:first-child .lbInput{
    border-radius:3px 0px 0px 3px;
	}



#lbHouseholdAsset .lbInputBox:nth-child(3n) .lbInput{
	border-radius:0px 3px 3px 0px;
	}

#lbHouseholdAsset .lbInputBox:nth-child(4) .lbInput{
	border-radius:3px 0px 0px 3px;
	}

#lbHouseholdAsset .lbInputBox:nth-child(7) .lbInput{
	border-radius:3px 0px 0px 3px;
	}


select:invalid{
    color: #757575;
    }

option{
    color: black;
    }


.lbInputBoxFullWidth{
	width:100% !important;
	margin-left:0px !important;
	margin-right:0px !important;
	}

.lbInputBoxFullWidth .lbInput{
	border-radius:3px 3px 3px 3px !important;
	}

#lbHouseholdAsset .lbInputLabel{
	font-weight:400;
	}


.lbAssetAllocationContain{
	width:100%;
	margin-top:30px;
	}

.lbAssetAllocationInnerContain{
	width:65%;
	}

.lbAssetAllocationBox{
	float:left;
	width:25%;
	margin-right:-1px;
	}

.lbAssetAllocationInput{
	width:100%;
	-webkit-appearance: none;
	outline: none;
	border-radius:0px;
	font-size:12px;
	font-weight:500;
	height:30px;
	text-align:center;
	border:solid 1px #E9E8E8;
	background:#fff;
	margin-bottom:-1px;
	}

.lbAssetAllocationInputLabel{
	font-family: 'Roboto Condensed';
	font-size:12px;
	font-weight:100;
	width:100%;
	border:solid 1px #E9E8E8;
	line-height:28px;
	text-align:center;
	height:30px;
	text-transform: uppercase;
	}


.lbAssetAllocationEqualsBox{
	float:left;
	width:13%;
	text-align:center;
	font-size:12px;
	line-height:30px;
	height:30px;
	font-weight:600;
	}

.lbAssetAllocationTotalBox{
	position:relative;
	font-size:12px;
	text-align:center;
	font-weight:600;
	float:left;
	width:22%;
	height:30px;
	border:solid 2px #E9E8E8;
	line-height:26px;
	border-radius:3px;
	color:rgba(0,0,0,.25);
	}

.lbAssetAllocationTotalBox svg{
	position:absolute;
	width:18px;
	height:18px;
	top:3px;
	left:3px;
	fill:rgba(0,0,0,.25);
	}



.lbAssetAllocationInput:focus{
	position:relative;
	z-index: auto;
	border:solid 1px #1382BC;
	}

.lbAssetAllocationTotalErrorBox{
	display:none;
	width:100%;
	position:absolute;
	top:30px;
	height:30px;
	line-height: 28px;
	text-align:center;
	font-size:11px;
	font-weight:600;
	color:#FF0000;
	}

.lbAssetAllocationTotalBox.error{
	border:solid 2px #FF0000;
	color:#FF0000;
	}

.lbAssetAllocationTotalBox.error svg{
	display:none;
	}


.lbAssetAllocationTotalBox.error .lbAssetAllocationTotalErrorBox{
	display:block;
	}


.lbAssetAllocationTotalBox.success{
	border:solid 2px #6DD400;
	color:#6DD400;
	}

.lbAssetAllocationTotalBox.success svg{
	fill:#6DD400;
	}


.lbAssetAllocationBox:first-child .lbAssetAllocationInput{
	border-radius:3px 0px 0px 0px;
	}

.lbAssetAllocationBox:first-child .lbAssetAllocationInputLabel{
	border-radius:0px 0px 0px 3px;
	}

.lbAssetAllocationBox:last-child .lbAssetAllocationInput{
	border-radius:0px 3px 0px 0px;
	}

.lbAssetAllocationBox:first-child .lbAssetAllocationInputLabel{
	border-radius:0px 0px 3px 0px;
	}

.lbBeneficiariesBox{
	width:100%;
	float:left;
	margin-bottom:-1px;
	}

.lbBeneficiariesInputName{
	float:left;
	-webkit-appearance: none;
	outline: none;
	border-radius:0px;
	width:50%;
	height:30px;
	background:#fff;
	margin-right:-1px;
	border:solid 1px #E9E8E8;
	font-size:12px;
	font-weight:500;
	padding-left:10px;
	}

.lbBeneficiariesInputPercentage{
	float:left;
	-webkit-appearance: none;
	outline: none;
	border-radius:0px;
	width:calc(50% - 60px);
	height:30px;
	background:#fff;
	margin-right:-1px;
	border:solid 1px #E9E8E8;
	font-size:12px;
	font-weight:500;
	padding-left:10px;
	}



.lbBeneficiariesIconBox{
	float:left;
	width:30px;
	height:30px;
	background:#fff;
	margin-right:-1px;
	border:solid 1px #E9E8E8;
	}

.lbBeneficiariesIconBox svg{ 
	width:20px;
	height:20px;
	margin:4px;
	fill:#127FBE;
	}

.lbBeneficiariesIconRemove svg{
	width:18px;
	height:18px;
	margin:5px;
	fill:#FF0000;
	}


.lbHouseholdAsset .lbInputBox:nth-child(3n+1){
   	clear: both;
	}


.labelToolTip{
	cursor:pointer;
	height:15px;
	width:15px;
	}

.labelToolTip svg{
	position:relative;
	height:15px;
	width:15px;
	top:3px;
	}



#lbHouseholdAsset .error.lbInputBox:first-child .lbInput{
	border-radius:3px 3px 0px 0px !important;
	}

#lbHouseholdAsset .error .lbInput {
    border-radius: 3px 3px 0px 0px !important;
	}












.lbNewSurge #lightBoxBox{
	max-width:375px;
	}

#lbNewSurge{
	display:none;
	width:100%;
	}

#lbNewSurgeIcon{
	display:none;
	}

.lbNewSurge #lbNewSurge{
	display:block;
	}

.lbNewSurge #lbNewSurgeIcon{
	display:block;
	}

.lbNewSurge #lightBoxMainContentBox {
    width: calc(100% - 100px);
    margin: 45px 50px;
	}

.lbNewSurge #lightBoxActionItem {
    width: calc(100% - 100px);
    margin: 50px;
    height: auto;
	}

.lbNewSurgeFullWidth{
	width:100%;
	margin-top:0px;
	}

















.lbPrepare #lightBoxBox{
	max-width:600px;
	}

#lbPrepare{
	display:none;
	width:100%;
	}

#lbPrepareIcon{
	display:none;
	}

.lbPrepare #lightBoxActionItem{
	display:none;
	}

.lbPrepare #lbPrepare{
	display:block;
	}

.lbPrepare #lbPrepareIcon{
	display:block;
	}

.lbPrepare #lightBoxMainContentBox {
    width: calc(100% - 80px);
    margin: 40px 40px;
	}

.mmTipBox{
	width: calc(100% + 80px);
    margin-left: -40px;
    margin-top: -39px;
    background: #2CA1A2;
    padding: 10px;
    font-size: 13px;
    color: #fff;
	}


.mmTipIconBox{
	width:20px;
	height:20px;
	margin-right:7px;
	float:left;
	}

.mmTipIconBox svg{
	width:20px;
	height:20px;
	fill:#fff;
	}

.mmTipMessage{
	float:left;
	width:calc(100% - 31px);
	line-height:20px;
	text-align:center;
	}

.lbPrepareMainText{
	margin-top:25px;
	font-weight:600;
	text-transform: uppercase;
	font-size:14px;
	}

.lbPrepareActionItemsBox{
	margin-top:30px;
	width:100%;
	}

.lbPrepareActionItemsBox button{
	font-family: 'Roboto Condensed';
	text-transform: uppercase;
	font-size:12px;
	font-weight:600;
	width:calc(33.333333333333% - 3px);
	}

.lbPrepareActionItemsBox button svg{
	position: absolute;
    left: 7px;
    top: 7px;
    width: 22px;
    height: 22px;
    fill:rgba(255,255,255,.8);
	}

#sortableList tr:hover {
    background: #fff;
    cursor:grab;
	}

.sortableListPlaceholder{
	background:rgba(44,161,162,.25) !important;
	}

#sortableList .ui-sortable-helper{
    border-radius:0px;
	}

#sortableList tr:first-child {
    text-transform: initial;
	}


.lbPrepare #lightBoxBox{
	overflow-x: hidden;
	}














.lbDocView #lightBoxBox{
	max-width:630px;
	}

#lbDocView{
	display:none;
	width:100%;
	}

#lbDocViewIcon{
	display:none;
	}

.lbDocView #lightBoxActionItem{
	display:none;
	}

.lbDocView #lbDocView{
	display:block;
	}

.lbDocView #lbDocViewIcon{
	display:block;
	}

.lbDocView #lightBoxMainContentBox {
    width:100%;
    margin:0px;
	}

.lbDocumentContain{
	width:100%;
	}

.lbDocumentContainDemo{
	width:100%;
	border-radius:3px;
	}


.lbDocView #lightBoxBox{
	max-height:85vh;
	}

.lbDocView #lightBoxHeaderBox{
	display:none;
	}

.lbDocView #lightBoxBox{
	overflow:inherit;
	}

.lbDocumentActionItems{
	position:absolute;
	top:0px;
	right: -156px;
    width: 150px;
	}


.lbDocumentActionItems button{
	width:100%;
	margin-bottom:5px;
	font-weight:600;
	text-transform: uppercase;
	font-size:11px;
	opacity:.7;
	}

.lbDocumentActionItems button:hover{
	opacity:1;
	}

.lbDocumentActionItems button svg{
	position: absolute;
    left: 8px;
    top: 8px;
    width: 20px;
    height: 20px;
    fill: #fff;
	}

#lbDocumentActionItemDelete{
	background:#ff0000;
	}


#lbDocView #lbDocumentActionItemUseTemplete{
		display:none;
		}

.lbDocView .advisorPacketContain{
	margin-top:0px;
	}

.lbDocView .surgeApValueAddTile{
    width: 89px;
	}









.lbHouseholdSettings #lightBoxBox{
	max-width:480px;
	}

#lbHouseholdSettings{
	display:none;
	width:100%;
	}

#lbHouseholdSettingsIcon{
	display:none;
	}

.lbHouseholdSettings #lbHouseholdSettings{
	display:block;
	}

.lbHouseholdSettings #lbHouseholdSettingsIcon{
	display:block;
	}

.lbHouseholdSettings #lightBoxMainContentBox {
    width: calc(100% - 100px);
    margin: 45px 50px;
    margin-top:20px;
	}

.lbHouseholdSettings #lightBoxActionItem {
    width: calc(100% - 100px);
    margin: 50px;
    height: auto;
	}

#householdSummaryInfoBoxMarginalTaxBracket{
	cursor:pointer;
	}









.lbHouseholdSurge #lightBoxBox{
	max-width:480px;
	}

#lbHouseholdSurge{
	display:none;
	width:100%;
	}

#lbHouseholdSurgeIcon{
	display:none;
	}

.lbHouseholdSurge #lbHouseholdSurge{
	display:block;
	}

.lbHouseholdSurge #lbHouseholdSurgeIcon{
	display:block;
	}

.lbHouseholdSurge #lightBoxMainContentBox {
    width: calc(100% - 100px);
    margin: 45px 50px;
    margin-top:20px;
	}

.lbHouseholdSurge #lightBoxActionItem {
    width: calc(100% - 100px);
    margin: 50px;
    height: auto;
	}


.lbInputJustTextHyperlinked{
	text-decoration:underline;
	font-size:12px;
	cursor:pointer;
	}







/*------lightbox UI END------*/





















/*------Households------*/


#firmSummaryBar{
	width:100%;
	height:44px;
	background:#222D31;
	}

#firmSummaryContain{
	max-width:851px;
	width:100%;
	height:44px;
	margin-left:auto;
	margin-right:auto;
	}

.fsLiBox{
	float:left;
	width:33.333333333333333333333333333333%;
	height:44px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}

.fsLiBox .toolTipMessage{
	position:fixed;
	top:20px;
	max-width:100%;
	box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
	}

.fsLiBox .toolTipMessage:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    width: 0px;
    height: 0px;
    border-top: solid 0px #1382BC;
    border-bottom: solid 0px #1382BC;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}







#fsTotalAum{
	background:rgba(255,255,255,.1);
	}

#fsTotalClients, #fsTotalAccounts{
	background:rgba(255,255,255,.05);
	}

.fsLiContain{
	width:fit-content;
	height:44px;
	margin-left:auto;
	margin-right:auto;
	}

.fsLiIconBox{
	height:44px;
	float:left;
	}

.fsLiIconBox svg{
	width:20px;
	height:20px;
	margin-top:12px;
	margin-bottom:12px;
	margin-right:12px;
	fill:#fff;
	}

.fsLiNumber{
	float:left;
	font-size:19px;
	line-height:45px;
	font-weight:300;
	color:#fff;
	}




#firmSummaryAdvisorSelect{
	position:absolute;
	}

#firmSummaryAdvisorSelectBox{
	cursor:pointer;
	position:absolute;
	width:200px;
	height:29px;
	border:solid 1px rgba(255,255,255,.65);
	border-radius:3px;
	margin:7.5px 5px;
	}

#firmSummaryAdvisorSelectBox:hover{
	border-color:rgba(255,255,255,1);
	}

#fsasSelectedBoxText{
	font-size:13px;
	float: left;
    height: 27px;
    width: calc(100% - 37px);
    color: #fff;
    line-height: 27px;
    margin-left: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}

#fsasSelectedIconBox{
	width:27px;
	height:27px;
	float:left;
	}

#fsasSelectedIconBox svg{
	fill:rgba(255,255,255,.65);
	width:17px;
	height:17px;
	margin:5px 3px 5px 8px;
	}

#firmSummaryAdvisorSelectBox:hover #fsasSelectedIconBox svg{
	fill:rgba(255,255,255,1);
	}

.fsasSelectedBoxAvatar{
	position:relative;
	z-index:auto;
	margin-right:5px;
	width: 23px;
    height: 23px;
    border-radius: 23px;
    border: solid 1px #fff;
    margin-top: 2px;
    object-fit: cover;
    float:left;
	}

.fsasSelectedBoxAvatar:not(:first-child){
	margin-left:-15px;
	}


.notAllSelected #firmSummaryAdvisorSelectBox {
    border: solid 1px rgba(255,255,255,0);
	}

.notAllSelected #fsasSelectedIconBox svg {
    fill:rgba(255,255,255,0);
	}

.notAllSelected #firmSummaryAdvisorSelectBox:hover #fsasSelectedIconBox svg{
    fill:rgba(255,255,255,0);
	}

.notAllSelected #fsasSelectedBoxText{
	margin-left:0px;
	}


#fsAdvisorSelectDropdownBox{
	display:none;
	position: absolute;
	z-index:100;
    top: 4px;
    left: 4px;
	background:#fff;
	width:210px;
	border-radius:5px;
	box-shadow: 20px 20px 20px 0 rgba(0,0,0,0.25);
	}

#fsAdvisorSelectDropdownBoxClickOff{
	display:none;
	position:fixed;
	z-index:99;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	}

.fsAdvisorSelectLi{
	cursor:pointer;
	width:100%;
	height:40px;
	border-bottom:solid 1px #E9E8E8;
	background:#F4F4F4;
	}

.fsAdvisorSelectLi:first-child{
	border-radius:5px 5px 0px 0px;
	}

.fsAdvisorSelectLi:last-child{
	border-radius:0px 0px 5px 5px;
	border:none;
	}

.fsAdvisorSelectLi:hover{
	background:#fff;
	}



.fsAdvisorSelectLiCheckBoxBox{
	width:40px;
	height:40px;
	float:left;
	}

.fsAdvisorSelectLiCheckBoxBox input{
	cursor:pointer;
	width:14px;
	height:14px;
	margin:13px;
	}

.fsAdvisorSelectLiAvitarBox{
	width:30px;
	height:40px;
	float:left;
	}

.fsAdvisorSelectLiAvitar{
	width: 22px;
    height: 22px;
    border-radius: 22px;
    border: solid 1px #979797;
    margin-top: 2px;
    object-fit: cover;
    margin:9px 0px; 
	}

.fsAdvisorSelectLiName{
	float:left;
	height:40px;
	width:calc(100% - 70px);
	line-height:40px;
	font-size:12px;
	color:#000;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}


.centerContainBox851{
    max-width: 851px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	}


.fullscreen851{
	max-width: 100%;
	width: calc(100% - 90px);
	}

#householdsPageContain,
#surgesPageContain{
	margin-top:45px;
	}


.tableListHeaderContain{
	width:100%;
	position:relative;
	float:left;
	}

.tableListHeaderSearchContain{
	float:left;
	position:relative;
	width:calc(100% - 450px);
	max-width:400px;
	}

.tableListHeaderSearchIconBox{
	position:absolute;
	left:0px;
	top:0px;
	width:40px;
	height:35px;
	}

.tableListHeaderSearchIconBox svg{
	height:18px;
	width:18px;
	margin:8.5px 11px;
	fill:#717271;
	}

.active .tableListHeaderSearchIconBox svg{
	fill:#127FBE;
	}

.tableListHeaderSearchBox{
	width:100%;
	height:35px;
	padding-left:40px;
	padding-right:40px;
	font-size:13px;
	border:solid 1px #E9E8E8;
	border-radius:3px;
	}

.active .tableListHeaderSearchBox{
	border:solid 1px #127FBE;
	z-index:50;
	}

.tableListHeaderSearchListCount{
	position:absolute;
	top:0px;
	right:0px;
	height:35px;
	line-height:35px;
	font-size:11px;
	font-weight:700;
	color:#888888;
	padding-right:12px;
	}

.active .tableListHeaderSearchListCount{
	color:#127FBE;
	}




.tableListHeaderFilterButton{
	float:left;
	width:96px;
	height:35px;
	border:solid 1px #E9E8E8;
    border-radius:3px;
    background:#fff;
    margin-left:5px;
	}


.tableListHeaderFilterButtonBox{
	float:left;
	width:36px;
	height:33px;
	}


.tableListHeaderFilterButtonBox svg{
	width:20px;
	height:20px;
	margin:6.5px 8.5px;
	fill: #717271;
	}



.tableListHeaderFilterButtonText{
	float:left;
	height:33px;
	line-height:33px;
	text-transform: uppercase;
	font-size:11px;
	font-weight:bold;
	color:#717271;
	}


.active.tableListHeaderFilterButton{
	border:solid 2px #127FBE;
	}

.active .tableListHeaderFilterButtonBox svg{
	fill: #127FBE;
	margin:5.5px 8.5px;
	}

.active .tableListHeaderFilterButtonText{
	color: #127FBE;
	height:31px;
	line-height:31px;
	}

.active .tableListHeaderFilterButtonBox{
	height:31px;
	}






.tableListHeaderSortBox{
	position:relative;
	float:left;
	width:198px;
	height:35px;
	border:solid 1px #E9E8E8;
    border-radius:3px;
    background:#fff;
    margin-left:5px;
	}

.tableListHeaderSortIconBox{
	float:left;
	width:36px;
	height:33px;
	}

.tableListHeaderSortIconBox svg{
	width:20px;
	height:20px;
	margin:6.5px 8.5px;
	fill: #717271;
	}

.tableListHeaderSortSelect{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    color: #000;
    padding-left: 36px;
    outline:none;
    border:none;
    color:#717271;
    font-weight:bold;
    font-size:11px;
	}


.active.tableListHeaderSortBox{
	border:solid 2px #127FBE;
	text-transform: uppercase;
	}

.active .tableListHeaderSortIconBox svg{
	fill: #127FBE;
	margin:5.5px 8.5px;
	}

.active .tableListHeaderSortSelect{
	color: #127FBE;
	height:31px;
	line-height:31px;
	background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23127FBE' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
	background-position: 95%;
	}



.tableListHeaderButton{
	font-size:11px;
	width:140px;
	position:absolute;
	right:0px;
	top:0px;
	text-transform: uppercase;
	font-weight:700;
	}


.tableListHeaderButton:focus-visible{
	outline:solid 2px #127FBE;
	outline-offset: 2px;
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
	}

.tableListContain{
	position:relative;
	width:100%;
	margin-top:12px;
	}


.tableScrollBottomFiller{
	width:100%;
	height:300px;
	}




.filterOptionsBox{
	display:none;
	width:100%;
	background:#fff;
	border: solid 2px #127FBE;
	border: solid 1px #E9E8E8;
    border-radius: 3px;
    margin-top:12px;
    padding:20px;
    padding-bottom:0px;
    float:left
	}

.active.filterOptionsBox{
	border: solid 2px #127FBE;
	}



.filterOptionTitle{
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
    font-size: 11px;
    font-weight: 700;
    color: #000;
    text-align: left;
	}

.filterOptionRangeBox{
	margin-top:10px;
	}

.filterOption{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	}

.filterOptionRangeBox input{
	border: solid 1px #E9E8E8;
    padding: 7px;
    font-size: 11px;
    width: 80px;
	}

.filterOptionRangeBox input:focus{
	border: solid 1px #127FBE;
	position:relative;
	z-index:auto;
	}

.filterOptionRangeBoxInput1{
	border-radius:3px 0px 0px 3px;
	margin-right:-5px;
	}

.filterOptionRangeBoxInput2{
	border-radius:0px 3px 3px 0px;
	}

.active .filterOptionTitle{
	color:#127FBE;
	}


.filterOptionCheckList{
	margin-top:10px;
	}


.filterOptionCheckList li{
	 height:18px;
	}

.filterOptionCheckList li input{
	 width:13px;
	 height:13px;
	 float:left;
	}

.filterOptionCheckList label{
	 font-size:11px;
	 float:left;
	 margin-left:5px;
	 margin-right:35px;
	}

.filterOptionRangedateRange input{
	width:115px;
	}












/*------Household------*/


#householdPageContain{
	margin-top:33px;
	}

#householdHeaderContain{
	position:relative;
	width:100%;
	height:27px;
	margin-bottom:19px;
	}

#householdBackButtonBox{
	position:absolute;
	top:0px;
	left:-47px;
	height:27px;
	width:27px;
	}

#householdBackButtonBox svg{
	height:22px;
	width:22px;
	margin:2.5px;
	fill:#000;
	}

#householdHeaderNameText{
	float:left;
	width:calc(100% - 300px);
	font-size:22px;
	color:#000;
	font-weight:600;
	height: 27px;
    line-height: 27px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}

.householdHeaderNameAge{
	font-size:15px;
	color:rgba(0,0,0,.25);
	font-weight:600;
	}

.headerTabsContain{
	position:absolute;
	right:0px;
	top:0px;
	}

.headerTab{
	font-family:'Roboto Condensed';
	float:left;
	cursor:pointer;
	text-transform: uppercase;
	background:#fff;
	font-size:14px;
	color:#1381BC;
	text-align:center;
	font-weight:600;
	min-width:100px;
	height:27px;
	line-height:27px;
	padding-left:5px;
	padding-right:5px;
	border-top:solid 1px #1381BC;
	border-bottom:solid 1px #1381BC;
	}


.headerTab:first-child{
	border-left:solid 1px #1381BC;
	border-radius:3px 0px 0px 3px;
	}

.headerTab:last-child{
	border-right:solid 1px #1381BC;
	border-radius:0px 3px 3px 0px;
	}


.headerTab.active{
	background:#1381BC;
	color:#fff;
	}


.tabSection{
	display:none;
	}

.tabSection.tabshowonload{
	display:block;
	}













.householdSummaryInfoContain{
	width:100%;
	}

.householdSummaryInfoBox{
	float:left;
	width:calc(25% + 1px);
	margin-left:-1px;
	height:70px;
	background:#fff;
	border:solid 1px #E9E8E8;
	}

.householdSummaryInfoBox:first-child{
	width:25%;
	margin-left:0px;
	border-radius:3px 0px 0px 3px;
	}

.householdSummaryInfoBox:last-child{
	border-radius:0px 3px 3px 0px;
	}


.householdSummaryInfoBox .toolTipMessage{
	text-align:left;
	padding:10px;
	max-width: 350px;
	font-size:12px;
	box-shadow: 15px 15px 10px 0 rgb(0 0 0 / 18%);
	}






.householdSummaryInfoTitle{
	font-family:'Roboto Condensed';
	font-size:11px;
	color:#000;
	font-weight:600;
	text-transform: uppercase;
	margin-top:15px;
	margin-left:20px;
	}

.householdSummaryInfoNumber{
	margin-left:20px;
	margin-top:6px;
	font-size:20px;
	color:#1382BC;
	font-weight:400;
	}

#householdSummaryInfoAnnualBilling .householdSummaryInfoNumber{
	color:#33BF26;
	}

.householdContactCardContain{
	width:100%;
	margin-top:15px;
	}

.householdContactCard{
	float:left;
	background: #fff;
	border:solid 1px #E9E8E8;
	border-radius:3px;
	width:calc(50% - 7px);
	padding:24px;
	padding-right: 42px;
	min-height:190px;
	}

.householdContactCard.deceased{
	background:none;
	}


.householdContactCard:last-child{
	margin-left:14px;
	}


.householdContactCardAvatarBox{
	float:left;
	width:51px;
	height:auto;
	}

.householdContactCardAvatarBox img{
	width:35px;
	height:35px;
	border-radius:35px;
	border:solid 1px #979797;
	object-fit: cover;
	}

.householdContactCardDataBox{
	float:left;
	width:calc(100% - 51px);
	margin-top:8px;
	}

.householdContactCardDataFloatBox{
	width:100%;
	}


.householdContactCardName{
	height:22px;
	line-height:22px;
	float:left;
	width:calc(100% - 20px);
	font-size:18px;
	font-weight:600;
	color:#000;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}

.householdContactCardLinkedIconBox{
	display:none;
	width:20px;
	height:22px;
	float:right;
	}

.householdContactCard.linked .householdContactCardLinkedIconBox{
	display:block;
	}

.householdContactCardLinkedIconBox svg{ 
	width:20px;
	height:20px;
	margin-top:1px;
	}



.householdContactCardBirthdayAgaContain{
	float:left;
	width:calc(100% - 60px);
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size:13px;
    font-weight:500;
    color:rgba(0,0,0,.5);
	}

.householdContactCardLivingStatus{
	display:none;
	float:right;
	font-size:13px;
	line-height:13px;
	height:12px;
	font-weight:600;
	}


.householdContactCard.deceased .householdContactCardLivingStatus{
	display:block;
	}


.householdContactCardBirthday{
	width:fit-content;
	float:left;
	height:12px;
	line-height:13px;
	margin-right:15px;
	}

.householdContactCardAge{
	width:fit-content;
	padding-left:15px;
	float:left;
	height:12px;
	line-height:13px;
	border-left:solid 1px rgba(0,0,0,.5);
	}

.householdContactCardLine2{
	margin-top:5px;
	}

.householdContactCardEmailPhone{
	float:left;
	font-size:13px;
	line-height:13px;
	font-weight:500;
	width: calc(100% - 80px);
	}

.householdContactCardEmailPhone a{
	color:#1381BC;
	}

.householdContactCardEmailPhone a:hover{
	text-decoration: underline;
	}

.householdContactCardLine3{
	margin-top:25px;
	}


.householdContactCardEmail{
	width:fit-content;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width:100%;
	}

.householdContactCardPhone{
	width:fit-content;
	margin-top:8px;
	}

.householdContactCardAssetsTextAssets{
	font-size:13px;
	line-height:13px;
	font-weight:500;
	float:right;
	text-align:right;
	}


.householdContactCardAssets{
	width:fit-content;
	margin-top:8px;
	color:#1381BC;
	}

.householdContactCardAssets:hover{
	text-decoration: underline;
	}


.householdContactCardAssetsText{
	font-family: 'Roboto Condensed';
    font-weight: 600;
    text-transform: uppercase;
    font-size:12px;
	}


.householdContactCard.addcontact .householdContactCardDataBox,
.householdContactCard.addcontact .householdContactCardAvatarBox{
	display:none;
	}

.householdContactCard.addcontact{
	display: flex;
  	align-items: center;
  	justify-content: center;
	}


.householdContactCardAddContactBox{
	width:max-content;
	margin-left:auto;
	margin-right:auto;
	}


.householdContactCardAddContactIconBox{
	width:24px;
	height:24px;
	float:left;
	margin-right:8px;
	}

.householdContactCardAddContactIconBox svg{
	width:24px;
	height:24px;
	fill:rgba(0,0,0,.5);
	}

.householdContactCardAddContactTextBox{
	height:24px;
	float:left;
	line-height:24px;
	font-size:13px;
	color:rgba(0,0,0,.5);
	font-weight:500;
	}


.householdContactCardAddContactBox{
	display:none;
	}

.addcontact .householdContactCardAddContactBox{
	display:block;
	}








.householdLowerInfoBar{
	margin-top:15px;
	width:100%;
	}

.householdLowerInfoBarBox{
	float:left;
	height:70px;
	width:calc(33.3333333333333333% + 1px);
	margin-left:-1px;
	background:#fff;
	border:solid 1px #E9E8E8;
	}

.householdLowerInfoBarBox:first-child{
	width:calc(33.3333333333333333% + 0px);
	margin-left:0px;
	border-radius:3px 0px 0px 3px;
	}

.householdLowerInfoBarBox:last-child{
	border-radius:0px 3px 3px 0px;
	}

.householdLowerInfoBarBox:hover{
	border-radius:3px 3px 3px 3px !important;
	}



.householdLowerInfoBarBoxContain{
	width:fit-content;
	margin-left:auto;
	margin-right:auto;
	margin-top:21px;
	}

.twoAdvisors .householdLowerInfoBarBoxContain{
	width:fit-content;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	}

.twoAdvisors .householdLowerInfoBarBoxContain:first-child{
	margin-top:10px;
	}




.householdLowerInfoBarBoxIconBox{
	height:26px;
	width:26px;
	float:left;
	margin-right: 10px;
	}

.twoAdvisors .householdLowerInfoBarBoxIconBox{
	margin-right: 3px;
	}


.householdLowerInfoBarBoxIconBox svg{
	height:22px;
	width:22px;
	margin:2px;
	fill:#000;
	}

.householdLowerInfoBarBoxIconBoxPortalAccess{
	height:20px !important; 
	width:20px !important;
	margin:3px !important;
	}

.householdLowerInfoBarBoxIconBox img{
	height:26px;
	width:26px;
	border-radius:26px;
	object-fit: cover;
	}


.twoAdvisors .householdLowerInfoBarBoxIconBox img{
	height:22px;
	width:22px;
	border-radius:22px;
	object-fit: cover;
	}



.householdLowerInfoBarBoxText{
	font-size:13px;
	height:26px;
	line-height:26px;
	float:left;
	width: max-content;
	font-weight:500;
	}



.householdSurgeListContain{
	margin-top:15px;
	}


.householdAssetSummaryContain{
	float:left;
	margin-bottom:3px;
	width:100%;
	}


.householdAssetSummaryBox{
	float: left;
    width: calc(33.33333333333333% - 10px);
    margin-right:15px;
    height: 70px;
    background: #fff;
    border: solid 1px #E9E8E8;
    border-radius:3px;
	}

.householdAssetSummaryBox:last-child{
    margin-right:0px;
	}



.householdAssetSummaryBox.active{
	position:relative;
	z-index:0;
	border: solid 2px #1381BC;
	}

.householdAssetSummaryText{
	font-family: 'Roboto Condensed';
    font-size: 11px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
    margin-left: auto;
    margin-right:auto;
    width:fit-content;
	}

.active .householdAssetSummaryText{
	margin-top: 14px;
	}

.householdAssetSummaryNumber{
    margin-left:auto;
    margin-right:auto;
    width:fit-content;
    margin-top: 6px;
    font-size: 20px;
    color: #1382BC;
    font-weight: 400;
	}


#householdAssetSummaryBilling .householdAssetSummaryNumber{
	color:#33BF26;
	}

#householdAssetSummaryBilling.active{
	border: solid 2px #33BF26;
	}

.tableAssetsTotalAssetsShow,
.tableAssetsMonthlyDistributionShow,
.tableAssetsBillingShow{
	display:none;
	}

.tableTotalAssets .tableAssetsTotalAssetsShow,
.tableMonthlyDistribution .tableAssetsMonthlyDistributionShow,
.tableAssetsBilling .tableAssetsBillingShow{
	display:revert;
	}


.householdTableDataLowerSummaryContain{
	width:100%;
	margin-top:30px;
	}

.householdTableDataLowerSummaryBox{
    float: left;
    margin-right: -1px;
    height: 60px;
    background: none;
    border: solid 1px #E9E8E8;
	}


.fourBoxes .householdTableDataLowerSummaryBox{
	width: calc(25% + 1px);
	}

.threeBoxes .householdTableDataLowerSummaryBox{
	width: calc(33.33333333333333333% + 1px);
	}

.householdTableDataLowerSummaryBox:first-child{
	border-radius:3px 0px 0px 3px;
	}

.householdTableDataLowerSummaryBox:last-child{
	border-radius:0px 3px 3px 0px;
	}


.householdTableDataLowerSummaryText{
	font-family: 'Roboto Condensed';
    font-size: 11px;
    color: rgba(0,0,0,.75);
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 13px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
	}


.householdTableDataLowerSummaryNumber{
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    margin-top: 5px;
    font-size: 14px;
    color: #1382BC;
    font-weight: 600;
	}


#householdTableDataLowerSummaryBilling .householdTableDataLowerSummaryNumber{
    color: #33BF26;
	}


#householdTableDataLowerSummaryTotalAssets,
#householdTableDataLowerSummaryMonthlyDistribution,
#householdTableDataLowerSummaryBilling{
	display:none;
	}


.tableTotalAssets #householdTableDataLowerSummaryTotalAssets,
.tableMonthlyDistribution #householdTableDataLowerSummaryMonthlyDistribution,
.tableAssetsBilling #householdTableDataLowerSummaryBilling{
	display:block;
	}


.tableHeaderActionItemButton{
	height: 20px;
    position: absolute;
    z-index:1;
    right: 9px;
    top: 8px;
    line-height: 18px;
    min-width:fit-content;
    width:fit-content;
    font-size:11px;
	}









.tooltip{
	position:relative;

	}

.toolTipMessage {
	display:none;
    background: #1382BC;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    max-width: 200px;
    top: -10px;
    left: 50%;
    transform: translate(-50%,-100%);
    padding: 5px 7px;
    font-weight: normal;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    text-align:center;
    width:max-content;
    font-size:12px;
    white-space: break-spaces;
	}


.toolTipMessage:after {
    content:'';
    position:absolute;
    top:100%;
    left:0px;
    right:0px;
    margin:0px auto;
    width:0px;
    height:0px;
    border-top: solid 4px #1382BC;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
	}


.tooltip:hover .toolTipMessage{
	display:block;
	animation: tableButtonTitleFadeIn 1s;
  	-webkit-animation: tableButtonTitleFadeIn 1s;
  	-moz-animation: tableButtonTitleFadeIn 1s;
  	-o-animation: tableButtonTitleFadeIn 1s;
  	-ms-animation: tableButtonTitleFadeIn 1s;
	}









/*------Household Value Adds CSS------*/



.householValueAddTileContain{
	width:100%;
	float:left;
	margin-bottom:3px;
	}


.householValueAddTile{
	float:left;
	width:calc(14.285714% - 12.8571429px);
	min-height:150px;
	background:#fff;
	margin-right:15px;
	border:solid 1px #E9E8E8;
	border-radius:3px;
	}


.householValueAddTile:last-child{
	margin-right:0px;
	}


.householValueAddTileIconBox{
	width:100%;
	}

.householValueAddTileIconBox svg{
	width:35px;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:15px;
	fill:#2CA1A2;
	display:block;
	}

.householValueAddTileText{
	width:100%;
	font-size:11px;
	color:#000;
	text-align:center;
	font-weight:600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	}

.householValueAddTileStatusIconBox{
	width:100%;
	}


.householValueAddTileStatusIconBox svg{
	width:20px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	fill:rgba(0,0,0,.50);
	display:block;
	}


.householValueAddTileStatusIconBox .toolTipMessage{
	padding:10px;
	line-height:15px;
	text-align:left;
	box-shadow: 15px 15px 10px 0 rgb(0 0 0 / 18%);
	max-width:150px;
	}


.householValueAddTileStatusIconBox.warning svg{
	fill:#FF9608;
	width:22px;
	height:22px;
	margin-top: 9px;
	}

.householValueAddTileStatusIconBox.warning .toolTipMessage{
	background:#FF9608;
	}



.householValueAddTileStatusIconBox.warning .toolTipMessage:after {
    border-top: solid 4px #FF9608;
	}


#householdValueAddTable .tableCell1IconBox svg{
	fill:#2CA1A2;
	}























/*------Table CSS------*/

table {
  	border-collapse: collapse;
  	width: 100%;
  	min-width:fit-content;
  	position: relative;
	}

tr{
	border: 1px solid #E9E8E8;
	height:40px;
	padding-left:12px;
	border-radius:10px;
	}

tr:nth-child(even) {
  	background-color: #F9F9F9;
	}

tr:nth-child(odd) {
  	background-color: #F4F4F4;
	}

tr:first-child {
	text-transform: uppercase;
	height:35px;
  	background:#fff;
  	border-radius:5px;
	}

tr:hover{
	background:#fff;
	cursor:pointer;
	}

th{
	font-family:'Roboto Condensed';
	font-size:11px;
	font-weight:700;
	color:#000;
	text-align: left;
	text-overflow: ellipsis;
    padding-right:10px;
    background:#fff;
	}

td{
	font-size:11px;
	font-weight:400;
  	text-align: left;
  	text-overflow: ellipsis;
    padding-right:10px;
	}

th:first-child,
td:first-child{
	padding-left:15px;
	}


.tableAvatorBox{
	width:40px;
	padding-right:0px !important;
	padding-left:0px !important;
	}


.tableCell1IconBox{
	width:40px;
	padding-right:0px !important;
	padding-left:0px !important;
	}

.tableCell1IconBox svg{
	fill:#000;
	width:22px;
	height:22px;
	margin:7px;
	}

.tableCell1IconLinked{
	width:20px !important;
	height:20px !important;
	margin:8px !important;
	}



.tableValueAddButton{
	float:left;
	position:relative;
	width:24px;
	height:24px;
	border-radius:3px;
	border:solid 1px #E9E8E8;
	margin-right:4px;
	margin-top:4px;
	margin-bottom:4px;
	}

.tableValueAddButton:hover{
	background:#1382BC;
	border:solid 1px #1382BC;
	}


.tableValueAddButton svg{
	width:18px;
	height:18px;
	margin:2px;
	fill:rgba(0,0,0,.5);
	}


.tableValueAddButton:hover svg{
	fill:rgba(255,255,255,1);
	}

.tableValueAddButtonHoverTitle{
	display:none;
	position: absolute;
    height: 25px;
    line-height: 25px;
    width: max-content;
    padding: 0 10px;
    top: -35px;
    left: 50%;
    font-weight:600;
    transform: translateX(-50%);
    background: #1382BC;
    color: #fff;
    border-radius: 3px;
    z-index: auto;
	}

.tableValueAddButtonHoverTitle:after {
    content:'';
    position:absolute;
    top:100%;
    left:0px;
    right:0px;
    margin:0px auto;
    width:0px;
    height:0px;
    border-top: solid 5px #1382BC;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}

.tableValueAddButton:hover .tableValueAddButtonHoverTitle{
	display:block;
	animation: tableButtonTitleFadeIn 1s;
  	-webkit-animation: tableButtonTitleFadeIn 1s;
  	-moz-animation: tableButtonTitleFadeIn 1s;
  	-o-animation: tableButtonTitleFadeIn 1s;
  	-ms-animation: tableButtonTitleFadeIn 1s;
	}


@keyframes tableButtonTitleFadeIn {
  	0% { opacity: 0; }
  	50% { opacity: 0; }
  	75% { opacity: 1; }
  	100% { opacity: 1; }
	}

@-moz-keyframes tableButtonTitleFadeIn {
  	0% { opacity: 0; }
  	50% { opacity: 0; }
  	75% { opacity: 1; }
  	100% { opacity: 1; }
	}

@-webkit-keyframes tableButtonTitleFadeIn {
 	0% { opacity: 0; }
  	50% { opacity: 0; }
  	75% { opacity: 1; }
  	100% { opacity: 1; }
	}

@-o-keyframes tableButtonTitleFadeIn {
  	0% { opacity: 0; }
  	50% { opacity: 0; }
  	75% { opacity: 1; }
  	100% { opacity: 1; }
	}

@-ms-keyframes tableButtonTitleFadeIn {
  	0% { opacity: 0; }
  	50% { opacity: 0; }
  	75% { opacity: 1; }
  	100% { opacity: 1; }
	}




.tableMoreDropDown{
	display:none;
	width:max-content;
	position: fixed;
	z-index:100;
    background: #1382BC;
    border-radius: 3px;
    box-shadow: 15px 15px 15px 0px rgb(0 0 0 / 20%);
    font-weight:600;
	}

.tableMoreDropDownClickOff{
	display:none;
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index:99;
	}


.tableMoreDropDownLi{
    width: 100%;
    height: 30px;
    color: rgba(255,255,255,.75);
	}

.tableMoreDropDownLi:hover{
    background: rgba(255,255,255,.1);
	}

.tableMoreDropDownLiIconBox{
    height: 30px;
    width: 30px;
    float: left;
	}

.tableMoreDropDownLiIconBox svg{
    height: 18px;
    width: 18px;
    margin: 6px;
    fill: rgba(255,255,255,1);
	}

.tableMoreDropDownLiText{
    height: 30px;
    line-height: 30px;
    float: left;
    width: calc(100% - 30px);
    color: rgba(255,255,255,1);
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right:15px;
	}


.hasOpenInNewTab .tableMoreDropDownLiText{
    width: calc(100% - 60px);
	}


.tableMoreDropDownLiNewtabIconBox{
	height: 30px;
    width: 30px;
    float: left;
	}

.tableMoreDropDownLiNewtabIconBox svg{
    width: 16px;
    height: 16px;
    margin: 7px;
    fill: rgba(255,255,255,.5);
	}

.tableMoreDropDownLiNewtabIconBox:hover svg{
    fill: rgba(255,255,255,1);
	}


.tableValueAddBox{
	padding-right:0px;
	}

.tableValueAddBox.tableValueAddNumberOfButtons10{
	width:287px;
	min-width:287px;
	}

.tableValueAddBox.tableValueAddNumberOfButtons9{
	width:259px;
	min-width:259px;
	}

.tableValueAddBox.tableValueAddNumberOfButtons8{
	width:231px;
	min-width:231px;
	}

.tableValueAddBox.tableValueAddNumberOfButtons7{
	width:201px;
	min-width:201px;
	}

.tableValueAddBox.tableValueAddNumberOfButtons6{
	width:173px;
	min-width:173px;
	}

.tableValueAddBox.tableValueAddNumberOfButtons5{
	width:145px;
	min-width:145px;
	}

.tableValueAddBox.tableValueAddNumberOfButtons4{
	width:117px;
	min-width:117px;
	}

.tableValueAddBox.tableValueAddNumberOfButtons3{
	width:89px;
	min-width:89px;
	}

.tableValueAddBox.tableValueAddNumberOfButtons2{
	width:61px;
	min-width:61px;
	}

.tableValueAddBox.tableValueAddNumberOfButtons1{
	width:33px;
	min-width:33px;
	}


.tableValueAddContain{
	position:relative;
	width:100%;
	}







/*--------ValueAdd Single Page----------*/



.householdHeaderValueAddNameBox{
	position:relative;
	float:right;
	width:max-content;
	}

.householdHeaderValueAddNameBox select{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	opacity:0%;
	}

.householdHeaderValueAddIconBox{
	width:27px;
	height:27px;
	float:left;
	margin-right:5px;
	}

.householdHeaderValueAddIconBox svg{
	width:24px;
	height:24px;
	margin:1.5px;
	}

.householdHeaderValueAddNameText{
	float: left;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    height: 27px;
    line-height: 29px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
	}

.householdHeaderValueAddIconBoxSelectArrows{
	width:27px;
	height:27px;
	float:left;
	}

.householdHeaderValueAddIconBoxSelectArrows svg{
	width:18px;
	height:18px;
	margin:3.5px;
	}

.householdValueAddContain{
	outline:none;
	border:none;
	position:relative;
	width:100%;
	height:100%;
	border-radius:3px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	}


.portraitPaperSize{
    width:816px;
    height:1056px;
  	}

.landscapePaperSize{
    height:816px;
    width:1056px;
    }


.portraitPaperWidth{
    max-width:816px !important;
  	}

.landscapePaperWidth{
    max-width:1056px;
    }












.householdHeaderValueDrawerIcon{
	display:none;
	width: 27px;
    height: 27px;
    float: right;
	}

.householdHeaderValueDrawerIcon svg{
	width: 24px;
    height: 24px;
    margin: 1.5px;
	}

.householdValueAddActionDrawer{
	width:230px;
	position:absolute;
	right:-235px;
	top:24px;
	padding:20px;
	}

.householdValueAddMainBox{
	position:relative;
	}

.valueAddActionItemBox{
	position:relative;
	width:max-content;
	margin-bottom:7px;
	float:left;
	clear:both;
	}

.valueAddActionItemIconBox{
	width:20px;
	height:20px;
	float:left;
	margin-right:7px;
	}

.valueAddActionItemIconBox svg{
	width:20px;
	height:20px;
	fill:#1382BC;
	}

.valueAddActionItemText{
	float:left;
	height:20px;
	line-height:20px;
	font-size:14px;
	color:#1382BC;
	}

.householdValueAddDrawerSectionContain{
	margin-bottom:20px;
	width:100%;
	float:left;
	}

.householdValueAddDrawerNotesHeader{
	font-family: 'Roboto Condensed';
	width:100%;
	background:#FFF8B7;
	height:30px;
	line-height:30px;
	padding-left:10px;
	font-weight:600;
	color:rgba(0,0,0,.75);
	border-radius:3px 3px 0px 0px;
	}

.householdValueAddDrawerNotes{
	padding:8px 12px;
	width:100%;
	min-height:120px;
	line-height:15px;
	background:#FFF6A0;
	border-radius:0px 0px 3px 3px;
	outline:none;
	border:none;
	-webkit-appearance: none;
	}

.drawerNotesContain{
	box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.11);
	}

.valueAddActionItemBox select{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	opacity:0;
	}

.valueAddDrawerClickOff{
	display:none;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:99;
	background:rgba(0,0,0,.4);
	}


.valueAddWarningMessageBox{
	width:100%;
	border-radius:3px;
	background:#FF9608;
	margin-bottom:10px;
	position:relative;
	}

.valueAddWarningMessageIconBox{
	width:40px;
	height:40px;
	float:left;
	}

.valueAddWarningMessageIconBox svg{
	width:20px;
	height:20px;
	margin:10px;
	fill:#fff;
	}

.valueAddWarningMessageText{
	float:left;
	width:calc(100% - 155px);
	color:#fff;
	margin-top:12px;
	padding-bottom:10px;
	}

.valueAddWarningMessageClearButton{
	position:absolute;
	top:5px;
	right:5px;
	background:none;
	color:#fff;
	border:solid 2px #fff;
	line-height: 25px;
    font-size: 12px;
	}










/*--------Import Sync----------*/



.centerContainBox331{
	max-width:331px;
	width:calc(100% - 50px);
	margin-left:auto;
	margin-right:auto;
	margin-top:90px;
	}


.importSyncTile{
	width:calc(50% - 7.5px);
	min-height:220px;
	background:#fff;
	border:solid 1px #E9E8E8;
	border-radius:3px;
	float:left;
	}


.importSyncTile:first-child{
	margin-right:15px;
	}

.importSyncTileIconBox{
	width:100%;
	}

.importSyncTileIconBox svg{
	width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 68px;
    margin-bottom: 20px;
    fill: #127FBE;
    display: block;
	}


.importSyncTileTileText{
	width: 100%;
    font-size: 15px;
    color: #000;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
	}

.importSyncTile.fullwidth{
	width:100%;
	margin-top:15px;
	min-height:unset;
	height:158px;
	}

.importSyncTile.fullwidth .importSyncTileIconBox svg{
	margin-top: 42px;
	}

.importSyncTileTileAutoSync{
	font-family: 'Roboto Condensed';
	position:relative;
	float:left;
	margin-top:15px;
	width:100%;
	height:45px;
	border-radius:3px;
	background:#1382BC;
	font-size:13px;
	font-weight:600;
	line-height:45px;
	text-transform: uppercase;
	color:#fff;
	}

.importSyncTileTileAutoSync.zoho{
	background:#0067ff;
	}

.importSyncTileTileAutoSync.redtail{
	background:#cf2e2e;
	}


.importSyncTileTileAutoSyncLogoBox{
	position:absolute;
	top:0px;
	left:0px;
	height:45px;
	}


#importSyncTileTileAutoSyncLogoZoho{
	display:none;
	width: 60px;
    margin-top: 10px;
    margin-left: 7px;
	}

.zoho #importSyncTileTileAutoSyncLogoZoho{
	display:block;
	}


#importSyncTileTileAutoSyncLogoRedtail{
	display:none;
	width:75px;
    margin-top:11px;
    margin-left:13px;
	}


.redtail #importSyncTileTileAutoSyncLogoRedtail{
	display:block;
	}



.importSyncTileTileAutoSyncIconTextContain{
	width:max-content;
	margin-left:auto;
	margin-right:auto;
	}


.importSyncTileTileAutoSyncIconBox{
	width:22px;
	height:45px;
	float:left;
	margin-right:5px;
	}

.importSyncTileTileAutoSyncIconBox svg{
	width:22px;
	height:22px;
	margin:11.5px 0px;
	fill:#fff;
	}

.importSyncTileTileAutoSyncText{
	float:left;
	}

.importSyncTileTileAutoSyncIntervalBox{
	position:absolute;
	right:0px;
	top:0px;
	height:45px;
	padding-right:15px;
	}




.asideLastImportSyncBox{
	cursor:pointer;
	width:100%;
	height:115px;
	background:rgba(34,45,49,.5);
	padding-top:32px;
	position:absolute;
	bottom:0px;
	left:0px;
	}

.asideClosed .asideLastImportSyncBox{
	display:none;
	}


.asideLastImportSyncDate{
	font-size:16px;
	color:#fff;
	text-align:center;
	height:20px;
	line-height:20px;
	}

.asideLastImportSyncText{
	font-family: 'Roboto Condensed';
	font-size:12px;
	color:rgba(255,255,255,.5);
	text-align:center;
	height:15px;
	line-height:15px;
	margin-top:7px;
	text-transform: uppercase;
	}






.syncContain{
	width:100%;
	}

.syncBoxLi{
	position:relative;
	width:100%;
	min-height:152px;
	background:#fff;
	border:solid 1px #E9E8E8;
	border-radius:3px;
	margin-bottom:19px;
	}

.syncBoxLiLogoBox{
	float:left;
	display: flex;
  	align-items: center;
  	justify-content: center;
	position:relative;
	width:150px;
	height:150px;
	background:#127FBE;
	border-radius:3px 0px 0px 3px;
	}

.zoho .syncBoxLiLogoBox{
	background:#0067ff;
	}

#syncBoxLiLogoBoxZoho{
	width:60%;
	}

.redtail .syncBoxLiLogoBox{
	background:#cf2e2e;
	}

#syncBoxLiLogoBoxRedtail{
	width:60%;
	}


.syncBoxLiDataBox{
	float:left;
	width:calc(100% - 150px);
	padding:25px;
	}

.syncBoxLiDataBoxName{
	font-size:16px;
	font-weight:600;
	}

.syncBoxLiDataBoxDescription{
	font-size:12px;
	margin-top:10px;
	}

.syncBoxLiDataBoxBullitPoints{
	margin-top:15px;
	}


.syncBoxLiDataBoxBullitPoints ul {
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
	list-style-type: disc;
  	list-style-position: inside;
  	font-size:12px;
  	max-width:385px;
	}

.syncBoxLiDataBoxBullitPoints li{
	margin-bottom:5px;
	}

.syncBoxLiDataBoxBullitPoints li span{
	position: relative;
  	left: -5px;
	}

.syncBoxLiActionButton{
	position:absolute;
	top:25px;
	right:25px;
	font-size:12px;
	text-transform: uppercase;
	font-weight:600;
	min-width:115px;
	}

.syncBoxLiActionButtonDisconnect,
.syncBoxLiActionButtonConnect{
	display:none;
	}

.connectButton .syncBoxLiActionButtonConnect{
	display:block;
	}

.disconnectButton .syncBoxLiActionButtonDisconnect{
	display:block;
	}


.connectButton{
	text-align:right;
	padding-right:15px;
	}


.disconnectButton{
	color:#127FBE;
	background:#fff;
	border:solid 2px #127FBE;
	}



.syncBoxLiActionButton svg{
	display:none;
    position: absolute;
    left: 12px;
    top: 6px;
    width: 22px;
    height: 22px;
    fill: #fff;
	}

.syncBoxLiActionButton.connectButton svg{
	display:block;
	}

.connected .syncBoxLiDataBoxDescription,
.connected .syncBoxLiDataBoxBullitPoints{
	display:none;
	}

.syncBoxLiConectedBox{
	position:absolute;
	bottom:25px;
	}


.syncBoxLiConectedSyncButton{
	float:left;
	font-size:11px;
	text-transform: uppercase;
	font-weight:600;
	min-width: 130px;
    padding-right: 0px;
	}


.syncBoxLiConectedSyncButton svg{
    position: absolute;
    left: 8px;
    top: 6px;
    width: 22px;
    height: 22px;
    fill: #fff;
	}

.syncBoxLiConectedLastSyncBox{
	margin-left:20px;
	float:left;
	height:35px;
	padding-right: 20px;
	border-right: solid 1px rgba(0,0,0,.5);
	}

.syncBoxLiConectedLastSyncText{
	font-size: 11px;
	text-transform: uppercase;
  	color:rgba(0,0,0,.5);
	}

.syncBoxLiConectedLastSyncDate{
	font-size: 14px;
  	font-weight: 900;
	}

.syncBoxLiConectedAutoSyncIconBox{
	width:35px;
	height:35px;
	float:left;
	}

.syncBoxLiConectedAutoSyncIconBox svg{
    width: 24px;
    height: 24px;
    margin-left:17px;
    margin-top:8px;
    fill: rgba(0,0,0,.5);
	}

#syncBoxLiConectedAutoSyncIconOn,
#syncBoxLiConectedAutoSyncIconOff{
	display:none;
	}

.on #syncBoxLiConectedAutoSyncIconOn{
	display:block;
	fill:#5AA91E;
	width:26px;
	height:26px;
	}

.off #syncBoxLiConectedAutoSyncIconOff{
	display:block;
	}

.syncBoxLiConectedBox{
	display:none;
	}

.connected .syncBoxLiConectedBox{
	display:block;
	}


.reAuthenticate .syncBoxLiConectedSyncButton{
	display:none;
	}

#reAuthenticateButton{
	display:none;
	background:#FF9B0A;
	padding-left: 44px;
    padding-right: 31px;
	}

.reAuthenticateMessage{
	display:none;
	position:absolute;
	top: -34px;
    left: -6px;
	}


.reAuthenticateMessageIconBox{
	width:30px;
	height:30px;
	float:left;
	}

.reAuthenticateMessageIconBox svg{
	width:20px;
	height:20px;
	margin:5px;
	fill:#FF9B0A;
	}

.reAuthenticateMessageText{
	float:left;
	margin-top:8px;
	width:calc(100% - 30px);
	color:#FF9B0A;
	font-size:12px;
	font-weight:600;
	}

.reAuthenticate .reAuthenticateMessage{
	display:block;
	}

.reAuthenticate #reAuthenticateButton{
	display:block;
	}





/*--------Surge-----------*/



.tableListStatusBall{
	width:10px;
	height:10px;
	border-radius:10px;
	background:#9B9B9B;
	float:left;
	margin-right:5px;
	}

.blue.tableListStatusBall{
	background:#1382BC;
	}

.green.tableListStatusBall{
	background:#33BF26;
	}


.nowrap{
    white-space: nowrap;
	}


.surgeSummaryBox{
	float: left;
    width: calc(20% - 12px);
    margin-right: 15px;
    height: 70px;
    background: #fff;
    border: solid 1px #E9E8E8;
    border-radius: 3px;
	}

.surgeSummaryBox:last-child {
    margin-right: 0px;
	}

.active.surgeSummaryBox{
	position: relative;
    z-index: 0;
    border: solid 2px #1381BC;
	}

.active.surgeNotReadyHouseholds.surgeSummaryBox{
	border: solid 2px #FF9608;
	}









.active.surgeAlreadyPrepared.surgeSummaryBox{
	border: solid 2px #33BF26;
	}

.surgeAlreadyPrepared .surgeSummaryNumber{
	color:#33BF26;
	}






.surgeSummaryText{
	font-family: 'Roboto Condensed';
    font-size: 11px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
	}


.surgeSummaryNumber{
	margin-left: auto;
    margin-right: auto;
    width: fit-content;
    margin-top: 6px;
    font-size: 18px;
    color: #1382BC;
    font-weight: 500;
	}

.surgeNotReadyHouseholds .surgeSummaryNumber{
	color:#FF9608;
	}



.advisorPacketContain{
	position:relative;
	width:100%;
	background:#fff;
	border:solid 1px #E9E8E8;
	border-radius:3px;
	height:auto;
	overflow:hidden;
	padding-left:60px;
	margin-top:15px;
	min-height:0px;
	-webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;

	}


.advisorPacketHeaderIconBox{
	position:absolute;
	left:0;
	top:0;
	width:58px;
	height:58px;
	}

.advisorPacketHeaderIconBox svg{
	width:24px;
	height:24px;
	margin:17px;
	}


.advisorPacketHeaderText{
	cursor:pointer;
	width:calc(100% - 40px);
	height:60px;
	font-size:16px;
	font-weight:500;
	line-height:60px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}

.advisorPacketHeaderTextPiller{
	color:rgba(0,0,0,.3);
	padding-left:20px;
	padding-right:20px;
	}



.advisorPacketHeaderArrowIconBox{
	position:absolute;
	right:0;
	top:0;
	width:58px;
	height:58px;
	transform: rotate(0deg);
	-webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;

	}

.advisorPacketHeaderArrowIconBox svg{
	width:24px;
	height:24px;
	margin:17px;
	}


.open .advisorPacketHeaderArrowIconBox{
	transform: rotate(-180deg);
	}


.surgeApValueAddsContain{
	width:100%;
	}




.surgeApValueAddTile{
	position:relative;
	float: left;
    width: calc(16.6666667% - 30px);
    min-height: 150px;
    background: #fff;
    margin-right: 24px;
    margin-bottom:24px;
    border: solid 1px #E9E8E8;
    border-radius: 3px;
	}


.surgeApValueAddTileIconBox{
    width:100%;
	}

.surgeApValueAddTileIconBox svg{
	width: 35px;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	margin-bottom: 15px;
	fill: #2CA1A2;
	display: block;
	}

.surgeApValueAddTileText{
    width: 100%;
    font-size: 11px;
    color: #000;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
	}


.surgeApValueAddStatusIconBox{
	display:none;
    width: 100%;
	}

.notReadyTile .surgeApValueAddStatusIconBox{
	display:block;
	}

.surgeApValueAddStatusIconBox svg{
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    fill: rgba(0,0,0,.50);
    display: block;
	}


.notReadyTile .surgeApValueAddStatusIconBox svg{
    margin-top: 7px;
    fill:#FF9608;
	}


.surgeApValueAddTileDisplayNumber{
	display:none;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	margin-top:3px;
	}

.notReadyTile .surgeApValueAddTileDisplayNumber{
	color:#FF9608;
	}


.notReadyTile .surgeApValueAddTileDisplayNumber{
	display:block;
	}













.surgeApValueAddTileNextArrowBox{
	position:absolute;
	left:-24px;
	width:24px;
	height:24px;
	top: 50%;
    transform: translateY(-50%);
	}

.surgeApValueAddTileNextArrowBox svg{
	width:24px;
	height:24px;
	fill:#E9E8E8;
	}


.surgeApValueAddTile:first-child .surgeApValueAddTileNextArrowBox{
	display:none;
	}


#surgeHouseholdTable{
	margin-top:30px;
	}

.tableListCheckBox{
	width:40px;
	}


.tableListCheckBox input{
	width:12px;
	height:12px;
	}

.tableReadyIcon svg{
	width:18px;
	height:18px;
	margin-right:7px;
	float:left;
	fill:#127FBE;
	}

.tableReadyText{
	line-height:18px;
	padding-right:10px;
	margin-right: 15px;
	}

.alreadyPrepared .tableReadyIcon svg{
	width:18px;
	height:18px;
	margin-right:7px;
	float:left;
	fill:#33BF26;
	}


.surgeListNotReadyIcon,
.surgeListReadyIcon{
	display:none;
	}

.ready .surgeListReadyIcon,
.alreadyPrepared .surgeListReadyIcon{
	display:block;
	}

.notReady .surgeListNotReadyIcon{
	display:block;
	fill:#FF9608 !important;
	}

.notReady .tableReadyText{
	color:#FF9608 !important;
	}



.alreadyPrepared .tableReadyText{
	color:#33BF26 !important;
	}



.ui-sortable-handle{
	cursor:grab;
	}

.ui-sortable-handle:active{
	cursor:grabbing !important;
	box-shadow: 20px 20px 20px 0 rgba(0,0,0,0.11);
	}

.ui-sortable-helper{
	cursor:grabbing !important;
	
	}

.ui-sortable-helper .surgeApValueAddTileNextArrowBox{
	display:none;
	}


.ui-state-highlight{
	float: left;
    width: calc(16.6666667% - 30px);
    min-height: 150px;
    background:rgba(44,161,162,.25);
    margin-right: 24px;
    margin-bottom: 24px;
    border: solid 1px #fff;
    border-radius: 3px;
	}




#advisorPacketPageContain{
	width:100%;
	max-width:1156px;
	margin-left:auto;
	margin-right:auto;
	margin-top:45px;
	}

#advisorPacketOnlyContain{
	width:calc(100% - 305px);
	float:left;
	}



#advisorPacketOnlyContain .surgeApValueAddTile:hover .surgeApValueAddStatusIconBox{
	display:block;
	}

.ui-sortable-helper .surgeApValueAddStatusIconBox{
	display:none !important;
	}


#advisorPacketOnlyContain .surgeApValueAddStatusIconBox:hover{
	cursor:pointer;
	}

#advisorPacketOnlyContain .surgeApValueAddStatusIconBox:hover svg{
	fill:rgba(255,0,0,1);
	}

#advisorPacketOnlyContain .surgeApValueAddStatusIconBox:active{
	cursor:pointer;
	}

#sortable1 .surgeApValueAddStatusIconBox{
	margin-top:13px;
	background: #fff;
    border-radius: 20px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0px);
    width: 20px;
    height: 20px;
	}

#sortable1 .surgeApValueAddStatusIconBox svg{
	fill:rgba(0,0,0,.25);
	margin:0px;
	}


.surgeApValueAddStatusIconBox.tooltip{
	z-index:100;
	}

#advisorPacketOnlyContain .advisorPacketContain{
	margin-top:0px;
	}

#advisorPacketSaveButton{
	position:absolute;
	right:0px;
	top:0px;
	font-size:11px;
	text-transform: uppercase;
	}

#advisorPacketDragInOptionsContain{
	width:290px;
	min-height:280px;
	float:left;
	margin-left:15px;
	background:#fff;
	border:solid 1px #E9E8E8;
	border-radius:3px;
	}

.apTabsContain{
	width:100%;
	height:42px;
	float:left;
	}

.apTab{
	font-family: 'Roboto Condensed';
	width:33.333333333333333%;
	height:42px;
	line-height:42px;
	float:left;
	text-align:center;
	font-size:13px;
	font-weight:600;
	background:#E9E8E8;
	cursor:pointer;
	color:#222D31;
	}

.apTab.active{
	background:#fff;
	}

.dragAndDropInOptionsBox{
	width:100%;
	padding:24px;
	float:left;
	}


#advisorPacketPageContain .surgeApValueAddTile{
	width:106px;
	}


#advisorPacketPageContain .ui-state-highlight{
	width:106px;
	}

.dragAndDropInOptionsBox .ui-state-highlight{
	width:106px;
	margin:7px;
	}

.dragAndDropInOptionsBox .surgeApValueAddTile{
	margin-right:0px;
	margin:7px;
	}

.dragAndDropInOptionsBox .surgeApValueAddTileNextArrowBox{
	display:none;
	}


.singleSortable{
	float:left;
	width:max-content;
	}


#advisorPacketOnlyContain #sortable1{
	float:left;
	width:100%;
	min-height:175px;
	}


.apTabSection{
	display:none;
	}

.apTabSection.apTabShowOnLoad{
	display:block;
	}


#apUploadDocsButton{
	font-size: 11px;
    text-transform: uppercase;
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: -15px;
    font-weight:600;
	}

.apUplaodPreviewImg{
	width:106px;
	height:148px;
	object-fit: cover;
	border-radius:3px;
	}

.apUplaodCoverBackground{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,.7);
	border-radius:3px;
	display: flex;
  	align-items: center;
  	justify-content: center;
	}

.apUploadedDoc .surgeApValueAddTileText{
	margin-top:0px;
	color:#fff;
	}

.apUplaodViewButton{
	display:none;
	position:absolute;
	top:5px;
	width:calc(100% - 10px);
	min-width:0px;
	font-size: 11px;
    text-transform: uppercase;
    height: 25px;
    line-height: 25px;
    font-weight:600;
    opacity:.80;
	}

.apUplaodViewButton:hover{
    opacity:1;
	}

.apUplaodViewButton svg{
	position: absolute;
    left: 5px;
    top: 5px;
    width: 16px;
    height: 16px;
    fill: #fff;
	}


.apUploadedDoc:hover .apUplaodViewButton{
	display:block;
	}


.dragAndDropInOptionsBoxTemplates {
    width: 100%;
    padding: 30px;
    float: left;
	}

.apTempleteBox{
	width:100%;
	height:auto;
	min-height:150px;
	background:#fff;
	border:solid 1px #E9E8E8;
	border-radius:3px;
	 display: flex;
  	align-items: center;
  	justify-content: center;
  	margin-bottom:15px;
	}

.apTempleteBox:last-child{
  	margin-bottom:0px;
	}

.apTempleteName{
	width:100%;
	font-size:18px;
	font-weight:600;
	text-align:center;
	}

.apTempleteSubText{
	margin-top:5px;
	font-size:11px;
	text-align:center;
	color:#222D31;
	}

.apTempleteSubTextPiller {
    color: rgba(0,0,0,.3);
    padding-left: 10px;
    padding-right: 10px;
	}

#advisorPacketOnlyContain #householdHeaderNameText{
	width: calc(100% - 122px);
	}


#advisorPacketOnlyContain .advisorPacketHeaderText{
	cursor: initial !important;
	}







.loading{
	display:none;
    position:fixed;
    top:0; 
    right:0;
    bottom:0; 
    left:0;
    background:rgba(0,0,0,.80);
    z-index:5000;
    display: flex;
  	align-items: center;
  	justify-content: center;
	}

.loader{
    font-size: 10px;
    border: .5em solid rgba(255, 255, 255, .50);
    border-left: .5em solid rgba(255, 255, 255, 1);
    animation: spin .3s infinite linear;
	}

.loader, .loader:after{
    border-radius: 50%;
    width: 12em;
    height: 12em;
    display: block;
    position: absolute;
	}

.loading img{
	width:35px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}

@keyframes spin{
	0%{transform: rotate(360deg)}
  	100%{transform: rotate(0deg)}
	}

.loadingInnerBox{
	width:150px;
	position:relative;
	}

.progressBar{
	position:absolute;
	bottom:-55px;
	width:100%;
	height:7px;
	margin-left:auto;
	margin-right:auto;
	border-radius:5px;
	border:solid 1px rgba(255,255,255,.5);
	}

.progressBarFill{
	background:rgba(255,255,255,.5);
	height:5px;
	border-radius:5px 0px 0px 5px;
	}


.loadingInnerBoxText{
	position:absolute;
	bottom:-160px;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	color:rgba(255,255,255,.7);
	transform: translate(0%,5%);
	height:100px;
	line-height:22px;
	}

























@media (max-width:1550px){


	.householdValueAddActionDrawer{
	    position: fixed;
	    margin-right:-230px;
	    top:70px;
	    right:0px;
	    bottom:0px;
	    background:rgba(0,0,0,.80);
	    z-index:100;
	    overflow:auto;
	    -webkit-transition: margin-right .25s ease-out;
    	-moz-transition: margin-right .25s ease-out;
    	-o-transition: margin-right .25s ease-out;
    	transition: margin-right .25s ease-out;
		}

	.open.householdValueAddActionDrawer {
	    margin-right:0px;
		}

	.valueAddActionItemText{
		color:#fff;
		}

	.valueAddActionItemIconBox svg{
		fill:#fff;
		}

	.householdHeaderValueDrawerIcon {
		position:absolute;
		clear:both;
		top:0px;
		right:0px;
	    display: block;
	    border:solid 1px rgba(0,0,0,.75);
	    border-radius:3px;
		}

	.householdHeaderValueAddNameBox{
		margin-right:40px;
		}

	.householdHeaderValueDrawerIcon svg{
		width: 20px;
    	height: 20px;
    	margin: 2.5px;
		}

	#advisorPacketPageContain {
	    width: calc(100% - 130px);
		}


}



















@media (max-width:1300px){

	#firmSummaryAdvisorSelect{
		background:#222D31;
		position:relative;
		}

	#firmSummaryAdvisorSelectBoxWhiteBox{
		max-width: 851px;
    	width: 100%;
    	margin-left: auto;
    	margin-right: auto;
		background: rgba(255,255,255,.07);
		padding:10px;
		}

	#firmSummaryAdvisorSelectBox{
		position:relative;
		margin:0px;
		width:33.33333333333333333333%;
		margin-left:auto;
		margin-right:auto;
		}

	.notAllSelected #firmSummaryAdvisorSelectBox{
		background:rgba(255,255,255,0) !important;
		}

	#fsAdvisorSelectDropdownBox{
		left: 50%;
		transform: translate(-50%, 0%);
		}

	.notAllSelected #fsasSelectedBoxText{
		display: flex;
  		align-items: center;
  		justify-content: center;
  		width:100%;
		}

	.notAllSelected #fsasSelectedIconBox{
		display:none;
		}


}


@media (max-width:1220px){

	#householdBackButtonBox {
	    position: relative;
	    top: unset;
	    left: unset;
	    height: 27px;
	    width: 22px;
	    float: left;
		}

	#householdBackButtonBox svg{
		margin:0;
		margin-top:2.5px;
		margin-left:-9.5px;
		}

	#householdHeaderNameText{
	    font-size: 20px;
	    width: calc(100% - 322px);
		}

	#advisorPacketPageContain {
	    width: calc(100% - 100px);
		}


}








@media (max-width:1150px){

	#householdsPageContain,
	#surgesPageContain{
    	margin-top: 25px;
		}

	.centerContainBox851 {
    	width: calc(100% - 50px);
		}

	#advisorPacketPageContain {
		margin-top:25px;
	    width: calc(100% - 50px);
		}



	.surgeApValueAddTile{
		width:100px;
		}

}




@media (max-width:930px){

	#advisorPacketOnlyContain {
    	width: 100%;
    	float: left;
		}

	#advisorPacketDragInOptionsContain {
	    width: 100%;
	    margin-top: 30px;
	    margin-left:0px;
		}

	.lbDocumentActionItems {
	    right: unset;
	    left: 0px;
	    width: 100%;
	    top: -44px;
		}

	.lbDocumentActionItems button {
	    width: 150px;
	    opacity:.9;
	    margin-right:5px;
		}

}











@media (max-width:900px){


	.asideOpen #householdPageContain {
    	margin-top: 25px;
		}

	.asideOpen .householdSummaryInfoTitle{
		margin-left:15px;
		font-size:10px;
		overflow: hidden;
    	white-space: nowrap;
		}

	.asideOpen .householdSummaryInfoNumber{
		margin-left:15px;
		}

	.asideOpen #householdHeaderNameText {
	    width: calc(100% - 22px);
	    float:none;
		}

	.asideOpen .headerTabsContain {
	    position: relative;
	    right: unset;
	    top: unset;
	    width: 100%;
	    margin-top: 15px;
	    margin-bottom: 0px;
	    clear: both;
	    height: 27px;
		}

	.asideOpen #householdHeaderContain{
		height:auto;
		margin-bottom: 15px;
		}

	.asideOpen .headerTab{
		width:33.33333333333333%;
		}


	.asideOpen .householdContactCard{
		width:100%;
		min-height:unset;
		border-radius:3px 3px 0px 0px;
		}

	.asideOpen .householdContactCard:last-child {
	    margin-left: 0px;
	    margin-top:-1px;
	    border-radius:0px 0px 3px 3px;
		}

	.asideOpen .householdContactCardDataBox{
		margin-top:0px;
		}



	.asideOpen .householdLowerInfoBarBox{
		float:left;
		height:70px;
		width:calc(100% + 0px);
		margin-left:0px;
		margin-top:-1px;
		}

	.asideOpen .householdLowerInfoBarBox:first-child{
		width:calc(100% + 0px);
		margin-left:0px;
		margin-top:0px;
		border-radius:3px 3px 0px 0px;
		}

	.asideOpen .householdLowerInfoBarBox:last-child{
		border-radius:0px 3px 3px 0px;
		}



	.asideOpen .tableListContain {
		display:block;
	    position: relative;
	    width: calc(100% + 50px);
	    margin-top: 0px;
	    margin-left: -25px;
	    padding-left: 25px;
	    padding-right: 0px;
	    overflow-y:scroll;
	    overflow-x:visible;
		}

	.asideOpen .tableListInnerContain{
	  	width:fit-content;
	  	min-width:100%;
	  	padding-right:25px;
		}

	/* Hide scrollbar for Chrome, Safari and Opera */
	.asideOpen .tableListContain::-webkit-scrollbar {
	  	display: none;
		}

	/* Hide scrollbar for IE, Edge and Firefox */
	.asideOpen .tableListContain{
	  	-ms-overflow-style: none;  /* IE and Edge */
	  	scrollbar-width: none;  /* Firefox */
		}


	.asideOpen .householdAssetSummaryContain {
	    margin-bottom: 15px;
		}


	.tableListContain {
		display:block;
	    position: relative;
	    width: calc(100% + 50px);
	    margin-top: 0px;
	    margin-left: -25px;
	    padding-left: 25px;
	    padding-right: 0px;
	    overflow-y:scroll;
	    overflow-x:visible;
		}

	.tableListInnerContain{
	  	width:fit-content;
	  	min-width:100%;
	  	padding-right:25px;
		}

	/* Hide scrollbar for Chrome, Safari and Opera */
	.tableListContain::-webkit-scrollbar {
	  	display: none;
		}

	/* Hide scrollbar for IE, Edge and Firefox */
	.tableListContain{
	  	-ms-overflow-style: none;  /* IE and Edge */
	  	scrollbar-width: none;  /* Firefox */
		}

	.householdAssetSummaryContain {
	    margin-bottom: 15px;
		}

	.tableListHeaderContain{
		margin-bottom:15px;
		}


	.householValueAddTileContain{
		width:calc(100% + 50px);
		padding-left:25px;
		margin-left:-25px;
		overflow:auto;
		margin-bottom: 15px;
		}


	.householValueAddTileInnerContain{
	  	width:max-content;
		}

	.householValueAddTile{
	    width: 108px;
	    min-height: 150px;
	    margin-right: 10px;
		}

	.householValueAddTileInnerContain:after {
		float:left;
	    content: '';
	    width:25px;
	    height:25px;
		}

	.householValueAddTileScrollFiller{
		float:left;
		width:15px;
		height:30px;
		}



	/* Hide scrollbar for Chrome, Safari and Opera */
	.householValueAddTileContain::-webkit-scrollbar {
	  	display: none;
		}

	/* Hide scrollbar for IE, Edge and Firefox */
	.householValueAddTileContain{
	  	-ms-overflow-style: none;  /* IE and Edge */
	  	scrollbar-width: none;  /* Firefox */
		}


	.asideOpen .householValueAddTile {
	    width: calc(17vw - 46px);
	    min-height: 150px;
	    margin-right: 10px;
		}

	.householValueAddTile {
	    width: calc(16vw - 25px);
		}


	.asideOpen .householdHeaderValueAddNameBox {
	    position: relative;
	    float: right;
	    width: 100%;
	    margin: 15px auto;
	    background: #fff;
	    padding: 5px;
	    border-radius: 3px;
	    border: solid 1px #E9E8E8;
		}

	.asideOpen .householdHeaderValueAddInnerNameBox{
		width:max-content;
		margin-left:auto;
		margin-right:auto;
		}

	.syncBoxLiActionButton {
	    top: 20px;
	    right: 20px;
		}


	.asideOpen .syncBoxLiDataBox{
		padding:20px;
		}

	.asideOpen .syncBoxLiDataBoxDescription {
	    margin-top: 25px;
		}

	.asideOpen .syncBoxLiDataBoxBullitPoints {
	    margin-top: 10px;
		}

	.asideOpen .syncBoxLiConectedBox {
	    position: relative;
	    bottom: 25px;
	    margin-top: 80px;
		}

	.asideOpen .syncBoxLiConectedSyncButton {
	    width: 100%;
	    margin-bottom: 20px;
		}

	.asideOpen .syncBoxLiConectedLastSyncBox {
	    width: calc(100%);
	    margin-bottom: 17px;
	    border:none;
		}

	.asideOpen .syncBoxLiConectedLastSyncBox.secondbox{
		float:left;
		width: calc(100% - 55px);
		}

	.asideOpen .connected .syncBoxLiLogoBox{
		height:300px;
		}



	.asideOpen .surgeSummaryBox{
	    width:50%;
	    margin-right: 0px;
	    margin-right:-1px;
	    margin-bottom:-1px;
	    border-radius: 0px 0px 0px 0px;
		}

	.asideOpen .surgeSummaryBox:nth-child(1){
	    border-radius: 3px 0px 0px 0px;
		}

	.asideOpen .surgeSummaryBox:nth-child(2){
	    border-radius: 0px 3px 0px 0px;
		}

	.asideOpen .surgeSummaryBox:nth-child(3){
	    border-radius: 0px 0px 0px 3px;
	    margin-bottom:0px;
		}

	.asideOpen .surgeSummaryBox:nth-child(4){
	    border-radius: 0px 0px 3px 0px;
	    margin-bottom:0px;
		}

	.advisorPacketHeaderText{
		font-size:15px;
		}


	.surgeApValueAddsContain{
	    overflow: auto;
	    width:calc(100% + 60px);
	    margin-left:-60px;
	    padding-left:60px;
		}

	.surgeApValueAddsInnerContain{
	    width: max-content;
		}

	.surgeApValueAddsInnerContain:after{
	    float: left;
	    content: '';
	    width: 24px;
	    height: 24px;
		}

	.surgeApValueAddTile:last-child{
		margin-right:0px;
		}


	/* Hide scrollbar for Chrome, Safari and Opera */
	.surgeApValueAddsContain::-webkit-scrollbar {
	  	display: none;
		}

	/* Hide scrollbar for IE, Edge and Firefox */
	.surgeApValueAddsContain{
	  	-ms-overflow-style: none;  /* IE and Edge */
	  	scrollbar-width: none;  /* Firefox */
		}

	
	.surgeApValueAddTile{
		width:calc(16.667vw - 40px);
		}


	.lbPrepareActionItemsBox{
		margin-bottom:15px;
		margin-top:15px;
		}

	.lbPrepareActionItemsBox button{ 
		width:100%;
		margin-bottom:5px;
		}


	.asideOpen #surgeSummaryAlreadyPrepared{
		width:100%;
		margin-top:-1px;
		}





}









@media (max-width:800px){

	#lpResetPWrequirmentsContain{
		position: relative;
    	margin-left: auto;
    	margin-right: auto;
    	margin-top: 0px;
    	margin-bottom: 20px;
    	width: 224px;
		}

	#fsTotalAum{
		width:50%;
		}

	#fsTotalClients, #fsTotalAccounts{
		width:25%;
		}

	#firmSummaryAdvisorSelectBox{
		width:50%;
		}

}











@media (max-height:750px){

	#loginContain{
		margin-top:100px;
		}


	@media only screen and (orientation: landscape) {
    	
    	#loginContain{
			margin-top:70px;
			}

		#headerSearchResultsBox{
			max-height:40vh;
			}

	}


}









@media (max-width:750px){


	#invictusHeaderLogo{
		position:fixed;
		left:-230px;
		width:230px;
		-webkit-transition: left .25s ease-out;
  		-moz-transition: left .25s ease-out;
  		-o-transition: left .25s ease-out;
  		transition: left .25s ease-out;
  		z-index:99;
		}

	#asideOpenCloseButton svg{
		width:30px;
		height:30px;
		margin:20px;
		-webkit-transform: rotate(180deg);
	  	-moz-transform: rotate(180deg);
	  	-ms-transform: rotate(180deg);
	  	-o-transform: rotate(180deg);
	  	transform: rotate(180deg);
		}


	#asideOpenCloseButtonDesktop{
		display:none;
		}

	#asideOpenCloseButtonPhone{
		display:block;
		}

	.asideClosed #invictusHeaderLogo{
		left:0px;
		width:230px;
		}


	#aside{
		top: 70px;
		left:-230px;
		width:230px;
		-webkit-transition: left .25s ease-out;
  		-moz-transition: left .25s ease-out;
  		-o-transition: left .25s ease-out;
  		transition: left .25s ease-out;
  		z-index:99;
		}

	.asideClosed #aside{
		width:230px;
		left:0px;
		}

	.asideClosed .asideLiTitle {
    	opacity: 1;
		}

	.asideClosed #asideClickOffClose{
		display:block;
		}


	#mainContain{
		left:0;
		min-height:calc(100% - 70px);
		}


	.asideClosed #mainContain {
	    left: 0;
		}

	#customerLogo{
    	width: calc(100% - 140px);
		}

	.asideClosed #customerLogo{
    	width: calc(100% - 140px);
		}

	#firmSummaryAdvisorSelectBox{
		width:100%;
		}

	#firmSummaryAdvisorSelectBoxWhiteBox {
	    padding: 15px;
		}

	.tableValueAddButton{
		display:none;
		}

	.tableMoreButton{
		display:block;
		}

	.tableValueAddBox {
	    width: 40px !important;
		}

	.tableValueAddButton {
    	float: right;
   	 	margin-right: 8px;
		}


	#householdPageContain {
    	margin-top: 25px;
		}

	.householdSummaryInfoTitle{
		margin-left:15px;
		font-size:10px;
		overflow: hidden;
    	white-space: nowrap;
		}

	.householdSummaryInfoNumber{
		margin-left:15px;
		}

	#householdHeaderNameText {
	    width: calc(100% - 50px);
	    float:none;
		}

	.headerTabsContain {
	    position: relative;
	    right: unset;
	    top: unset;
	    width: 100%;
	    margin-top: 15px;
	    margin-bottom: 0px;
	    clear: both;
	    height: 27px;
		}

	#householdHeaderContain{
		height:auto;
		margin-bottom: 15px;
		}

	.headerTab{
		width:33.33333333333333%;
		}

	.householdContactCard{
		width:100%;
		min-height:unset;
		border-radius:3px 3px 0px 0px;
		}

	.householdContactCard:last-child {
	    margin-left: 0px;
	    margin-top:-1px;
	    border-radius:0px 0px 3px 3px;
		}

	.householdContactCardDataBox{
		margin-top:0px;
		}


	.householdLowerInfoBarBox{
		float:left;
		height:70px;
		width:calc(100% + 0px);
		margin-left:0px;
		margin-top:-1px;
		}

	.householdLowerInfoBarBox:first-child{
		width:calc(100% + 0px);
		margin-left:0px;
		margin-top:0px;
		border-radius:3px 3px 0px 0px;
		}

	.householdLowerInfoBarBox:last-child{
		border-radius:0px 3px 3px 0px;
		}

	.tableListContain {
		display:block;
	    position: relative;
	    width: calc(100% + 50px);
	    margin-top: 0px;
	    margin-left: -25px;
	    padding-left: 25px;
	    padding-right: 0px;
	    overflow-y:scroll;
	    overflow-x:visible;
		}

	.tableListInnerContain{
	  	width:fit-content;
	  	min-width:100%;
	  	padding-right:25px;
		}

	/* Hide scrollbar for Chrome, Safari and Opera */
	.tableListContain::-webkit-scrollbar {
	  	display: none;
		}

	/* Hide scrollbar for IE, Edge and Firefox */
	.tableListContain{
	  	-ms-overflow-style: none;  /* IE and Edge */
	  	scrollbar-width: none;  /* Firefox */
		}

	.householdAssetSummaryContain {
	    margin-bottom: 15px;
		}

	.tableListHeaderContain{
		margin-bottom:15px;
		}


	.tableValueAddBox.tableValueAddNumberOfButtons10,
	.tableValueAddBox.tableValueAddNumberOfButtons9,
	.tableValueAddBox.tableValueAddNumberOfButtons8,
	.tableValueAddBox.tableValueAddNumberOfButtons7,
	.tableValueAddBox.tableValueAddNumberOfButtons6,
	.tableValueAddBox.tableValueAddNumberOfButtons5,
	.tableValueAddBox.tableValueAddNumberOfButtons4,
	.tableValueAddBox.tableValueAddNumberOfButtons3,
	.tableValueAddBox.tableValueAddNumberOfButtons2,
	.tableValueAddBox.tableValueAddNumberOfButtons1{
		width:33px;
		min-width:33px;
		}



	.asideOpen .householValueAddTile {
	    width: calc(19vw - 20px);
		}

	.householValueAddTile {
	    width: calc(19vw - 20px);
		}


	.householdHeaderValueAddNameBox {
	    position: relative;
	    float: right;
	    width: 100%;
	    margin: 15px auto;
	    background: #fff;
	    padding: 5px;
	    border-radius: 3px;
	    border: solid 1px #E9E8E8;
		}

	.householdHeaderValueAddInnerNameBox{
		width:max-content;
		margin-left:auto;
		margin-right:auto;
		}


	.asideClosed .asideLastImportSyncBox{
		display:block;
		}



	.syncBoxLiDataBox{
		padding:20px;
		}

	.syncBoxLiDataBoxDescription {
	    margin-top: 25px;
		}

	.syncBoxLiDataBoxBullitPoints {
	    margin-top: 10px;
		}

	.syncBoxLiConectedBox {
	    position: relative;
	    bottom: 25px;
	    margin-top: 80px;
		}

	.syncBoxLiConectedSyncButton {
	    width: 100%;
	    margin-bottom: 20px;
		}

	.syncBoxLiConectedLastSyncBox {
	    width: calc(100%);
	    margin-bottom: 17px;
	    border:none;
		}

	.syncBoxLiConectedLastSyncBox.secondbox{
		float:left;
		width: calc(100% - 55px);
		}

	.connected .syncBoxLiLogoBox{
		height:300px;
		}


	.surgeSummaryBox{
	    width:50%;
	    margin-right: 0px;
	    margin-right:-1px;
	    margin-bottom:-1px;
	    border-radius: 0px 0px 0px 0px;
		}

	.surgeSummaryBox:nth-child(1){
	    border-radius: 3px 0px 0px 0px;
		}

	.surgeSummaryBox:nth-child(2){
	    border-radius: 0px 3px 0px 0px;
		}

	.surgeSummaryBox:nth-child(3){
	    border-radius: 0px 0px 0px 3px;
	    margin-bottom:0px;
		}

	.surgeSummaryBox:nth-child(4){
	    border-radius: 0px 0px 3px 0px;
	    margin-bottom:0px;
		}


	.surgeApValueAddTile{
		width: calc(17.667vw - 38px);
		}

	#surgeSummaryAlreadyPrepared{
		width:100%;
		margin-top:-1px;
		}



}





@media (max-width:650px){

	.tableListHeaderSearchContain{
		float:none;
		width: calc(100% - 148px);
    	max-width: 450px;
		}

	.tableListHeaderFilterButton{
		margin-top:6px;
		width:calc(50% - 3px);
		margin-left:0px;
		}

	.tableListHeaderSortBox{
		margin-top:6px;
		width:calc(50% - 3px);
		margin-left:6px;
		}

}













@media (max-width:600px){


	.lbInputLabel{
		font-size:11px;
		}

	.lbInput{
		font-size:11px;
		}

	.lbAssetAllocationInputLabel{
		font-size:11px;
		}

	.lbAssetAllocationInput{
		font-size:11px;
		}

	.lbAssetAllocationTotalBox{
		font-size:11px;
		}

	.lbBeneficiariesInputName{
		font-size:11px;
		padding-left:5px;
		}

	.lbBeneficiariesInputPercentage{
		font-size:11px;
		padding:0px;
		text-align:center;
		}


	.surgeApValueAddTile{
		width:calc(21vw - 41.2px);
		}





}










@media (max-width:530px){

	#lbChangePwRequirments{
		width:100%;
		margin-left: 0px !important;
    	margin-top: 10px;
		}

	.fsLiNumber{
		font-size:15px;
		}

	.fsLiIconBox svg{
		width:18px;
		height:18px;
		margin-top:13px;
		margin-bottom:13px;
		margin-right:6px;
		}

	th,td{
		font-size:10px;
		}



	.householdSummaryInfoBox:nth-child(1){
		width: 50%;
		border-radius:3px 0px 0px 0px;
		}

	.householdSummaryInfoBox:nth-child(2){
		width: calc(50% + 1px);
		border-radius:0px 3px 0px 0px;
		margin-left:-1px;
		}

	.householdSummaryInfoBox:nth-child(3){
		width: 50%;
		margin-top:-1px;
		margin-left:0px;
		border-radius:0px 0px 0px 3px;
		}

	.householdSummaryInfoBox:nth-child(4){
		width: calc(50% + 1px);
		margin-top:-1px;
		border-radius:0px 0px 3px 0px;
		margin-left:-1px;
		}


	.householValueAddTile {
	    width: calc(23vw - 20px);
		}


	#lbHouseholdAsset .lbInputBox {
    	width: calc(50% + 1px);
		}

	#lbHouseholdAsset .lbInputBox:nth-child(-n+3) {
	    margin-top: 30px;
		}

	#lbHouseholdAsset .lbInputBox:nth-child(-n+2) {
	    margin-top: 0px;
		}

	#lbHouseholdAsset .lbInputBox:nth-child(4) .lbInput {
    	border-radius: 0px 0px 0px 0px;
		}

	#lbHouseholdAsset .lbInputBox:nth-child(3n) .lbInput{
		border-radius:0px 0px 0px 0px;
		}

	#lbHouseholdAsset .lbInputBox:nth-child(4) .lbInput{
		border-radius:0px 0px 0px 0px;
		}

	#lbHouseholdAsset .lbInputBox:nth-child(7) .lbInput{
		border-radius:0px 0px 0px 0px;
		}

	#lbHouseholdAsset .lbInputBox:nth-child(odd) .lbInput{
    	border-radius: 3px 0px 0px 3px !important;
		}

	#lbHouseholdAsset .lbInputBox:nth-child(even) .lbInput{
    	border-radius: 0px 3px 3px 0px !important;
		}

	.lbAssetAllocationInnerContain {
	    width: 70%;
		}

	.lbAssetAllocationEqualsBox {
	    width: 7%;
		}

	.lbAssetAllocationTotalBox {
	    width: 23%;
		}

	.lbInputBoxFullWidth {
	    width: calc(50% + 1px) !important;
	    margin-left: 0px !important;
	    margin-right: -1px !important;
		}


	.lbHouseholdAsset .lbInputBox:nth-child(3n+1){
	   	clear: unset;
		}

	.lbHouseholdAsset .lbInputBox:nth-child(2n+1){
	   	clear: both;
		}

	.surgeApValueAddTile{
		width: calc(27vw - 46px);
		}

	#advisorPacketOnlyContain #sortable1 {
	    width: max-content;
		}

	#advisorPacketPageContain .surgeApValueAddTile,
	#advisorPacketPageContain .ui-state-highlight,
	.apUplaodPreviewImg{
	    width: calc(27vw - 46px);
		}

	#advisorPacketPageContain .surgeApValueAddsContain {
	    padding-bottom:30px;
		}


}








@media (max-width:500px){


	.centerContainBox331 {
	    max-width: unset;
	    margin-top: 25px;
		}


}









@media (max-width:450px){

	#headerSearchinputBox{
		width:100%;
		}
	
	#headerSearchContain.open{
		width:calc(100% - 38px);
		right:19px;
		}

	.hsResultsValueAddListBox{
		right:24;
		}

	#lbAlertReadIndecator{
		width:14px;
		height:14px;
		border-radius:14px;
		}


	#lightBoxBox{
		top:25px;
		}

	

}






@media (max-width:450px){

	.lbUserSettings #lightBoxActionItem {
	    width: calc(100% - 70px);
	    margin: 35px;
	    height: auto;
		}

	.lbUserSettings #lightBoxMainContentBox {
    	width: calc(100% - 70px);
    	margin: 35px 35px;
		}

	#lbConnectToBoxContain {
	    width: calc(100% - 70px);
	    margin-bottom: 35px;
		}

	#lbConnectToBoxButton{
		width:100%;
		}

	#lightBoxBox {
	    max-height:70vh;
		}

	#householdsPageContain,
	#surgesPageContain{
    	margin-top: 25px;
		}

	.tableListHeaderContain{
		margin-bottom:15px;
		}


	.tableAvatorBox {
	    width: 40px;
	    padding-right: 0px;
		}


	#householdHeaderNameText {
	    font-size: 17px;
		}

	.householdSummaryInfoBox{
		height:55px;
		}

	.householdSummaryInfoTitle {
	    margin-top: 10px;
		}

	.householdSummaryInfoNumber {
	    margin-left: 15px;
	    font-size: 18px;
	    margin-top: 3px;
		}

	.householdContactCardName{
		font-size:16px;
		}

	.householdContactCardContain{
		margin-top:15px;
		}

	.householdContactCard {
	    padding: 15px;
	    padding-right:20px;
	    padding-bottom:20px;
		}

	.householdContactCardAvatarBox {
	    width: 48px;
		}

	.householdContactCardDataBox {
	    width: calc(100% - 48px);
		}

	.householdContactCardLine2 {
    	margin-top: 2px;
		}


	.householdContactCardLine3 {
	    margin-top: 15px;
		}


	.householdLowerInfoBarBox{
		height:55px;
		}

	.householdLowerInfoBarBoxContain {
		margin-top: 14px;
		}

	.householdAssetSummaryContain {
	    margin-bottom: 15px;
		}

	.householdAssetSummaryText {
		margin-top:9px;
	    font-size: 10px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-align: center;
		}

	.householdAssetSummaryNumber{
	    font-size: 18px;
	    margin-top: 2px;
		}

	.householdAssetSummaryBox {
	    width: calc(100%);
	    margin-bottom: -1px;
	    margin-right: 0px;
	    height: 55px;
	    border-radius:0px 0px 0px 0px;
		}

	.householdAssetSummaryBox:first-child{
	    border-radius:3px 3px 0px 0px; 
		}

	.householdAssetSummaryBox:last-child{
	    margin-bottom: 0px;
	    border-radius:0px 0px 3px 3px;
		}

	.householdAssetSummaryBox.active{
		border-radius:3px !important;
		}


	.householdTableDataLowerSummaryText{
	    margin-top: 9px;
	    font-size: 10px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-align: center;
		}

	.householdTableDataLowerSummaryNumber{
	    margin-top: 3px;
	    font-size: 13px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-align: center;
		}

	.householdTableDataLowerSummaryBox {
	    height: 50px;
		}

	.fourBoxes .householdTableDataLowerSummaryBox {
	    margin-right:0px;
		}


	.fourBoxes .householdTableDataLowerSummaryBox:nth-child(1){
		width: 50%;
		border-radius:3px 0px 0px 0px;
		}

	.fourBoxes .householdTableDataLowerSummaryBox:nth-child(2){
		width: calc(50% + 1px);
		border-radius:0px 3px 0px 0px;
		margin-left:-1px;
		}

	.fourBoxes .householdTableDataLowerSummaryBox:nth-child(3){
		width: 50%;
		margin-top:-1px;
		margin-left:0px;
		border-radius:0px 0px 0px 3px;
		}

	.fourBoxes .householdTableDataLowerSummaryBox:nth-child(4){
		width: calc(50% + 1px);
		margin-top:-1px;
		border-radius:0px 0px 3px 0px;
		margin-left:-1px;
		}

	.householdTableDataLowerSummaryContain{
		margin-top:15px;
		}

	.active .householdAssetSummaryText{
		margin-top: 8px;
		}


	.householValueAddTile {
	    width: calc(29.45vw - 20px);
		}

	.lbDeleteButton{
		position: unset;
    	width: 100%;
    	margin-top: 50px;
   		background: rgba(255,0,0,.5);
    	color: #fff;
		}

	.lbLinkedActionItemsContain button {
	    width:100%
		}

	.lbLinkedActionEditIn {
	    margin-right: 0px;
	    margin-bottom:10px;
		}


	.lbHouseholdAsset #lightBoxMainContentBox {
	    width: calc(100% - 60px);
	    margin: 30px 30px;
		}

	.lbHouseholdAsset #lightBoxActionItem {
	    width: calc(100% - 60px);
	    margin: 30px;
	    height: auto;
		}


	.lbAssetAllocationInputLabel{
		font-size:10px;
		}

	.lbAssetAllocationInput{
		font-size:10px;
		-webkit-appearance: none;
		}

	.lbAssetAllocationTotalBox{
		font-size:10px;
		}

	.lbAssetAllocationTotalErrorBox{
		font-size:8px;
		}

	.lbAssetAllocationTotalBox {
	    text-align: right;
	    padding-right: 10px;
		}

	.syncBoxLiLogoBox{
	    float: unset;
	    width: 100%;
	    height:100px;
	    border-radius: 3px 3px 0px 0px;
		}

	.connected .syncBoxLiLogoBox{
	    height:100px;
		}

	.syncBoxLiDataBox {
	    width: 100%;
		}

	.syncBoxLiActionButton {
	    top: 110px;
	    right: 10px;
		}

	.connected .syncBoxLiDataBox{
	    height:250px;
		}

	.syncBoxLiConectedBox{
	    position: relative;
	    bottom: 25px;
	    margin-top: 70px;
		}

	.surgeSummaryBox{
	    height:55px;
		}

	.surgeSummaryText{
		margin-top: 12px;
		margin-left:15px;
		text-align:left;
		}

	.surgeSummaryNumber{
	    font-size: 15px;
	    margin-top: 2px;
	    margin-left:15px;
		text-align:left;
		width:auto;
		}


	.advisorPacketContain {
	    padding-left:45px;
	    margin-top: 10px;
		}


	.advisorPacketHeaderIconBox {
	    width: 48px;
	    height: 48px;
		}

	.advisorPacketHeaderIconBox svg{
	    width:20px;
	    height:20px;
	    margin:14px;
		}


	.advisorPacketHeaderText{
		width: calc(100% - 48px);
		font-size:12px;
		font-weight:600;
		height:48px;
		line-height:48px;
		}

	.advisorPacketHeaderTextPiller {
	    padding-left: 10px;
	    padding-right: 10px;
		}


	.advisorPacketHeaderArrowIconBox {
	    width: 48px;
	    height: 48px;
		}

	.advisorPacketHeaderArrowIconBox svg{
	    width:20px;
	    height:20px;
	    margin:14px;
		}


	.surgeApValueAddTile{
		width: calc(37.33333vw - 48px);
		}

	#advisorPacketPageContain .surgeApValueAddTile,
	#advisorPacketPageContain .ui-state-highlight,
	.apUplaodPreviewImg{
	    width: calc(37.33333vw - 48px);
		}

	#advisorPacketPageContain .surgeApValueAddsContain {
	    padding-bottom:30px;
		}

	#advisorPacketDragInOptionsContain {
	    width: 265px;
		}


	.lbDocView #lightBoxBox {
	    top: 60px;
		}



}










@page{
	size:auto;
  margin:0;
	}



/* print styles */
@media print {

 #topHeader{
 	display:none;
 	}

}