body {
/*	-webkit-touch-callout: none;                 prevent callout to copy image, etc when tap to hold */
/*	-webkit-text-size-adjust: none;              prevent webkit from resizing text to fit */
	-webkit-user-select: none;       /*            prevent copy paste, to allow, change 'none' to 'text' */
}

.vaultPopup {
	display:flex; height:100%; justify-content:center; align-items:center; min-height:calc(var(--vh, 1vh) * 100);position: fixed;
    top:0; width:100%; height:100%; background:rgba(0,0,0,0.9);z-index:999; overflow:auto; display:none;
}
.vaultPopup > div {
 	background:#fff; border-radius:4px; box-shadow:0px 0 20px rgb(0 0 0 / 40%); border:1px solid #ccc; width:380px; max-width:100%;
	position:relative; max-height:100%; overflow:auto; margin:0 20px;
}
.vaultPopup > div > div {padding:20px;}

.vaultPopup > div #closeVaultPopup {position: absolute;right: 10px;top: 10px;cursor: pointer;font-size: 22px;color: #ff670f;}
.vaultPopup .title {font-family: 'Montserrat', sans-serif;font-size:16px; font-weight:700;}
.vaultPopup button {border:0; background:#ff670f; color:#fff; padding:10px 30px; width:100%; text-align:center; cursor:pointer; border-radius:4px; font-size:16px; font-weight:500;}


.vaultHeader {background:#000; color:#fff; padding:10px 20px; height:60px;}
.vaultHeader .logo {display:inline-block; vertical-align:middle; width:170px;}
.vaultHeader .logo span {display:inline-block; vertical-align:middle;}
.vaultHeader .logo span:nth-of-type(1) {font-family: 'Montserrat', sans-serif;font-size: 22px;font-weight: 700;text-transform: uppercase;color:#ff670f}
.vaultHeader .logo span:nth-of-type(2) {font-size: 22px;}
.vaultHeader .vaultSearchContainer {display:inline-block; vertical-align:middle; width:calc(100% - 170px); text-align:right;}
.vaultHeader .vaultSearch {display:inline-block; width:400px; position:relative;}
.vaultHeader .vaultSearch input {padding:7px 10px;}
.vaultHeader .vaultSearch i.fa-times {position:absolute; right:20px; top:50%; z-index:2; cursor:pointer; color:#333;transform:translate(0,-50%); display:none;}
.vaultHeader .vaultSearch .sButton {position:absolute; right:5px; top:50%; z-index:2; cursor:pointer; color:#333;transform:translate(0,-50%); display:none; border:0;  background:#ff670f;color:#fff; font-weight:500; padding:4px 10px; border-radius:4px;}
.vaultHeader .vaultHamburgerContainer {display:inline-block; vertical-align:middle; width:calc(100% - 190px); padding:15px 20px 10px 10px; text-align:right; display:none;}
.vaultHeader #mobileFolderNav {padding:15px 20px 15px 20px; display:none; background:#fff;}
.vaultHeader #mobileFolderNav img {height: 20px;display: inline-block;vertical-align: middle;margin-right:10px; cursor:pointer;}
.vaultHeader #mobileFolderNav #mobBCfolders {display:inline-block; vertical-align:middle;width:calc(100% - 30px);}
.vaultHeader #mobileFolderNav #mobBCfolders a {display:none;}
.vaultHeader #mobileFolderNav #mobBCfolders a:last-child {display:block;font-size: 18px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.vaultHeader #mobileMultipleSelect {padding:15px 20px 15px 20px; background:#fff; color:#ff670f; font-size:16px; font-weight:500; display:none;}
.vaultHeader #mobileMultipleSelect img.times {height: 20px;display: inline-block;vertical-align: middle;margin-right:30px; cursor:pointer;}
.vaultHeader #mobileMultipleSelect #mobileItemsSelected {display: inline-block;vertical-align: middle;}
.vaultHeader #mobileMultipleSelect #itemsSelected {display: inline-block;vertical-align: middle;}
.vaultHeader #mobileMultipleSelect img.kebab {height: 25px; float:right; width:30px; cursor:pointer;}



#uploadBtnMobile {
	font-size:22px; width:50px; height:50px; color:#ff670f;
	position:fixed; bottom:20px; right:20px; background:#fff;border-radius: 50%;padding: 5px;cursor: pointer; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%); display:none;
}
#uploadBtnMobile i {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#uploadMobile .title {text-align:center; margin-bottom:20px;}
#uploadMobile > div {display:inline-block; vertical-align:center; width:33.333333333%; text-align:center;}
#uploadMobile > div div, #uploadMobile > div label {display:inline-block; vertical-align:center;width:50px; height:50px; position:relative; border-radius:50%; border:1px solid #ccc; cursor:pointer;}
#uploadMobile > div svg, #uploadMobile > div img {height:20px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#uploadMobile > div span {display:block; margin-top:5px;}

.vaultPage {display:flex; flex-wrap:nowrap; width:100%; height:calc(var(--vh, 1vh) * 100 - 61px); overflow:hidden;}
.vaultPage > div {padding:20px;}
.vaultPage > div:nth-of-type(1) {width:250px; border-right:1px solid #ccc;}
.vaultPage > div:nth-of-type(2) {width:calc(100% - 250px); overflow:auto; position:relative;}

.vaultPage.share > div:nth-of-type(1) {display:none;}
.vaultPage.share > div:nth-of-type(2) {width:100%;}

.leftLinks {display:flex; flex-flow:column;height: 100%;}
.leftLinks > div:nth-of-type(1) {flex:1 1 auto}
.leftLinks > div:nth-of-type(1) a {margin-bottom:20px;}
.leftLinks > div:nth-of-type(2) {}
.leftLinks > div:nth-of-type(2) a {margin-top:15px;}
.leftLinks > div:nth-of-type(2) a:last-child {font-size:12px;}
.leftLinks > div a {display:block; color:#666;}
.leftLinks > div a:hover {transition: 0.3s; color:#ff670f}
.leftLinks > div a > i {vertical-align:middle; margin-right:5px; width:25px;}
.leftLinks > div a > span {display:inline-block; vertical-align:middle; width:calc(100% - 30px);}
#storagePercent {display:block; position: relative;height:5px;border-radius: 4px;background: #ddd;overflow: hidden; margin-top:5px; max-width:200px;}
#storagePercent > span {position:absolute; height:5px; left:0; top:0; width:22%; background:#ff670f;}



.breadCrumbs > * {display:inline-block; vertical-align:middle; margin-right:10px;  color:#666;}
.breadCrumbs > a {height:20px;cursor:pointer;}
.breadCrumbs > i {cursor:pointer;}
.breadCrumbs > img {height:20px;}
.vaultHome {cursor:pointer;}
.breadCrumbs #BCfolders > * {display: inline-block;vertical-align: middle;margin-right: 10px;color: #666;}
.breadCrumbs #BCfolders > a {background:url(/images/barrowright.svg) no-repeat center right; padding:5px 20px 5px 0;}
.breadCrumbs #BCfolders > img {height:20px;}


.breadCrumbs .fa-plus {background: #f6f8fb;border-radius: 50%;border: 1px solid #ccc;padding: 5px; cursor:pointer;}

.uploadBtn {position:relative;display:inline-block; vertical-align:middle;}
.uploadContainer {
	position:absolute; left:50%; top:30px; transform:translate(-50%,0); border-radius:4px; width:200px; padding: 10px 0;
	box-shadow: 0px 2px 5px rgb(0 0 0 / 30%); background:#fff; display:none;
}
.uploadContainer a {display:block; padding:10px 20px; color:#333;}
.uploadContainer a span {display:inline-block; vertical-align:middle;}
.uploadContainer a span:nth-of-type(1) {width:20px; margin-right:15px; text-align:center;}
.uploadContainer a span:nth-of-type(2) {width:calc(100% - 35px);}
.uploadContainer a img, .uploadContainer a svg {max-width:20px; max-height:20px;}
.uploadContainer > a:nth-of-type(1) {border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.uploadContainer a:hover {background:#f6f8fb;}

.fa-folder {color:#666;}
.fa-briefcase {color:#666;}
.fa-file-excel {color:#008000;}
.fa-file-word {color:#0082be;}
.fa-file-powerpoint {color:#D04423;}
.fa-file-pdf {color:#F40F02;}

.fileContainer {margin-top:20px;}
.fileContainer figure {margin:0; padding:0;}
.fileContainer figure.active {background:#f6f8fb;}
div.fileContainerFlex {display:flex; flex-wrap:nowrap; padding:10px 0; border-bottom:1px solid #ccc; align-items:center; cursor:default; color:#333; font-weight:normal;}
figure.fileContainerFlex > a  {display:flex; flex-wrap:nowrap; padding:10px 0; border-bottom:1px solid #ccc; align-items:center; cursor:default; color:#333; font-weight:normal;}
.fileContainerFlex.active {background:#fff9f4;color:#ff670f;}
figure.fileContainerFlex.active > a {background:#fff9f4;color:#ff670f;}
.fileContainerFlex .fileType {width:60px; text-align:center;}
.fileContainerFlex .fileType i {font-size:26px;}
.fileContainerFlex .fileType .imgContainer {height:40px; margin:0 10px;}
.fileContainerFlex .fileType img {object-fit:cover; width:100%; height:100%;object-position: 50% 50%;}
.fileContainerFlex .fileName {width:calc(100% - 370px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fileContainerFlex .fileName .fa-star {margin-left:10px;}
.fileContainerFlex .fileName .fa-share-alt {margin-left:10px;}
.fileContainerFlex .fileName #fileNameMobile {display:none;font-size: 12px; margin-top: 5px;}
.fileContainerFlex .fileModified {width:120px; text-align:right;}
.fileContainerFlex .fileSize {width:120px; text-align:right;}
.fileContainerFlex .fileOptionContainer {width:70px; text-align:center; position:relative;}
.fileContainerFlex .fileOptionContainer svg, .fileContainerFlex .fileOptionContainer img {height:25px; display:inline-block; vertical-align: bottom; }
.fileContainerFlex .fileOptionContainer .kebabContainer {cursor:pointer;}

.fileContainerFlex .fileOptionMobileTick {width:70px; text-align:center; position:relative; display:none;}

.emptyFolder {margin-top:100px; text-align:center;}
.emptyFolder i {font-size:86px; opacity:0.2;}
#emptySearch {margin-top:100px; text-align:center;}
#emptySearch i {font-size:86px; opacity:0.2; margin-bottom:10px;}
.fileContainerFlex .shareDownloadContainer {width:70px; text-align:center; position:relative;}
.fileContainerFlex .shareDownloadContainer svg, .fileContainerFlex .shareDownloadContainer img {height:15px; display:inline-block; vertical-align: middle; cursor:pointer;}



#fileOptionsBottomContainer {display:none;}
.fileOptions {position:absolute; right:0; top:30px; border-radius:4px; width:230px; padding: 10px 0;  z-index:2; text-align:left;
	box-shadow: 0px 2px 5px rgb(0 0 0 / 30%); background:#fff; display:none;
}
.fileOptions > div > div {display:block; padding:10px 20px; color:#333; cursor:pointer;}
.fileOptions > div > div span {display:inline-block; vertical-align:middle;}
.fileOptions > div > div span:nth-of-type(1) {width:20px; margin-right:15px; text-align:center;}
.fileOptions > div > div span:nth-of-type(2) {width:calc(100% - 35px);}
.fileOptions > div > div img, .uploadContainer a svg {max-width:20px; max-height:20px;}
.fileOptions > div > div:nth-of-type(1) {border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.fileOptions > div > div:hover {background:#f6f8fb;}


#viewDocument {position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; display:none;}
#viewDocument div {position:absolute; top:0px; right:0px; width:60px; height:60px; background:#333; cursor:pointer;}
#viewDocument div i {font-size: 22px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;}
#viewDocument iframe {width:100vw; min-height:calc(var(--vh, 1vh) * 100); background:#fff;}


#sharingName {display:flex; flex-wrap:nowrap; padding:10px 0; align-items:center; cursor:default; color:#333; font-weight:normal;}
#sharingName > div:nth-of-type(1) {margin-right:10px;}
#sharingName > div:nth-of-type(1) i {font-size:26px;}
#sharingName > div:nth-of-type(1) .imgContainer {height:40px; width:40px;}
#sharingName > div:nth-of-type(1) img {object-fit:cover; width:100%; height:100%;object-position: 50% 50%;}
#sharingName > div:nth-of-type(2) {width:calc(100% - 50px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.currentshareContainer {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.currentshareContainer .csEmail {display:inline-block; vertical-align:middle; width:calc(100% - 100px);}
.currentshareContainer .csButtons {display:inline-block; vertical-align:middle; width:100px; text-align:right;}
.currentshareContainer .csExpiry {font-size:12px;}

.shareCheckBox input[type=checkbox] {display:inline-block; vertical-align:middle; margin-right:10px;}
.shareCheckBox span {display:inline-block; vertical-align:middle;}
#shareFileExpiryContainer, #shareFilePasswordContainer, #shareFileNoteContainer {display:none;}
#shareFileExpiryContainer {font-weight:500;}
#shareFileExpiryContainer span {display:inline-block; vertical-align:middle;}
#shareFileExpiryContainer input {display:inline-block; vertical-align:middle; width:100px; font-weight:500; text-align:center; font-size:14px; margin:0 10px; padding:3px 5px}
#shareFileNoteField {font-size:12px;}
#renameFile input {font-size:12px;}
#currentShare > div:nth-of-type(1) {position:relative; margin-bottom:10px;}
#currentShare > div:nth-of-type(1) input[type=text] {padding-right:80px;}
#currentShare > div:nth-of-type(1) span {position:absolute;right:0;top:0;background:#ff670f;color:#fff;height:100%;border-radius:0 4px 4px 0;line-height:1em;padding-top:15px;text-align:center;width:70px;cursor:pointer;}
#currentShare > div:nth-of-type(2) {text-align:right;}
#shareFilePasswordText {display:block; padding-bottom:10px; font-size:12px;}
#shareFileChangePassword {display:none;}
#sharedNotesText {padding:20px;}



#fileMoveContainer {padding:0;}
#fileMoveContainer #fileMoveNav {padding:15px 20px 15px 20px;}
#fileMoveContainer #fileMoveNav img {height: 20px;display: inline-block;vertical-align: middle;margin-right:10px; cursor:pointer;}
#fileMoveContainer #fileMoveNav #moveBCfolders {display:inline-block; vertical-align:middle; width:calc(100% - 45px);}
#fileMoveContainer #fileMoveNav #moveBCfolders a {display:none;}
#fileMoveContainer #fileMoveNav #moveBCfolders a:last-child {display:block;font-size: 14px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#fileMove {height:300px; overflow:auto;}
#fileMove figure {margin:0; padding:0;}
#fileMove .fileContainerFlex .fileType {width:40px; text-align:center;}
#fileMove .fileContainerFlex .fileType i {font-size:16px;}
#fileMove .fileContainerFlex .fileType .imgContainer {height:20px; margin:0 10px;}
#fileMove .fileContainerFlex .fileType img {object-fit:cover; width:100%; height:100%;object-position: 50% 50%;}
#fileMove .fileContainerFlex .fileName {width:calc(100% - 40px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right:10px;font-size:12px;}
#fileMove .fileContainerFlex .fileName .fa-star {margin-left:10px;}
#fileMove .fileContainerFlex .fileName .fa-share-alt {margin-left:10px;}
#fileMove .fileContainerFlex .fileModified {display:none;}
#fileMove .fileContainerFlex .fileSize {display:none;}
#fileMove .fileContainerFlex .fileOptionContainer {display:none !important;}
#fileMove .fileContainerFlex.greyedOut {opacity:0.5}
#fileMoveContainer .fileMoveButtons {text-align:right; padding:10px;}
#fileMoveContainer .fileMoveButtons button {display:inline-block; max-width:150px; margin-left:20px;}


#setupTwoFactorForm .select {display:inline-block; vertical-align:middle; width:120px; margin-right:10px;}
#setupTwoFactorForm #setupTwoFactorTel {display:inline-block; vertical-align:middle; width:calc(100% - 130px);}

#setupCardDetailsExpiry {display:inline-block; vertical-align:middle; width:calc(100% - 130px);  margin-right:10px;}
#setupCardDetailsCSV {display:inline-block; vertical-align:middle;width:120px;}
#setupCardDetails .title {margin: 10px 0;}
#setupCardDetails .tickcontainer span {display: block;padding-bottom: 3px; font-size:12px;}
#setupCardDetails .tickcontainer i {color:#ff670f; margin-right:5px;}
#setupCardDetails .verifiedLogo {}
#setupCardDetails .verifiedLogo img.mastercard {margin-right: 5px;}
#setupCardDetails .verifiedLogo img.visa {margin-left: 5px;}
#setupCardDetails .verifiedLogo img {display: inline-block;vertical-align: middle;height:20px;}




.settingsPopup {
	display:flex; height:100%; justify-content:center; align-items:center; min-height:calc(var(--vh, 1vh) * 100);position: fixed;
    top:0; width:100%; height:100%; background:rgba(0,0,0,0.9);z-index:999; overflow:auto; display:none;
}
.settingsPopup > div {
 	background:#fff; border-radius:4px; box-shadow:0px 0 20px rgb(0 0 0 / 40%); border:1px solid #ccc; width:900px; max-width:100%;
	position:relative; max-height:100%; overflow:auto; margin:0 20px;
}
.settingsPopup > div > div {padding:20px;}

.settingsPopup #updateSpinner {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.9); display:none;}
.settingsPopup #updateSpinner > div {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.settingsPopup #updateSpinner > div {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:500; font-size:18px;}
.settingsPopup #updateSpinner > div img {height:100px;}


.settingsPopup > div #closeSettingsPopup {position: absolute;right: 10px;top: 10px;cursor: pointer;font-size: 22px;color: #ff670f;}
.settingsPopup .title {font-family: 'Montserrat', sans-serif;font-size:16px; font-weight:500;}
.settingsHeader div:nth-of-type(1) {display:inline-block; vertical-align:middle; width:calc(100% - 120px);font-family: 'Montserrat', sans-serif;font-size:18px; font-weight:500;}
.settingsHeader div:nth-of-type(2) {display:inline-block; vertical-align:middle; width:120px; text-align:right;}
.settingsHeader div:nth-of-type(2) button {cursor: pointer;background: #ff670f;padding:6px 20px;border-radius: 4px;border: 0;font-size: 14px;color: #fff; font-weight:500;}
.settingsBody {max-height:300px; overflow:auto;}

.settingTitle {display:inline-block; vertical-align:top; width:200px; font-family: 'Montserrat', sans-serif;font-size:14px; font-weight:600; margin-bottom:20px;}
.settingItem {display:inline-block; vertical-align:top; width:calc(100% - 200px); margin-bottom:20px;}
.settingItem button {cursor: pointer;background:#fff; border:1px solid #ccc; padding:6px 20px; border-radius: 4px; font-size: 14px;color: #ff670f; font-weight:500;}
.settingContainer {border-bottom:1px solid #ddd; margin-bottom:20px;}
#settingsCardType {display: inline-block; vertical-align:middle; width:35px;}
#settingsCardNo {display: inline-block; vertical-align:middle; margin-right:10px;}
#settingsCardExpiry {display: inline-block; vertical-align:middle;}

#webauthnTable {border-collapse:collapse; width:100%;border-top: 1px solid #ccc; margin-bottom:15px;}
#webauthnTable th {font-weight:500;}
#webauthnTable th, #webauthnTable td {border-bottom: 1px solid #e5e5e5; padding:15px; text-align:left;}
#webauthnTable td:nth-of-type(3) {width:85px; text-align:center;}
#webauthnTable td:nth-of-type(3) i {color:#ff670f; cursor:pointer;}
#webauthnRegister {display:none;}
#webauthnRegister input {display: inline-block; max-width:200px; padding:6px 10px; font-size:14px;}

.settingsPopup #settingsDisplayEmail {display:inline-block; margin-left:20px;}



.vaultPopup > div > div#uploadedFiles {padding: 20px 0px 20px 20px;}
#uploadedFileContainer { max-height:400px; overflow-x:hidden; overflow-y:auto;padding-right: 20px;}
.uploadedFileContainer {display: flex;flex-wrap: nowrap;padding: 10px 0;border-bottom: 1px solid #ccc;align-items: center;cursor: default;color: #333;font-weight: normal;}
.uploadedFileType {width:40px; font-size:26px;}
.uploadedFileName {width: calc(100% - 80px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.uploadedFileStatus {width:40px; text-align:right;}
.uploadedFileStatus .fa-check-circle {color:green;}
.uploaded_error {color:red;}


.fileOptionsRightClick {position:absolute ;right: 0;top: 30px;border-radius: 4px;width: 250px;padding: 10px 0;z-index: 2;text-align: left;box-shadow: 0px 2px 5px rgb(0 0 0 / 30%);background: #fff;display: none;}
.fileOptionsRightClick > div > div {display: block;padding: 10px 20px;color: #333;cursor: pointer;}
.fileOptionsRightClick > div > div:hover {background:#f6f8fb;}


.fileOptionsRightClick > div > div span {display: inline-block;vertical-align: middle;}
.fileOptionsRightClick > div > div span:nth-of-type(1) {width: 20px;margin-right: 15px;text-align: center;}
.fileOptionsRightClick > div > div span:nth-of-type(2) {width: calc(100% - 35px);}

.fileOptionsRightClick.multipleSelect {
	display: flex;height: 100%;justify-content: center;align-items: center;min-height: calc(var(--vh, 1vh) * 100);position: fixed;top: 0;width: 100%;height: 100%;
	background: rgba(0,0,0,0.9);z-index: 999;overflow: auto;
}
.fileOptionsRightClick.multipleSelect > div {
	background: #fff;border-radius: 4px;box-shadow: 0px 0 20px rgb(0 0 0 / 40%);border: 1px solid #ccc;width: 320px;max-width: 100%;position: relative;
	max-height: 100%;overflow: auto;margin: 0 20px;padding: 10px 0;
}

.vaultPage .slothTiles {border-left:1px solid #ddd; width:300px;position:relative; padding:20px;}
.vaultPage .slothTiles .title { font-size:18px; font-weight:500;}
.vaultPage .slothTiles > i {
	position:absolute; top:10px; left:-31px; border:1px solid #ddd; padding:10px; background:#fff;width:31px;border-right: 1px solid #fff; border-radius:4px 0 0 4px; cursor:pointer;
}
.vaultPage .slothTiles > a {border:1px solid #ddd; border-radius:4px; padding:10px; margin-bottom:10px; display:block; color:#000;}
.vaultPage .slothTiles > a > img {display:inline-block; vertical-align:middle; width:56px; margin-right:10px;}
.vaultPage .slothTiles > a > span {display:inline-block; vertical-align:middle; width:calc(100% - 66px); font-size:18px; font-weight:500;}
.vaultPage .slothTiles > a > span > span {display:block; font-size:14px;}
.vaultPage .slothTiles > a:hover {transition: 0.3s; border-color:#23a9d7; border-size:2px;}




@media screen and (max-width:800px) {
	.vaultHeader {height:auto;padding:0;}
	.vaultHeader .logo {width: 190px;padding:10px 0 10px 20px;}
	.vaultHeader .vaultSearchContainer {display:block; width:auto; text-align:left; background:#fff; padding:20px 20px 10px 20px;}
	.vaultHeader .vaultSearch {display:block; width:auto;}
	.vaultHeader .vaultHamburgerContainer {display:inline-block;}
    .vaultPage > div:nth-of-type(1) {display:block; position:fixed; width:100%; top:50px; left:0; right:0; border-right:0; text-align:left; padding:20px; background:#000; height:calc(100% - 50px); z-index:999; display:none; overflow:auto;}
	.leftLinks > div:nth-of-type(1) a {display:block; border-bottom:1px solid #333; font-size:18px;position:relative;padding: 13px 0 13px 0; margin-bottom:0; color:#999;}
	.leftLinks > div:nth-of-type(1) a .fa-folder {color:#999;}
	.leftLinks > div:nth-of-type(1) a:after {
	    content: "\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; cursor: pointer; position: absolute;
	    right: 20px; top: 50%; margin-top: -.5em; z-index: 1; pointer-events: none; color:#ff670f; font-size:14px;
	}
    .leftLinks > div:nth-of-type(1) a > i {width:35px;}
    .leftLinks > div:nth-of-type(1) a > span {width:calc(100% - 45px);}
    
	.leftLinks > div:nth-of-type(2) a {margin-top:7px; color:#999;}
	.leftLinks > div a > span #storagePercent {margin-top:10px;}


	.vaultPage {display:block; height:auto;}
	.vaultPage > div:nth-of-type(2) {width:auto;padding:10px;}
	
	.breadCrumbs {display:none;}
	
	.fileContainer {margin-top:0;}
	
	.fileContainerFlex .fileName {width: calc(100% - 130px);}
	.fileContainerFlex .fileName > i {display:none;}
	.fileContainerFlex .fileName #fileNameMobile {display:block;}
	.fileContainerFlex .fileName #fileNameMobile:empty {display:none;}
	.fileContainerFlex .fileModified {display:none;}
	.fileContainerFlex .fileSize {display:none;}

	.fileOptions {
		display: flex;height: 100%;justify-content: center;align-items: center;min-height: calc(var(--vh, 1vh) * 100);position: fixed;top: 0;width: 100%;height: 100%;
    	background: rgba(0,0,0,0.9);z-index: 999;overflow: auto;display: none;
	}
	.fileOptions > div {
		background: #fff;border-radius: 4px;box-shadow: 0px 0 20px rgb(0 0 0 / 40%);border: 1px solid #ccc;width:320px;max-width: 100%;
    	position: relative;max-height: 100%;overflow: auto;margin: 0 20px;padding: 10px 0;
	}
	
	#uploadBtnMobile {display:block;}
	
	.settingTitle {display:block; width:auto;}
    .settingItem {display:block; width:auto;}
    
	.settingsPopup #settingsDisplayEmail {display:block; margin:10px 0 0 0;}

    #webauthnTable td:nth-of-type(2),#webauthnTable th:nth-of-type(2) {display:none;}
    #webauthnRegister input {display:block; max-width:100%; padding:6px 10px; font-size:14px; margin-bottom:10px;}
    
    
	.vaultPage .slothTiles {position:absolute;top:61px;background:#fff;height:calc(100% - 61px); width:100%; z-index:9; right:0; border:0;}
	.vaultPage .slothTiles > i {
		position:absolute; top:10px; left:unset; right:20px; border:none; padding:0;width:auto; font-size:18px;
	}



}