.vaultHeader .vaultSearch {display:none;}

.legacyVidLogoContainer {font-size: 16px; margin:0 20px; text-shadow:1px 1px 2px #000;max-width:500px;}
.legacyVidLogoContainer .logo span:nth-of-type(1) {font-size: 32px;font-family: 'Montserrat', sans-serif;font-weight: 700;text-transform: uppercase;color: #ff670f; display:inline-block;}
.legacyVidLogoContainer .logo span:nth-of-type(2) {font-size: 32px;color: #fff; display:inline-block;}

.legacyCompanyHeader {margin-bottom:20px;}
.legacyCompanyHeader .title {font-weight:500; font-size:22px;}
.legacyCompanyHeader .select {display:inline-block; vertical-align:top; width:250px; margin-right:10px;}
.legacyCompanyHeader .legacyCompanySearchContainer {display:inline-block; vertical-align:top;  width:400px; position:relative;}
.legacyCompanyHeader #search-criteria.active {border-bottom:0; border-radius:4px 4px 0px 0px;}

.legacyCompanyHeader #legacyCompanyDropContainer {position: absolute; z-index:999;width: 100%;max-height: 300px;overflow: auto;border: 1px solid #ddd; border-top:0; border-radius:0 0 4px 4px;}
.legacyCompanyHeader #legacyCompanyDropContainer > div {padding:10px; border-bottom:1px solid #ddd; cursor:pointer; background:#fff;}
.legacyCompanyHeader #legacyCompanyDropContainer > div:hover {background: #fff9f4;color: #ff670f;}


.legacyCompanyPanelContainer {margin:10px 0; display:flex; flex-wrap:wrap;}
.legacyCompanyPanelContainer > div {
	border:1px solid #ddd; border-radius:4px; padding:20px; width:calc(25% - 10px); margin:5px; text-align:center; position:relative;display:flex; flex-direction:column;
}
.legacyCompanyPanelContainer > div > div {}
.legacyCompanyPanelContainer > div .title {font-weight:500; font-size:18px;}
.legacyCompanyPanelContainer > div .companyInfoContainer {flex:1 1 auto;}
.legacyCompanyPanelContainer > div .editdeleteBtns {margin-top:10px;}
.legacyCompanyPanelContainer > div .editdeleteBtns i { cursor:pointer; color:#ff670f; font-size:18px; display:inline-block; margin: 0 10px;}


.legacyLetterVP button {cursor: pointer;background: #fff;border: 1px solid #ccc;padding: 6px 20px;border-radius: 4px;font-size: 14px;color: #ff670f;font-weight:500;}

#executorContainer {padding:0;}
#executorContainer > div {padding: 20px;background: #fff;max-width: 1200px;margin: 0 auto;margin-top:-72px; position:relative;}
#executorContainer .title {font-weight:500; font-size:22px;}
#executorContainerIMG {overflow:hidden; display:block;}
#executorContainerIMG img {object-fit:cover; width:100%;}
#executorInfoContainer {margin-bottom:20px;}
#executorInfoContainer input {margin-bottom:10px;}

#executorInfoText {display:none; border-radius:5px;border: 1px solid #ddd; padding:20px 20px 10px 20px;}
#executorInfoText p {}
#executorInfoText label {display:inline-block; vertical-align:middle; width:120px;}
#executorInfoText span {display:inline-block; vertical-align:middle; width:calc(100% - 120px);}
#executorInfoForm {display:none;}
#executorInfoForm > div {display:flex; flex-wrap:wrap; gap:10px}
#executorInfoForm > div input {width:calc(33.3333333% - 10px);}



#executorLetterContainer {}

#descriptionBtns {display:inline-flex; margin:10px auto 0 auto;overflow: auto; width:100%;}
#descriptionBtns .intLink {
	cursor: pointer; padding:5px; width:35px; min-width:35px; border:1px solid #ddd; border-right:none; border-bottom:0; text-align:center; line-height:1em;  background:#fff;
	display: flex;flex-direction: column;justify-content: center;
}
#descriptionBtns .intLink a {font-size:14px; color:#000;}
#descriptionBtns .intLink svg {height:14px; fill:#000;}
#descriptionBtns .intLink label {cursor: pointer;}
#descriptionBtns .intLink .select {border:0;}
#descriptionBtns .intLink .select:after {right:10px;}
#descriptionBtns .intLink .select select {font-size:12px; padding:4px 10px;}
#descriptionBtns .intLink.fontSelector {width:150px; min-width:150px; padding:0;}
#descriptionBtns .intLink.fontSize {width:120px; min-width:120px; padding:0;}
#descriptionBtns .intLink:first-child {border-radius:4px 0 0 0;}
#descriptionBtns .intLink:last-child {border-right:1px solid #ddd; border-radius:0 4px 0 0;}


#legacyLetterSaveBtn {text-align:center;}
#legacyLetterSaveBtn a {display:inline-block; border:1px solid #ddd; padding:5px 20px; border-radius:5px;}

#executorLetterForm,#executorLetterText {display:none;}
#executorLetterText {border-radius:5px;border: 1px solid #ddd; padding:20px 20px 10px 20px;}
#legacyLetterTextBox {background:#fff; max-width:100%; padding:20px; border:1px solid #ddd; border-radius:0px 4px 4px 4px;}
#legacyLetterTextBox > div {min-height:400px;overflow:auto;position: relative;height: 100%;}
#legacyLetterTextBox > div a {font-family: inherit; font-weight:normal;}
#legacyLetterTextBox > span {display:block; text-align:right; margin-top:10px;}
#executorLetterText a {font-family: inherit; font-weight:normal;}


#messagesTable #messagesTableRows {border-collapse: collapse;width: 100%;display:table;margin-bottom: 25px;}
#messagesTable #messagesTableRows > div {display:table-row; border-bottom: 1px solid #f2f2f2;}
#messagesTable #messagesTableRows > div > div {padding: 10px;white-space: nowrap; display:table-cell;}
#messagesTable #messagesTableRows > div:nth-of-type(1) {text-align: left;font-weight:500;}





#addNewPeople #addNewPeopleBoxes {display:none;}
#addNewPeopleMessageTxtContainer {display:none;}
#addNewPeopleMessageAudioContainer {display:none;}
#addNewPeopleMessageTxt {height:250px; font-size:12px;}

#addNewPeopleDisplayDetails > div {padding:5px 0; font-size:16px;}
#addNewPeopleDisplayDetails > div > span:nth-of-type(1) {display:inline-block; vertical-align:middle; width:25px; text-align:center; font-size:18px;}
#addNewPeopleDisplayDetails > div > span:nth-of-type(2) {width:calc(100% - 25px); display:inline-block; vertical-align:middle; padding-left:10px;}
#addNewPeopleDisplayDetails > div.message {max-height:250px; overflow:auto; font-size:12px; margin-top:10px;}
#addNewPeopleDisplayDetails a {font-weight:normal;}
#addNewPeopleDisplayDetails > button {margin-top:15px;}

#addNewPeopleDisplayDetails > div.SVaudioPlayer > span {display:none !important;}



#addNewPeopleMessage .dropTitle {padding:10px; border-bottom:1px solid #ddd; cursor:pointer;}
#addNewPeopleMessage .dropTitle i {vertical-align:middle; font-size:18px; margin-right:10px; width:25px; text-align:center;}
#addNewPeopleMessage .dropTitle span {display:inline-block; vertical-align:middle;}
#addNewPeopleMessage .drop { margin-top:10px; display:none;}

/* AUDIO*/
#recordMediaContainer {text-align:center; margin:20px 0 10px 0; font-size:18px; font-weight:500;}
audio {width:100%; display:none;}
button.recordBtn {
    border:0; background:#f1f3f4; font-size:42px; color:#000; border-radius:50%; cursor:pointer; margin:0 auto; display:inline-flex; height:80px; width:80px; 
	justify-content:center; align-items:center;
}
button.recordBtn[disabled] {display:none;}
button.recordBtn.js-stop {background:#ff670f;color:#fff;animation: pulse 2s infinite;}
@-webkit-keyframes pulse {
	0% {-webkit-box-shadow: 255 103 15 0 rgba(255,103,15, 0.8);}
	70% {-webkit-box-shadow: 255 103 15 10px rgba(255,103,15, 0);}
	100% {-webkit-box-shadow: 255 103 15 0 rgba(255,103,15, 0);}
}
@keyframes pulse {
	0% {-moz-box-shadow: 0 0 0 0 rgba(255,103,15, 0.8);box-shadow: 0 0 0 0 rgba(255,103,15, 0.8);}
	70% {-moz-box-shadow: 0 0 0 10px rgba(255,103,15, 0);box-shadow: 0 0 0 10px rgba(255,103,15, 0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(255,103,15, 0);box-shadow: 0 0 0 0 rgba(255,103,15, 0);}
}
.blink_me {animation: blinker 1s linear infinite; color:#ff0000;}
@keyframes blinker {50% {opacity: 0;}}

input[type=range] {-webkit-appearance: none;width: 100%;background: transparent;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;}
input[type=range]:focus {outline: none;}
input[type=range]::-ms-track {width: 100%;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}

input[type=range] {-webkit-appearance: none;width: 100%;height:3px;background: #dddddd;outline: none; border-radius:3px;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width:15px;height: 15px;background:#fff; border:2px solid #ddd;cursor: pointer;border-radius:50%;}
input[type=range]::-moz-range-thumb {width:15px;height:15px;background:#fff; border:2px solid #ddd;cursor: pointer;}

.SVaudioPlayer {display:none; margin:20px 0 10px 0; position:relative;}
.SVaudioPlayer > div {border:1px solid #ddd;font-size:14px; color:#999;background:#fff; padding:15px 25px; text-align:left; border-radius:10px; max-width:100%}
.SVaudioPlayer > div .playPause {display:inline-block; width:60px;}
.SVaudioPlayer > div .playPause button {
	border:0; padding:0;  background:transparent; font-size:14px; color:#ff670f; border:1px solid #ff670f; border-radius:50%; cursor:pointer;  height:50px; width:50px;
	display:inline-flex; justify-content:center; align-items:center;
}
.SVaudioPlayer > div .playPause button[disabled] {display:none;}
.SVaudioPlayer > div .seeker {display:inline-block; width:calc(100% - 100px); white-space:nowrap; display:inline-flex;justify-content:center; align-items:center;}
.SVaudioPlayer > div .seeker #seekbar {margin:0 10px;}
        
.SVaudioPlayer > div .mute {display:inline-block; width:40px; text-align:right;}
.SVaudioPlayer > div .mute button {
	border:0; background:transparent; font-size:14px; color:#ff670f; cursor:pointer;display:inline-flex; justify-content:center; align-items:center; padding:10px 20px;
}
#deleteAudio {display:block;margin-top:10px; text-align:center;}
#deleteAudio button {
	border:1px solid #ddd; padding:10px 20px; border-radius:4px; background:#fff; color:#ff670f; font-size:14px; margin:0 5px; display:inline-block; width:auto; cursor:pointer;
}
#saveRedo {display:block;margin-top:10px; text-align:center;}
#saveRedo button {
	border:1px solid #ddd; padding:10px 20px; border-radius:4px; background:#fff; color:#ff670f; font-size:14px; margin:0 5px; display:inline-block; width:auto; cursor:pointer;
}
#updateSpinnerAudio {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;display:none; text-align:center; z-index:9}
#updateSpinnerAudio > div {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#updateSpinnerAudio > div {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:500; font-size:18px;}
#updateSpinnerAudio > div img {height:100px;}
/* AUDIO*/

#peoplesTable {display:flex; flex-wrap:wrap; margin-bottom:150px;}
#peoplesTable > div {
	width:calc(33.333333333% - 10px); margin:0px 5px 10px 5px; padding:20px; border:1px solid #ebebeb; border-radius:5px 10px 5px 5px; 
	position: relative; display:flex; flex-direction:column;
}
#peoplesTable .peopleCat {position:absolute; top:-3px; right:-3px;padding: 3px 10px;border-radius:5px; font-size:12px;font-weight:500;}
#peoplesTable .peopleCat.purple {background: #ffc7ff;color: #5d005e;}
#peoplesTable .peopleCat.green {background: #c7ffcb;color: #0b6600;}
#peoplesTable .peopleCat.blue {background: #d6dfff;color: #001fff;}
#peoplesTable .peopleCat.orange {background: #ffe4b2;color: #df6700;}
#peoplesTable .peopleTitle  {font-size:16px; font-weight:500; margin-top:10px;}
#peoplesTable .peopleRelation  {font-size:12px; margin-bottom:10px;}
#peoplesTable .hover  {overflow:hidden; position:relative; white-space:nowrap; display:block;}
#peoplesTable .hover > div {
	white-space: nowrap;position: relative;overflow: hidden;text-overflow:ellipsis;left: 0%;width: 100%; position:relative; display:block;
    /*-webkit-transition: left 1s, width 3s; -moz-transition: left 3s, width 3s;transition: left 3s, width 3s;*/
}
#peoplesTable .peopleContactDetails {color:#666; font-size:12px; margin-bottom:10px;}
#peoplesTable .peopleContactDetails > div {margin-bottom:2px;}
#peoplesTable .peopleIcons {display:flex;align-items: end; flex: 1 1 auto; }
#peoplesTable .peopleIcons a {font-size:18px; color:#000; vertical-align:middle; margin-right:20px;}
#peoplesTable .peopleIcons a.fa-phone {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
#peoplesTable .kebabContainer {position: relative;margin-left:auto;}
#peoplesTable .kebabContainer > div:nth-of-type(1) {position: relative;padding: 0 10px;cursor: pointer;}
#peoplesTable .kebabContainer img {height: 25px;display: inline-block;vertical-align: bottom;}




#financeContainer {padding:0;}
#financeContainer > div {padding: 20px;background: #fff;max-width: 1200px;margin: 0 auto;margin-top:-72px; position:relative; min-height:200px;}
.financeTableHeader {border-bottom:1px solid #000;}
.financeTableHeader span {display:inline-block; margin:0 2px;padding:8px 25px; font-size:22px; color:#fff; border-radius:15px 15px 0 0; background:#000; font-weight:500; width:calc(100% - 4px); max-width:400px;}
.financeTable {display:table; border-collapse:collapse; margin-bottom:20px; font-size:14px;}
.financeTable .th {font-weight:500; color:#000;}
.financeTable > div {display:table-row;border-bottom: 1px solid #ccc;}
.financeTable > div:nth-of-type(even) {background:#f6f6f6;}
.financeTable > div > div {display:table-cell; padding:15px 15px;}
.financeTable .description {width:100%;}
.financeTable .deposit, .financeTable .payment, .financeTable .balance {text-align:right; padding-left:50px;}

.financeTable .mobile {text-align:right; display:none;}
.financeTable .mobile span {display:block; font-size:12px;}

.financeTable .mobileDate {display:none; font-size:14px; font-weight:500;}
.financeTable .mobileDate > div {background:#f6f6f6; padding:10px 15px;}

.financeTable.totals {font-weight:500;}
.downloadFinanceBill {font-size:14px;font-weight:500;}
.downloadFinanceBill a {color:#000;}
.downloadFinanceBill a i {margin-right:5px;}


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

@media screen and (max-width:1480px) {
	.legacyCompanyPanelContainer > div {width:calc(33.3333333% - 10px);}
	#messagesTable #messagesTableRows > div > div:nth-of-type(2) {width:100%;}
	#messagesTable #messagesTableRows > div > div:nth-of-type(3) {display:none;}
	#messagesTable #messagesTableRows > div > div:nth-of-type(4) {display:none;}
}

@media screen and (max-width:1300px) {
	#peoplesTable > div {width:calc(50% - 10px);}
}



@media screen and (max-width:1180px) {
	.legacyCompanyPanelContainer > div {width:calc(50% - 10px);}
	.legacyCompanyHeader .select {display:block; width:100%; margin-right:0; margin-bottom:10px;}
	.legacyCompanyHeader .legacyCompanySearchContainer {display:block; width:100%;}

	#financeContainer > div {padding:20px 0;}
	.financeTable > div:nth-of-type(even) {background:transparent;}
	.financeTable .description {font-size:16px;}
	.financeTable .mobileDate {display:table-row;}
	.financeTable .mobile {display:table-cell;}
	.financeTable .th {display:none;}
	.financeTable .deposit, .financeTable .payment, .financeTable .balance, .financeTable .date {display:none;}
}





@media screen and (max-width:1068px) {
	#executorContainerIMG img {object-fit:cover;object-position: center; height:350px;}
	#legacyLetterTextBox {border-radius:0px 0 4px 4px;}
	#descriptionBtns .intLink {padding:8px 5px 10px 5px; width:50px; min-width:50px;}
	#descriptionBtns .intLink a {font-size:14px; color:#000;}
	#descriptionBtns .intLink svg {height:14px; fill:#000;}
	#descriptionBtns .intLink .select select {font-size:14px; padding:4px 10px;}
	#descriptionBtns .intLink.fontSelector {width:150px; min-width:150px; padding:0;}
	#descriptionBtns .intLink.fontSize {width:120px; min-width:120px; padding:0;}
	#executorInfoForm > div input {width: calc(50% - 10px);}
	
	#messagesTable #messagesTableRows > div > div:nth-of-type(1) {width:100%;}
	#messagesTable #messagesTableRows > div > div:nth-of-type(2) {display:none;}
}

@media screen and (max-width:932px) {
    #peoplesTable > div {width:100%; margin:0 0 10px 0;}
}
@media screen and (max-width:800px) {
	.vaultHeader .vaultSearchContainer {display:none;}
    #peoplesTable > div {width:calc(50% - 10px);margin: 0px 5px 10px 5px;}
}
@media screen and (max-width:680px) {
    #peoplesTable > div {width:100%; margin:0 0 10px 0;}
    .SVaudioPlayer > div {padding:10px;}
}

@media screen and (max-width:600px) {
	.legacyCompanyPanelContainer > div {width:100%; margin:0 0 10px 0;}
	#executorInfoForm > div input {width:100%;}
	#messagesTable #messagesTableRows > div:nth-of-type(1) {display:none;}
	#messagesTable #messagesTableRows > div {display:block;padding:10px;}
	#messagesTable #messagesTableRows > div > div {display:block;padding:5px 0px;}

}