.fndRprtsArea{margin-bottom: 30px
}
.fndRprtsArea .ofOnHed {
    border-radius: 5px;
    background: #fff;
    display: flex;
    padding: 10px 30px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    position: relative;
}
.fndRprtsArea .ofOnheading {
    color: #172E55;
    font-size: 	1.250em;
}
.fndRprtsArea .toggleBtn {
    border: none;
    display: block;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    padding: 10px 70px 10px 20px;
    background-color: #fff;
    line-height: 22px;
    font-weight: 600;
    font-size: 16px;
    color: #172E55;
    margin: 0;
}
.fndRprtsArea .toggleBtn span {
    width: 49px;
    height: 22px;
    margin-left: 6px;
    display: inline-block;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #B5B5B5;
    white-space: nowrap;
    border-radius: 30px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
}
.fndRprtsArea .open .toggleBtn span {background-color: #172E55;}
.fndRprtsArea .open .toggleBtn span::after {margin-left: 30px;}
.fndRprtsArea .toggleBtn span::after {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-left: 3px;
    transition: all 0.9s ease;
    background-color: #fff;
    border-radius: 50%;
    display: block;
    content: "";
}
.contactList{
	width:100%;
	padding: 0 30px 30px 30px;
	background-color:#F5F5F5;
	flex-direction: column;
	margin-bottom: 20px;
/*	align-items: center;*/
	display: flex;
}
.cListTab{
	width:calc(100% + 60px);
	border-bottom: 1px solid #D9D9D9;
	align-items: center;
	list-style: none;
	margin:0 -30px;
	display: flex;
	padding: 0;
}
.cListTab li {
	color: #999;
	font-size: 1.000em;
	padding: 13px 58px;
	text-align: center;
	line-height: normal;
	position: relative;
	font-weight: 400;
	cursor: pointer;
}
.cListTab li.active,
.cListTab li:hover {
	color: #172E55;
	font-weight: 600;
}
.cListTab li::before{
	width:1px;
	height: 10.8px; 
	background:#D9D9D9;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	position: absolute;
	content: "";
	top:50%;
	left: 0;
}
.cListTab li:first-child::before{display:none}
.cListTab li::after {
	width: 100%;
	height: 4px;
	background: transparent;
	border-radius: 20px;
	position: absolute;
	bottom: -2px;
	content: "";
	left: 0;
}
.cListTab li.active::after,
.cListTab li:hover::after {background: #172E55}

.cListTop {
	width: 100%;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	flex-wrap: wrap;
	display: flex;
}
.cLtLft{
	align-items: flex-start;
	align-self: stretch;
	display: flex;
	gap: 20px;
}
.cLBtn{
	position:relative;
	background: linear-gradient(180deg, #FFF 0%, #E0E0E0 100%);
	box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.10);
	border: 1px solid #F3F3F3;
	border-radius:5px;
}
.cLBtn select{
	height:40px;
	cursor:pointer;
	border-radius:5px;
	padding:10px 32px 10px 36px;
	background:url(images/broDown.png) no-repeat center right 10px;
	line-height:1.285;/*18px*/
	font-size:0.875em;/*14px*/
	appearance: none;
	color: #172E55;
	border:none;
}
.cLBtn input[type="checkbox"] {
	width: 16px;
	height: 16px;
	border-radius: 5px;
	border: 1px solid #172E55;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	background: transparent;
	justify-content: center;
  	align-items: center;
	position:absolute;
	appearance: none;
	display: flex;
	left:10px;
	margin:0;
	top:50%;
}
.cLBtn input[type="checkbox"]:checked::before {
	width:5px;
	height:10px;
	background: none;
	border: solid #117F39;
	border-width: 0 2px 2px 0;
	transform: rotate(38deg);
	margin-bottom:2px;
	display: block;
	content: "";
}
.cLBtn button{
	height:40px;
	display: flex;
	cursor:pointer;
	padding:10px 20px;
	border-radius:5px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	line-height:1.285;/*18px*/
	font-size:0.875em;/*14px*/
	background: none;
	color: #172E55;
	border:none;
	gap:10px;
}
.cLContacts{
	height:40px;
	padding:10px 20px;
	border: 1px solid #172E55;
	background-color:#172E55;
	position:relative;
	border-radius:5px;
	line-height:1.285;/*18px*/
	font-size:0.875em;/*14px*/
	font-weight: 600;
	cursor:pointer;
	color: #fff;
}
.cLContacts::after {
	width: 0;
	height: 0;
	content: "";
	clear: both;
	display: block;
	box-sizing: border-box;
	border-top: 8px solid #172e55;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	position: absolute;
	margin: auto;
	z-index: 9;
	top: 100%;
	right: 0;
	left: 0;
}
.cLtRgt{
	justify-content: flex-end;
	align-items: center;
	align-self: stretch;
	display: flex;
	gap: 20px;
}
.cLtRgt input{
	width:350px;
	height:40px;
	display:block;
	cursor:pointer;
	padding:10px 36px 10px 20px;
	background:#fff url(images/broSearch.png) no-repeat center right 20px;
	border: 1px solid #BABABA;
	border-radius:100px;
	font-family:'Open Sans';
	line-height:1.285;/*18px*/
	font-size:0.875em;/*14px*/
	font-weight: 400;
	color: #000;
}
.sCdBtn{
	border:none;
	cursor:pointer;
	padding: 6px 10px;
	border-radius: 5px;
	background: #E0E0E0;
	font-family:'Open Sans';
	justify-content: center;
	align-items: center;
	line-height:1.357;/*19px*/
	font-size:0.875em;/*14px*/
	font-weight: 400;
	color: #172E55;
	display: flex;
	gap: 10px;
}

.tableBox{
	width: 100%;
	padding:20px;
	background: rgba(255, 255, 255, 0.75);
	border-radius: 10px;
}
.tblBoxIn{
	width: 100%;
	padding-right:30px;
	position:relative;
}
.pushBtn{
	width:91px;
	padding: 10px 0;
	background: #117F39;
	transform: rotate(90deg);
	border-radius:5px 5px 0 0;
	justify-content: center;
	align-items: center;
	position: absolute;
	line-height:1.357;/*19px*/
	font-size:0.875em;/*14px*/
	font-weight: 400;
	cursor:pointer;
	display: flex;
	color: #FFF;
	right:-34px;
	top:36px;
	gap:10px;
    z-index: 9;
}
.pushBtn svg{
	width:11px;
	line-height:0;
	transform: rotate(-90deg);
}
.tableBox table{
	width:100%;
	border-collapse:collapse;
}
.tableBox table tr:first-child{
	border-top:none;
	background:#F2F2F2;
	color:#000;
}
.tableBox table th{
	text-align:center;
	display:none;
}
.tableBox table th > svg{
	width:16px;
	line-height:0;
}
.tableBox table th strong{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
.tableBox table th strong svg{
	width:12px;
	line-height:0;
}


.tableBox table td{display:block}
.tableBox table td:first-child{margin-top:5px}
.tableBox table td:last-child{margin-bottom:5px}
.tableBox table td:before{
	width:100px;
	content:attr(data-th) ":";
	display:inline-block;
	font-weight:bold;
	color:#000;
}
.tableBox table td{text-align:left}
.tableBox table{
	color:#333;
	border-radius:.4em;
	overflow:hidden;
}
.tableBox table tr{border-color:#bfbfbf}
.tableBox table th,
.tableBox table td{
	border-left:1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF; 
}
.tableBox table th{border-top:none}

.tableBox .draggable{
	width:100%;
	height: 100%;
	background: #E0E0E0;
	justify-content: center;
	align-items: center;
	position:absolute;
	cursor:pointer;
	display:flex;
	left:0;
	top:0;
}
.tableBox .draggable svg {
    width: 15px;
    line-height: 0;
    margin-right: 0;
    min-width: 15px;
}
.picBox{
	width:45px;
	height:45px;
	border-radius:10px;
	background: url(<path-to-image>) lightgray -9.526px -13.016px / 164.832% 244.612% no-repeat;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.10);
	position:relative;
	margin:auto;
}
.picBox img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.webWitb {
    display: block;
    max-width: 146px;
    word-wrap: break-word;
    text-align: left;
}
.profileBox span,
.profileBox a,.activitiesss a{
    display: block;
}
.profileBox span + span,
.activitiesss a + a{
    padding-top: 5px
}
.tableBox table td a{
    color: #172E55;
    text-decoration: underline;
}

.tableBox tr td[data-th="Email"] a,
.tableBox tr td[data-th="Phone"] a{
    text-decoration: none;
}
.tableBox tr:nth-child(odd) td[data-th="Email"],
.tableBox tr:nth-child(odd) td[data-th="Phone"]{
    color: #A6A6A6;  
}
.tableBox tr:nth-child(odd) td,
.tableBox tr:nth-child(odd) td a {
    color: #A6A6A6;
}
.tableBox tr:nth-child(odd):hover td,
.tableBox tr:nth-child(odd):hover td a {
    color: #172E55;
    text-decoration: none
}
.tableBox table td a.webWitb{
    color: #172E55;
    text-decoration: underline;
}

.tableBox .moveRow  table tr:first-child {
    background: none;
    border: none;
    color: #404040;
}

.tableBox .moveRow table td:first-child {
    width: inherit;
    min-width: inherit;
    max-width: inherit;
    position: relative;
    border-left: none;
    padding: 0;
}
.tableBox .moveRow table td {
    border-left: 0px solid #BFBFBF;
    border-top: 0px solid #BFBFBF;
}

/* ======== Contact Table/Widgets  ============ */
.cReInfBox .pushBtn {
    width: 110px;
    padding: 8px 0;
    background: #172E55;
    transform: rotate(90deg);
    right: -34px;
    top: 50px;
}
.contTbWdArea {
    background: #fff;
    padding: 20px;
    font-size:0.875em;
    border-radius: 10px;
}
.contTbWdTop {
    display: flex;
    padding: 6px 10px;
    justify-content: space-between;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.10);
    align-items: center;
    border-radius: 5px;
    background: #FFF;
}

.contTbWdTlft {
    display: flex;
    gap: 5px 10px;
    align-items: center;
    border-right: 1px solid #B5B5B5;
    position: relative;
    padding-right: 20px;
}
.contTbWdTlft {color: #172E55;}

.contTbWdTRit {
    gap: 10px;
    padding-left: 20px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    display: flex;
}

.scSv {
    gap: 10px;
    display: flex;
    color: #172E55;
    padding: 6px 10px;
    text-align: right;
    border-radius: 5px;
    align-items: center;
    border: 1px solid #F3F3F3;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #E6E6E6 100%);
    font-family: "Open Sans";
    line-height: normal;
    font-style: normal;
    font-weight: 400;
    font-size:0.875em;
}

.contTbWdTRit .selectBox {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.eRdBtns {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    gap: 10px;
}
.eRdBtn {
    display: flex;
    color: #172E55;
    border-radius: 5px;
    padding: 10.5px 10px;
    background: linear-gradient(180deg, #FFF 0%, #E0E0E0 100%);
    box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.10);
    font-family: "Open Sans";
    justify-content: center;
    align-items: center;
    border: none;
}
.eRdBtns .eRdBtn {
    flex: 1 0 0;
}
.eRdBtn:hover {
    background: #117F39;
    color: #fff;
}

.cReInfBox {
    margin-top: 30px;
    position: relative;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
}
.cReInfHed {
    color: #000;
    display: flex;
    align-items: center;
    background: #E0E0E0;
    justify-content: center;
    padding: 5px 115px 5px 20px;
    border-radius: 5px 5px 0px 0px;
    line-height: normal;
    position: relative;
    font-weight: 400;
    font-size: 16px;
}

.cReInfHed .cReInfHedRst {
    top: 50%;
    right: 20px;
    position: absolute;
    transform: translateY(-50%);
    align-items: center;
    min-width: 95px;
    display: flex;
    gap: 15px;
}
.cReInfHed svg {
    position: absolute;
    right: 20px;
}
.cReInfIn {
    padding: 20px;
    display: flex;
    flex-direction: column;
    color: #000;
    gap: 18px;
}
.cReInfUbtns {
    display: flex;
    align-items: center;
    gap: 10px;
}
.cReInfUbtn {
    display: flex;
    border-radius: 5px;
    padding: 5.5px 10px;
    background: #DCCAAF;
    justify-content: flex-end;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.10);
    text-decoration-line: underline;
    align-items: center;
    line-height: normal;
    text-align: right;
    color: #172E55;
    gap: 10px;
}
.cReInfUbtns .eRdBtn {
    flex: inherit;
    padding: 6.5px 10px;
    width: 89px;
}
.contTbWdArea p {margin: 0;}
.cActE {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cActE p {
    color: #A6A6A6;
    font-weight: 400;
}
.cBrLiflex {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}
.cLcmnBtn {
    display: flex;
    color: #172E55;
    border-radius: 5px;
    font-family: "Open Sans";
    border: 1px solid #172E55;
    background: transparent;
    justify-content: center;
    align-items: center;
    padding: 6px 10px;
    gap: 10px;
}
.cLcmnBtn:hover {
    color: #fff;
    border: 1px solid #117F39;
    background: #117F39
}

.cBrLif {
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    gap: 3px 30px;
    margin: 0;
}
.cBrLif li {color: #000;}
.cBrLif li a {
    color: #172E55;
    text-decoration: underline;
}
.cBrLiflex.cBrLifexCr {align-items: center;}
.cAltBox {
    margin: 0;
    padding: 10px;
    list-style: none;
    flex-direction: column;
    border-radius: 5px;
    background: #F5F5F5;
    display: flex;
    gap: 10px;
}
.cAltBox li {
    display: flex;
    align-items: center;
}
.cAltIcon {margin-right: 20px;}
.cMoBtn {
    gap: 10px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #172E55;
    line-height: normal;
    border-radius: 5px;
    margin-right: 10px;
    font-weight: 400;
    color: #172E55;
}
.cMoBtnAndTxt {
    display: flex;
    align-items: center;
}

.cMoBtnAndTxt span {text-decoration: underline;}
.cAltHed {
    gap: 10px;
    display: flex;
    margin-top: 20px;
    align-items: center;
    text-decoration-line: underline;
    font-weight: 400;
    color: #000;
}
.cAltAdd {
    margin: 0;
    padding: 0;
    list-style: none;
}
.cAltAdd li {
    display: flex;
    align-items: center;
    margin-top: 12px;
    gap: 20px;
}
.cAltAdd .cLcmnBtn {width: 60px;}
.cAltAdd a {
    color: #172E55;
    font-weight: 400;
    text-decoration-line: underline;
    line-height: normal;
}
/*  ============ Frind Box ==========*/
.cAltBoxFlex {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.cFndRitBox {
    display: flex;
    border-radius: 5px;
    background: #F5F5F5;
    align-items: flex-start;
    flex-direction: column;
    padding: 10px;
    gap: 20px;
    flex: 1 0 0;
}
.cFndRit {
    margin:0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 15px;
}
.cFndRit li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    color: #000;
}
.cFndIcon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cFndIcon svg {
    width: 22px;
    text-align: center;
}
.cFndRit li a {text-decoration: underline;}
.cLstLog {
    border-top: 1px solid #B5B5B5;
    width: 100%;
}
.cLstLog p {
    margin-top: 15px;
    color: #000;
}
/*  ============ Frind Box ==========*/
/*  ============ TBL 2  ==========*/
.tdFindBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 136px;
    margin: 0 auto;
    gap: 10px;
}

.tdFin {
    gap: 5px;
    color: #FFF;
    border: none;
    display: flex;
    padding: 6px 10px;
    align-items: center;
    justify-content: center;
    line-height: normal;
    border-radius: 5px;
    font-weight: 600;
    font-size: 12px;
    margin: 0 auto;
}

.btnBg-6FBA00 {background: #6FBA00;}
.btnBg-0655CC {background: #0655CC;}
.btnBg-00A4BA {background: #00A4BA;}
.btnBg-FD7900 {background: #FD7900;}
.btnBg-936B04 {background: #936B04;}
.btnBg-066F10 {background: #066F10;}
.cReInfIn .tableBox {padding: 0;}
.tdFin:hover {background: #172E55}
.tdIconBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.cReInfBox .tblBoxIn {padding-right: 0;}
/*  ============ TBL 2 ==========*/

.cWeblnk {
    display: flex;
    align-items: center;
    line-height: normal;
    margin-top: 15px;
    color: #000;
}

.cWeblnk span {
    display: flex;
    align-items: center;
}
.cWeblnk span svg {margin-right: 10px;}
.cWeblnk a {
    color: #172E55;
    text-decoration-line: underline;
}
.cReLsTs {
    display: flex;
    gap: 29px;
}
.cReLsTs.cReLsTsbrd {
    border-top: 1px solid #BFBFBF;
    margin-top: 5px;
    padding-top: 20px;
}
.cReLsTs .cLcmnBtn {border: 1px solid #999;}
.cReLsTs .cLcmnBtn.active {
    font-weight: 600;
    border: 1px solid #172E55;
}
.dtTextleft {
    text-align: left;
    padding-left: 10px;
    max-width: 100px;
}
.dtTextleft .tdFin {margin: 10px 0 0 0px;}
/* ======== Contact Table/Widgets  ============ */
/* ======== Follow Up Css ============ */
.cReInfInhed {
    border-radius: 5px;
    background: #172E55;
    display: flex;
    padding: 6px 20px;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.cReInPro {
    gap: 10px;
    color: #FFF;
    display: flex;
    align-items: center;
    font-weight: 400;
}

.tdCallTmBtn {
    display: flex;
    padding: 6px 16px;
    border-radius: 5px;
    background: #BDF2FF;
    justify-content: flex-end;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.10);
    align-items: center;
    font-weight: 400;
    border: none;
    color: #000;
    gap: 10px;
}
.tdCalAroDn {
    background: transparent;
    border: none;
}

.tdCallTmBtn svg {
    width: 18px;
    height: auto;
}

.cReInfInhed {
    display: flex;
    border-radius:5px;
    background: #172E55;
    padding: 6px 40px 6px 20px;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    color: #fff;
    gap: 18px;
}

.cReInPro {
    gap: 10px;
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #FFF;
}
.cReInfInhed .eRdBtn {
    padding: 5px;
    border: 1px solid #F3F3F3;
    background: linear-gradient(180deg, #FFF 0%, #E6E6E6 100%);
    color: #117F39;
    width: 112px;
}
.tdCalAroDn {
    right: 15px;
    border: none;
    transform: translateY(-50%);
    background: transparent;
    position: absolute;
    cursor: pointer;
    top: 50%;
}

.tdCallTmBtn svg {
    width: 18px;
    height: auto;
}
.caLPlnFlx {
    display: flex;
    align-items: center;
    gap: 5px 50px;
}
.cTEA {
    display: flex;
    align-items: center;
    gap: 5px 20px;
}

.cTEA.alITmStart {
    align-items: flex-start;
    gap: 5px 30px;
}

.cTEA .eRdBtn {
    width: 100px;
    color: #117F39;
    border: 1px solid #F3F3F3;
    background: linear-gradient(180deg, #FFF 0%, #E6E6E6 100%);
    padding: 6px 10px;
}

.cTEA a {
    color: #172E55;
    text-decoration-line: underline;
}

.cNextAdd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #BFBFBF;
    padding-bottom: 20px;
}

.cNextAdd .eRdBtn {
    border: 1px solid #B5B5B5;
    background: linear-gradient(180deg, #FFF 0%, #E0E0E0 100%);
    color: #000;
}

.cNextAdd .eRdBtn {
    border: 1px solid #B5B5B5;
    background: linear-gradient(180deg, #FFF 0%, #E0E0E0 100%);
    padding: 8px 10px;
    color: #000;
}

.cNextTip {
    display: flex;
    align-items: center;
    gap: 5px 30px;
}

.cNextTip p {line-height: 1.3;}

.cFlNotBox {
    display:flex;
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 5px;
    background: #F5F5F5;
    gap: 16px;
}

.cFlNotIn {
    color: #172E55;
    line-height: 1.3;
    border-radius: 5px;
    border: 1px solid #B5B5B5;
    background: #ECF9FF;
    align-items: center;
    padding: 5px 10px;
    display: flex;
}

.cFlNotIn a {
    color: #2AA9E0;
    font-weight: 400;
}

.cfInDat {
    gap: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-self: stretch;
    margin-top: -10px;
}

.cfInDat p {
    color: #C4C4C4;
    text-align: right;
    font-style: italic;
}

.cFSwM {
    gap: 20px;
    display: flex;
    padding: 10px 0px;
    align-self: stretch;
    justify-content: center;
    align-items: flex-start;
    border-bottom: 1px solid #BFBFBF;
    border-top: 1px solid #BFBFBF;
    font-family: "Open Sans";
    background: #F5F5F5;
    border: none;
    color: #000;
}
.cFSwM .cFMLs {
    color: #172E55;
    text-decoration-line: underline;
    cursor: pointer;
}
.cFNone {
    gap: 20px;
    display: none;
    flex-direction: column;
    border-top: 2px solid #BFBFBF;
    background: #FFF;
    padding-top: 18px;
}
.cFNone .tdCallTmBtn {background: #FFB3FF;}
.cFNone .tdFin {font-size:0.875em;}
.cFNone .cTEA .eRdBtn {color: #8E8E8E;}
.cReInfBox.addToggle .cFNone {display: flex;}
.cReInfBox.addToggle .cFLess {
    display: inline-block;
    text-decoration: underline;
}
.cFLess,
.cReInfBox.addToggle .cFMore {display: none;}

/* ======== Follow Up Css ============ */
/* ======== Transaction Up Css ============ */
.caLPlnFlx.caLPlngap {gap: 20px;}
.tdCallTx {
    display: flex;
    background: #FFF;
    border-radius: 5px;
    padding: 10.5px 10px;
    justify-content: center;
    box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.10);
    font-family: "Open Sans";
    align-items: center;
    font-size:0.875em;
    border: none;
    gap: 5px;
}
.cTEABtn {
    gap: 10px;
    display: flex;
    font-size: 14px;
    align-items:center;
    border-radius: 5px;
    padding: 5.5px 10px;
    border: 1px solid #BFBFBF;
    box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.15);
    font-family: "Open Sans";
    background: transparent;
    font-weight: 400;
    color: #404040;
}
.cTEATag {
    display: flex;
    align-items: center;
    gap: 20px;
}
.cTEATag a {
    display: flex;
    background: #F9F9F9;
    border-radius: 100px;
    border: 1px solid #172E55;
    text-decoration: none;
    align-items: center;
    padding: 6px 10px;
    color: #172E55;
    gap: 10px;
}
.cFlNotInFlx {
    display: flex;
    gap: 20px;
}
.cFlNotInFlx > p {
    width: 142px;
}

.cFlNotInFlx .cFlNotIn {width: 75%;}
.cReInfInhed.cReInfInInhed {
    border-top: 2px solid #BFBFBF;
    border-bottom: 2px solid #BFBFBF;
    background: #F2F2F2;
    gap: 30px;
    border-radius: 0;
}
.cReInfInhed.cReInfInInhed p {color: #172E55;}
.eRdBtn.btnCl-8E8E8E {color: #8E8E8E;}
.cReInfInhed .eRdBtn.btnCl-ED1C24 {color: #ED1C24;}
.cFNone.cFNoneIn {
    border: none;
    gap: 0;
}
.cFNone.cFNoneIn:last-child + .cFSwM {margin-top: 10px;}
.cReInfInIn {
    display: none;
    padding: 20px 0 0;
    flex-direction: column;
    color: #000;
    gap: 18px;
}

.addToggle#cFNoneInIn1 .cReInfInIn,
.addToggle#cFNoneInIn2 .cReInfInIn,
.addToggle#cFNoneInIn3 .cReInfInIn {display: flex;}
.cFNoneIn.addToggle .tdCalAroDn {transform: translateY(-50%) rotate(180deg);}

/* ======== Transaction Up Css ============ */
/* ======== Meetings & Showings Css ============ */
.cRmTSw {
    gap: 10px;
    flex-direction: column;
    border-bottom: 1px solid #BFBFBF;
    padding-bottom: 20px;
    display: flex;
}
.cRmTSw > p {
    display: flex;
    align-items: center;
    gap: 2px 15px;
}
.cRmTSwIn {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    gap: 10px;
}

.cRmTSwInItms {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cRmTSwInItm {
    display: flex;
    align-items: center;
    gap: 2px 40px;
}

.cRmTSwInItms .cRmTSwIact {
    display: flex;
    align-items: center;
    gap: 0 10px;
}

.cRmTSwInItms a {
    display: flex;
    align-items: center;
    gap: 0 10px;
}

.cRmTSwInItms img {border-radius: 2px;}
.cRmTSwInItms a span {
    color: #172E55;
    text-decoration: underline;
}
.cRmTSwInItms a span:hover {
    color: #172E55;
    text-decoration: none;
}
.cROkImgs {
    display: flex;
    gap: 15px;
}
.cROkImg {
    display: flex;
    align-items: center;
    gap: 10px;
}
.cRmTSwIact.cRmTUrnt {color: #ED1C24;}
.color-003DA5 {color: #003DA5;}
.color-8E8E8E {color: #8E8E8E;}
.color-FF9D14 {color: #FF9D14;}
.tableBox tr td[data-th="Name"] {text-align: left}
.tableBox .cReInfIn tr td[data-th="Status"] {text-align: left}
/* ======== Meetings & Showings Css ============ */

/*----- Flex Popup ------*/
.contTbWdArea{display: none;}
.cTblContWdEx .contTbWdArea {
    width: 50%;
    border-radius: 0 10px 10px 0; 
    display: block;
}
.cTblContWdEx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cTblContWdEx > .tableBox {
    width: 50%;
    overflow: hidden;
    height: 100%;
    border-radius: 10px 0 0 10px;
}
.cTblContWdEx > .tableBox .tblBoxIn>  .pushBtn{display: none;}
.cTblContWdEx > .tableBox table tr td:nth-child(4) {min-width: 170px;}
.cTblContWdEx > .tableBox table tr td:nth-child(5) {min-width: 140px;}
.cTblContWdEx > .tableBox table tr td:nth-child(6) {min-width: 170px;}

/*----- Flex Popup ------*/
/*--16 inches × 13 inches--*/
@media (min-width:1280px) and (max-width:1920px){
	.contactList{
		padding:0 1.5625vw 1.5625vw; /* 30 / 1920 */
		font-size:0.750000000000000vw; /* 16 / 1920 */
		gap:1.5625vw; /* 30 / 1920 */
	}
	.cListTab{
		width:calc(100% + 3.125vw); /* 60 / 1920 */ 
		margin-right:-1.5625vw; /* 30 / 1920 */
		margin-left:-1.5625vw; /* 30 / 1920 */
	}
	.cListTab li{padding:0.67708333333333336vw 3.0208333333333334vw}/*13 / 58 / 1920 */ 
	.cLtLft{gap:1.0416666666666666vw} /* 20 / 1920 */
	.cLBtn select{
		height:2.0833333333333332vw; /* 40 / 1920 */ 
		padding:0.5208333333333333vw 1.6666666666666666vw;/* 10-32 / 1920 */ 
		padding-left:calc(1.0416666666666666vw + 16px);/* 20 / 1920 */ 
		background-position:center right 0.5208333333333333vw; /* 10 / 1920 */
		background-size:0.7291666666666667vw auto; /* 14 / 1920 */ 
	}
	.cLBtn input[type="checkbox"] {left:0.5208333333333333vw} /* 10 / 1920 */ 
	.cLBtn button{
		height:2.0833333333333332vw; /* 40 / 1920 */ 
		padding:0.5208333333333333vw 1.0416666666666666vw; /* 10-20 / 1920 */
		gap:0.5208333333333333vw; /* 10 / 1920 */ 
	}
	.cLContacts{
		height:2.0833333333333332vw; /* 40 / 1920 */ 
		padding:0.5208333333333333vw 1.0416666666666666vw; /* 10-20 / 1920 */
        line-height: 1;
	}
	.cLContacts::after {
		border-top:0.36458333333333334vw solid #172e55;
		border-left:0.36458333333333334vw solid transparent;
		border-right:0.36458333333333334vw solid transparent;
	}
	.cLtRgt{gap:1.0416666666666666vw} /* 20 / 1920 */
	.cLtRgt input{
		width:18.229166666666666vw; /* 350 / 1920 */
		height:2.0833333333333332vw; /* 40 / 1920 */
		padding:0.5208333333333333vw 1.875vw 0.5208333333333333vw 1.0416666666666666vw; /*10-36-10-20 / 1920 */
		background-position:center right 1.0416666666666666vw; /* 20 / 1920 */
		background-size:0.9375vw auto; /* 18 / 1920 */ 
	}

	.tableBox{padding:1.0416666666666666vw} /* 20 / 1920 */
	.tblBoxIn{padding-right:1.5625vw} /* 30 / 1920 */
	.pushBtn{
		width:4.739583333333333vw; /* 91 / 1920 */ 
		padding:0.5208333333333333vw 0; /* 10 / 1920 */ 
		gap:0.5208333333333333vw; /* 10 / 1920 */ 
		right:-1.7708333333333333vw; /* 34 / 1920 */
		top:1.875vw; /* 36 / 1920 */ 
	}
	.pushBtn svg{width:0.5729166666666666vw} /* 11 / 1920 */ 
    .cReInfBox .pushBtn {
    right: -71px;
}
    .tdFindBtn {
    gap: 0.5208333333333334vw;
    max-width: 7.083333333333333vw;
}
   .tdFin {
    padding: 0.3125vw 0.5208333333333334vw;
    gap: 0.2604166666666667vw;
    font-size: 0.625vw;

}
    .tdCallTmBtn {
    padding: 0.3125vw 0.8333333333333334vw;
    gap: 0.5208333333333334vw;
    font-size: 0.7291666666666666vw;
}
    
    
/* ========= */
    .contTbWdArea{
        font-size: 0.7291666666666666vw
    }
    .contTbWdTop {
    padding: 0.3125vw 0.5208333333333334vw;
}
    .contTbWdTlft {
    gap: 0.2604166666666667vw 0.5208333333333334vw;
    padding-right: 1.0416666666666667vw;
}
    .scSv {
    gap: 0.5208333333333334vw;
    color: #172E55;
    padding: 0.3125vw 0.5208333333333334vw;
   font-size: 0.7291666666666666vw
}
    .contTbWdTRit {
    gap: 0.5208333333333334vw;
    padding-left: 1.0416666666666667vw;
}
    .contTbWdTRit svg {
    width: 0.46875vw;
}
    .eRdBtn,.cReInfUbtn {
    padding: 0.5208333333333334vw  0.5208333333333334vw;
}
.cReInfHed{
       font-size: 0.8333333333333334vw 
    }
    .cReInfUbtns .eRdBtn{
        padding:0.3125vw 0.5208333333333334vw;
        width: 4.635416666666667vw
    }
    .cReInfIn {
    padding: 1.0416666666666667vw;
    gap:  0.9375vw
}
    .cBrLiflex {
    gap: 1.5625vw;
}
    .cBrLif {
    gap: 0.15625vw 1.5625vw

}
.cWeblnk {
    margin-top: 0.78125vw;
}
    .cLcmnBtn,.cTEA .eRdBtn {
    padding: 0.3125vw 0.5208333333333334vw;
}
    .cLcmnBtn {gap: 0.5208333333333334vw;}

    .cNextAdd .eRdBtn {
    padding: 0.4166666666666667vw 0.5208333333333334vw;
    color: #000;
}
    .tdCalAroDn {
    right: 0.48125vw;
}
    .cReInfInhed {
    padding: 0.3125vw 2.0833333333333335vw 0.3125vw 1.0416666666666667vw;
}
   .tdCalAroDn svg {
    width: 0.8333333333333334vw;
}
    .cReInfHed svg {
    right: 1.0416666666666667vw;
}
    .cReInfHed .cReInfHedRst {
    right: 1.0416666666666667vw;
    gap: 0.78125vw;
    min-width: 4.947916666666667vw;
}
    .cTEABtn {
    gap: 0.5208333333333334vw;
    font-size: 0.7291666666666666vw;
    padding: 0.2604166666666667vw 0.5208333333333334vw;
}
    .cTEATag a {
    padding: 0.3125vw 0.5208333333333334vw;
    gap: 0.5208333333333334vw;
}
    .cRmTSwInItm {;
    gap: 0.10416666666666667vw 2.0833333333333335vw;
}
    .cTEATag a svg {
    width: 0.8333333333333334vw;
    height: auto;
}
     .cReInfHed .cReInfHedRst svg {right: 0;}
}
@media screen and (max-width:1279px) {
    .contactList {padding: 0 15px 30px 15px;}
    .tblBoxIn .pushBtn { display: none}
    .tblBoxIn {
        overflow-x: scroll;
        padding-right: 0;
    }
    .tableBox table {width: 1279px;}
    .tableBox table,
    .tableBox .agree label {font-size: 12px;}
    .cTblContWdEx {
        display: inherit;
        margin: 20px 0;
    }
    .cTblContWdEx > .tableBox,
    .cTblContWdEx .contTbWdArea {
        width: 100%;
        border-radius: 10px;
    }
    .cReInfIn .tableBox table {width: 100%;}
    .cTblContWdEx > .tableBox table tr td:nth-child(4),
    .cTblContWdEx > .tableBox table tr td:nth-child(5),
    .cTblContWdEx > .tableBox table tr td:nth-child(6) {min-width: 50px;}
    .pushBtn svg {width: 8px;}
    .cReInfBox .pushBtn {
        width: 100px;
        padding: 5px 0;
        right: -64px;
        font-size: 12px;
    }
    .cLtRgt {
        width: 100%;
        margin-top: 20px;
    }
    .cLtRgt input {width: 230px;}
    .moveR0Pagi .pagination {padding: 20px 0 20px;}
}

@media screen and (max-width:1023px) {
    .contTbWdTlft {padding-right: 10px;}
    .contTbWdTRit { padding-left: 10px;}
}

@media screen and (max-width:601px) {
    .tableBox table tr:nth-child(2) {border-top: none;}
}

@media screen and (min-width:600px) {
    .tableBox table tr:hover:not(:first-child) {background-color: #DCCAAF}
    .tableBox table td:before {display: none;}
    .tableBox table th,
    .tableBox table td {
        padding: 10px;
        text-align: center;
        display: table-cell;
    }
    .tableBox table th:first-child {border-left: none}
    .tableBox table td:first-child {
        width: 30px;
        min-width: 30px;
        max-width: 30px;
        position: relative;
        border-left: none;
        padding: 0;
    }
    .cReInfBox .tableBox table tr td {padding: 10px 0 10px 4px;}
}

@media screen and (max-width:767px) {
    .cReInfIn {padding: 20px 15px;}
    .cLtRgt,
    .contTbWdTop,
    .contTbWdTlft,
    .cLtLft,
    .eRdBtns,
    .cReInfUbtns,
    .contTbWdTRit,
    .cActE,
    .cBrLiflex,
    .cAltBoxFlex,
    .cMoBtnAndTxt,
    .cWeblnk,
    .cTEA,
    .cAltAdd li,
    .cReInfInhed,
    .caLPlnFlx,
    .cNextAdd,
    .cfInDat,
    .cNextTip,
    .cFSwM,
    .cTEATag,
    .cRmTSwInItms,
    .cRmTSwInItm {flex-wrap: wrap;}
    .cLBtn,
    .cLBtn select,
    .cLContacts,
    .sCdBtn,
    .cLtRgt input,
    .contTbWdTlft,
    .eRdBtns .eRdBtn,
    .cAltLftBox,
    .cFndRitBox,
    .cRmTSwInItms .cRmTSwIact,
    .cRmTSwInItms .cRmTSwInItm strong,
    .cROkImgs {width: 100%;}
    .contTbWdTlft .selectBox {max-width: 100%;}
    .contTbWdTlft {
        padding-right: 10px;
        border: none;
    }
    .contTbWdTRit {
        justify-content: flex-start;
        padding-left: 0;
    }
    .eRdBtns .eRdBtn {flex: inherit;}
    .cReInfHed {
        padding: 5px 115px 5px 10px;
        font-size: 14px;
    }
    .cBrLiflex,
    .cReLsTs {gap: 10px;}
    .cAltBox li {align-items: flex-start;}
    .cAltIcon {margin-right: 10px; }
    .cMoBtnAndTxt span {margin-top: 5px;}
    .cAltAdd li {gap: 3px 10px;}
    .cWeblnk {margin-top: 0;}
    .cWeblnk a {line-break: anywhere;}
    .tdFin {margin: 0;}
    .tdFindBtn {gap: 5px;}
    .cReInfInhed {
        padding: 6px 40px 6px 15px;
        gap: 2px 20px;
    }
    .caLPlnFlx {gap: 5px 50px;}

    .cfInDat,
    .cFSwM {gap: 0 5px;}
    .caLPlnFlx.caLPlngap { gap: 6px 10px;}
    .cTEATag {gap: 10px 20px;}
    .cTEATag a svg {width: 12px;}
    .cRmTSwInItms {gap: 2px 30px;}
    .cROkImgs { margin-top: 10px;}
}
@media screen and (max-width:599px) {
    .cListTab li {
        font-size: 0.9000em;
        padding: 12px 22px;
    }
    .tableBox table {width: 100%;}
    .tableBox table tr {
        position: relative;
        display: block;
    }
    .tableBox table td {
        display: flex;
        padding: 5px 0 5px 24px;
        align-items: center;
    }
    .cReInfIn .tableBox table td {padding: 5px 0 5px 10px;}
    .tableBox table,
    .tableBox .agree label {font-size: 12px;}
    .tableBox .draggable {
        width: inherit;
        height: 100%;
    }
    .picBox {margin: 0;}
    .tableBox tr td[data-th="Agent"] {display: none}
    .tdCallTmBtn {
        gap: 5px;
        padding: 5px 6px;
        font-size: 12px;
    }
    .tdFin {
        padding: 6px;
        font-size: 10px;
        gap: 4px;
    }
    .tdCallTmBtn svg {width: 10px;}
    .tblBoxIn .tdCallTmBtn {
        margin: 0 auto;
        margin-bottom: 4px;
    }
    .dtTextleft {
        max-width: 54%;
        padding-left: 0;
    }

    .tdFindBtn {
        margin: 0;
        max-width: 54%;
        justify-content: flex-start;
    }
    .contTbWdArea {font-size: 0.75em;}
    .cFlNotInFlx {
        flex-wrap: wrap;
        gap: 5px 20px;
    }
}