@import url('https://fonts.googleapis.com/css?family=Gruppo|Prompt:400,500|Raleway:400,600|Tomorrow:400,500,600&display=swap');

/* .form-label-prompt-font {
  font-family: 'Prompt', sans-serif;
} */

.gruppo-font-family {
    
    font-family: 'Gruppo', cursive;
    letter-spacing: .125rem;
    font-weight: 700;
}

.prompt-font-family {
    font-family: 'Prompt', sans-serif;

}

.raleway-font-family {
    font-family: 'Raleway', sans-serif;

}

.tomorrow-font-family {
    font-family: 'Tomorrow', sans-serif;

}

.roboto-font-family {
    font-family: "Roboto", sans-serif;
    font-weight: 500;

}

:root {
    --outer-margin: 5px;
    --media-player-split: 25vh;
    
    --file-folder-container--base-ratio: 0.8;
    --file-folder-container--ratio-offset-fix: 0.07;
    --file-folder-container--size-ratio: calc(var(--file-folder-container--base-ratio) + var(--file-folder-container--ratio-offset-fix));
    --file-folder-container--width: 55rem;
    --file-folder-container--height: 1.0rem;
    --file-folder-container--font-size: 0.85rem;
    --file-folder-container--margin: 1.1rem;
    --object-left-offset: 0;
    
    --file-folder-object-right-offset: .1638rem;

    --file-folder-objects--margin: calc(var(--file-folder-container--margin) * var(--file-folder-container--size-ratio));
    --file-folder-objects--padding-left: calc(var(--file-folder-container--padding) * var(--file-folder-container--size-ratio));
    --file-folder-object--left-offset: 0;
    
    
}


body {
    width: 100vw;
    background: rgba(3, 3, 3, .9);

}

h2 {
    color: rgb(225, 225, 250);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .85);
    font-size: 1.5em;
    text-align: center;
}

.TCS.L-fileOrganization_header-container {
    color: rgb(82, 80, 88);
    text-shadow: 2px 3px 3px rgba(0, 0, 0, .85);
    font-size: 2.0em;
    text-align:center;
  
}

/* .tm.L-fileOrganization_main-container {
	display: grid;
	grid-gap: 10px;
	grid-row-gap: 10px;
	grid-template-rows: repeat(auto-fill, 100px );
	margin-left: 5px;
	margin-right: 5px;
	width: 95%;
	margin: 0 auto;
} */

.tm.L-fileOrganization_main-container {
    display: grid;
    grid-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: repeat(auto-fill, 100px );
    margin-left: 0;
    margin-right: 0px;
    left: 0;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    height: calc(100% - 9.5rem);
    overflow: auto;
}
/* 
main.tm.L-fileOrganization_main-container-dark {
    display: grid;
    grid-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: repeat(auto-fill, 100px );
    margin-left: 0;
    margin-right: 0px;
    left: 0;
    color: rgb(150, 150, 175);
    background: rgba(6, 6, 6, .85);
    width: 100%;
    margin: 0 auto;
    position: fixed;
    height: calc(100% - 8.5rem);
    overflow: auto;
} */

main.tm.L-fileOrganization_main-container-dark {
    display: block;
    color: rgb(150, 150, 175);
    background: rgba(6, 6, 6, .85);
    width: 100%;
    margin: 0 auto;
    position: fixed;
    height: calc(100% - 8.5rem);
    /* display: grid; */
    /* grid-gap: 10px; */
    /* grid-row-gap: 10px; */
    /* grid-template-rows: repeat(auto-fill, 100px ); */
    /* margin-left: 0; */
    /* margin-right: 0px; */
    /* left: 0; */
    /* align-content: center; */
    /* align-items: center; */
    /* justify-content: center; */
    /* overflow: auto; */
    
}





main.tm.L-fileOrganization_main-container-dark.large {
    /* display: grid; */
    display: block;
    /* grid-gap: 10px; */
    /* grid-row-gap: 10px; */
    /* grid-template-rows: repeat(auto-fill, 100px ); */
    /* margin-left: 0; */
    /* margin-right: 0px; */
    /* left: 0; */
    color: rgb(150, 150, 175);
    background: rgba(6, 6, 6, .85);
    width: 100%;
    margin: 0 auto;
    /* align-content: center; */
    /* align-items: center; */
    margin-top: 8rem;
    overflow: hidden;
    /* justify-content: center; */
    position: absolute;
    /* height: calc(100% - 4.5rem); */
    /* overflow: auto; */
}





.TCS.L-fileOrganization__container.file-folder-tree-dark {
    position: fixed;
    top: 9.5rem;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    height: calc(calc(100% - 7rem) - .5rem);
    display: inline-block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    box-shadow: 0 0.5rem 0.75rem rgba(13, 200, 250, .995);
}




.TCS.L-fileOrganization__container.file-folder-tree-dark.large{
    position: fixed;
    margin-top: 4.5rem;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    height: calc(calc(100% - 7rem) - 60vh);
    display: inline-block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    box-shadow: 0 0.5rem 0.75rem rgba(13, 200, 250, .995);
}



.TCS.L-fileOrganization__container.file-folder-tree-dark.mini {
    position: fixed;
    top: 9.5rem;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    height: calc(calc(100% - 7rem) - 50vh);
    display: inline-block;
    /* overflow-y: auto; */
    /* overflow: auto; */
    margin: 0 auto;
    padding: 0;
    box-shadow: 0 0.5rem 0.75rem rgba(13, 200, 250, .995);
}



.tm.L-fileOrganization_main-container-dark header {
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 9rem;
    background: rgba(6, 6, 13, .95);
    /* border-bottom: .25rem inset rgba(0, 200, 250, .975);
    box-shadow: 0 0.1rem 0.25rem rgba(0, 200, 250, .995);
    filter: drop-shadow(0 .25rem .75rem rgba(0, 200, 250, .75)); */
    border-bottom: .2rem inset rgba(200, 220, 250, .955);
    filter: drop-shadow(0 -.1rem .5rem rgba(50, 225, 250, .95));
    box-shadow: 0 0.25rem 0.5rem rgba(50, 195, 250, .95);
    z-index: 10000;

}

.L-fileOrganization__header-container h1 {
    text-align: center;
    font-family: Gruppo;
    padding: 0;
    margin: .5rem auto;
    font-size: 1.75rem;
}

/* 
.tm.L-fileOrganization_main-container {
	display: grid;
	width: 99.9%;
    margin: 0 auto;
    padding: .125 .5rem;

	position: fixed;
	height: calc(100% - 7.5rem);
	top: 0;
	left: 0;
	bottom: 15rem;
	overflow: auto;
	grid-template-columns: 1fr;
	grid-template-rows: auto-fit, minmax(300px , 1fr);
	grid-template-rows: auto-fit, minmax(300px , 1fr);
	grid-gap: 1rem;
	max-width: 100%;
	border: 1px solid rgba(200, 50, 50, .75);
	justify-content: center;
	overflow: auto;
} */


.tm.L-audio-player-container {
	position: fixed;
	display: flex;
	min-width: 20rem;
	max-width: 100vw;
	min-height: 2rem;
	max-height: 7rem;
	width: 100%;
	height: 100%;
	/* top: calc(100% - 3.5rem); */
	left: 50%;
	transform: translate(-50%, 0);
	background: rgba(6, 6, 13, .95);
	justify-content: center;
	padding: .5rem 1rem;
	z-index: 20000;
	bottom: 0;
	flex-direction: column;
	align-items: center;
    border-radius: .5rem;
	border: .115rem solid rgba(150, 200, 250, .9);
	filter: drop-shadow(0 -.125rem .4rem rgba(0, 200, 250, .85));
	box-shadow: 0 -0.125rem 0.125rem rgba(130, 200, 250, 0.65);
}




.tm.audio-currently-playing {
	display: block;
	color: rgba(26, 26, 26, .995);
	background: rgba(220, 220, 225, .66);
	font-family: Gruppo;
	font-size: 1.0rem;
	letter-spacing: .125rem;
	font-weight: 700;
	width: 60%;
	text-align: center;
	min-height: 2rem;
	margin: .125rem 0 .5rem;
	padding: .125rem .0875rem;
	border: 2px inset rgba(200, 200, 230, .75);
	border-radius: .25rem;
}

.tm.audio-currently-playing #tm-media-track-title {
	margin: .15rem 0 0 auto;
	display: block;
	font-family: Tomorrow;
	font-size: 1.35rem;
	letter-spacing: .125rem;
	font-weight: 700;
	font-variant: small-caps;
}


.tm.L-audio-player-container > audio {
	width: 60%;
	height: 2.5rem;
	background: rgba(13,255, 50, .25);
	display: block;
	border: 2px inset rgba(50, 255, 50, .95);
	border-radius: .35rem;
	padding: .0875rem .125rem;
	margin: 0;
}

/* .tm.video-currently-playing {
  display: block;
  color: rgba(26, 26, 26, .995);
  background: rgba(220, 220, 225, .66);
  font-family: Gruppo;
  font-size: 1.0rem;
  letter-spacing: .125rem;
  font-weight: 700;
  width: max-content;
  max-width: 97.5%;
  text-align: center;
  min-height: 2rem;
  margin: .125rem 0 .5rem;
  padding: .125rem .0875rem;
  border: 2px inset rgba(200, 200, 230, .75);
  border-radius: .25rem;
} */


.tm.video-currently-playing {
    display: block;
    color: rgba(26, 26, 26, .995);
    background: rgba(220, 220, 225, .66);
    font-family: Gruppo;
    font-family: 'Prompt';
    font-size: .75rem;
    letter-spacing: .05rem;
    font-weight: 400;
    width: 85%;
    position: relative;
    max-width: 97.5%;
    text-align: center;
    min-height: 3rem;
    overflow: auto;
    margin: 0.125rem 0 0.25rem;
    padding: .125rem .0875rem;
    border: 2px inset rgba(200, 200, 230, .75);
    border-radius: .25rem;
    max-height: 5rem;
    cursor: pointer;
}


.tm.L-video-player-container {
    position: absolute;
    display: flex;
    min-width: 20rem;
    max-width: 96vw;
    min-height: 2rem;
    /*   max-height: 35rem; */
    /* width: 95%; */
    height: 100%;
    padding: .1rem;
    top: 50%;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(6, 6, 13, .95);
    justify-content: center;
    margin: -1rem;
    padding: .75rem .25rem;
    z-index: 20000;
    bottom: 0;
    flex-direction: column;
    align-items: center;
    border: 0.05rem solid rgba(50, 240, 250, .975);
/*     filter: drop-shadow(0 -.1rem 0.1rem rgba(0, 200, 250, .9)); */
    box-shadow: 0 0 0.1rem .1075rem rgba(30, 200, 250, 0.5);
}


.tm.media-playlist__container {
    top: calc(var(--media-player-split) + 2.5rem);
    overflow: unset;
    width: calc(100% - calc(var(--content-container--padding) * 2));
    height: var(--media-player-split);
    max-width: 98vw;
    left: calc(50% + var(--content-container--padding));
    transform: translate(calc(-50% - var(--content-container--padding)), calc(-1 * (var(--media-player-split))));
    position: absolute;
    display: inline-block;
    margin: 0;
    padding: .125rem;
    background: rgba(6, 26, 6, .8);
    border: .25rem outset rgba(225, 225, 250, .9);
    border-radius: 0.25rem;
}

/*
.tm.media-playlist__container.small {    
    height: calc(calc(100% - 6rem) - 70vh);
    
}
    
    
.tm.media-playlist__container.large {    
    height: var(--media-player-split);
    
}
*/

.tm .show-playlist-trigger {
    font-family: Prompt;
    font-size: 1.125rem;
    font-variant: small-caps;
    font-weight: 700;
    letter-spacing: .075rem;
    display: inline-block;
    width: 100%;
    line-height: 1;
    padding: 0;
    margin: .25rem auto;
}




.tm.L-video-player-container.large {
    position: absolute;
    display: flex;
    min-width: 200px;
    max-width: 98vw;
    width: calc(100% - calc(var(--content-container--padding) * 2));
    height: calc(calc(98vh - var(--media-player-split)) - 6rem);
    top: calc(var(--media-player-split) + 3.5rem);
    overflow: hidden;
    left: calc(50% + var(--content-container--padding));
    transform: translate(calc(-50% - var(--content-container--padding)), 0);
    background: rgba(6, 6, 13, .95);
    margin: .125rem 0 0.125rem -0.25rem;
    padding: 0.35rem 0.25rem 1.5rem;
    z-index: 200;
    border-radius: 0.3rem;
    flex-direction: column;
    align-items: center;

}

.tm.L-video-player-container.mini {
    position: absolute;
    display: flex;
    min-width: 25%;
    max-width: 35vw;
    min-height: 10rem;
/*     max-height: 30vh; */
    /* width: 95%; */
/*     height: 100%; */

    padding: 0.75rem;
    top: 82%;
    left: 80%;
    height: calc(calc(98vh - var(--media-player-split)) - 6rem);
    top: calc(var(--media-player-split) + 3.5rem);
}

video#media-controls-id {
  object-fit: contain;
  width: 100%;
  height: 90%;
}

@media screen and (max-width: 900px) {
  .tm.L-video-player-container.mini {
      left: 70%;
  }
}

@media screen and (min-width: 1400px) {
  .tm.L-video-player-container.mini {
      left: 80%;
      margin: -2rem;
  }
}



/* .tm.L-video-player-container {
  position: absolute;
  display: flex;
  min-width: 20rem;
  max-width: 99vw;
  min-height: 2rem;
  max-height: 35rem;
  height: 100%;
  padding: .1rem;
  top: 50%;
  overflow: hidden;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(6, 6, 13, .95);
  justify-content: center;
  margin: -1rem;
  padding: .75rem .25rem;
  z-index: 20000;
  bottom: 0;
  flex-direction: column;
  align-items: center;
  border-top: .125rem outset rgba(150, 200, 250, .9);
  filter: drop-shadow(0 -.25rem .4rem rgba(0, 200, 250, .85));
  box-shadow: 0 -0.25rem 0.25rem rgba(130, 200, 250, 0.65);
}

.tm.L-video-player-container.mini {
  position: absolute;
  display: flex;
  min-width: 20rem;
  max-width: 40vw;
  min-height: 2rem;
  max-height: 15rem;
  height: 100%;
  padding: .1rem;
  top: 80%;
  left: 80%;

}


@media screen and (max-width: 900px) {
  .tm.L-video-player-container.mini {
      left: 70%;
  }
}

@media screen and (min-width: 1400px) {
  .tm.L-video-player-container.mini {
      left: 80%;
      margin: -2rem;
  }
} */


.TCS.L-fileOrganization-flash-msg__container {
    --flash-msg-pulse-amnt: 1;
    /* --flash-msg-height: calc(3rem + calc(var(--flash-msg-pulse-amnt) * 1%)); */
    --flash-msg-base-height: 4rem;
    --flash-msg-height: calc(var(--flash-msg-base-height) * var(--flash-msg-pulse-amnt));
    --flash-msg-width: calc(60% + calc(var(--flash-msg-height) * 2.5));
    /* --flash-msg-height: calc(var(--flash-msg-pulse-amnt) * 3rem); */
    --flash-msg-font-size: calc(var(--flash-msg-height) * 0.5);
    position: fixed;
    max-width: 80%;
    max-height: 50%;
    width: var(--flash-msg-width);
    height: var(--flash-msg-height);
    left: calc(50% - calc(var(--flash-msg-width) / 2));
    top: calc(45% - calc(var(--flash-msg-height) / 2));
    text-align: center;
    font-size: var(--flash-msg-font-size);
    margin: 0;
    grid-column: 1/3;
    padding: .25rem;
    padding-left: 1rem;
    display: none;
    border: 1px solid rgba(13, 13, 13, .8);
    border-radius: .35rem;
    box-shadow: 3px 3px 3px rgba(13, 13, 13, 0.6);
    transition: all .2s ease-in-out; /*linear;*/
   
}



/* ---------------- Ideas Container Section ------------------- */
.TCS.L-fileOrganization_ideas-container {
    background: white;
    /*
    grid-column: 13/18;
    */
    grid-column: 1/18;
    border: 1px solid rgb(0,0,0);
    box-shadow: 2px 2px rgba(13, 13, 13, 0.85);
    border-radius: 5px;
    display: grid;
    grid-gap: 5px;
    grid-row-gap: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.TCS.L-fileOrganization_ideas-container h2 {
    grid-column: 1/18;
    display: grid;
    grid-gap: 0.5rem;
    grid-row-gap:.75rem;
    padding: 0.5rem;

}
/*
.TCS.C-fileOrganization_ideas  {
 

  grid-column: 1/2;
  grid-row: 2;
  padding: 0.5rem;
  margin: .25rem .5rem;
  border: 1px solid rgba(13, 13, 13, .7);
  border-radius: 0.4rem;
  box-shadow: 2px 2px 2px rgba(13, 13, 13, .5);

}
*/
.TCS.L-fileOrganization_ideas-container > .C-fileOrganization_ideas {
        
    grid-column: 1/18;
    grid-row: 2;
}

.TCS.L-fileOrganization_ideas-container > .C-fileOrganization_notes-table {
 
    border-collapse: collapse;
    border: 1px solid rgba(13, 13, 13, .8);
    grid-column: 1/18;
    /* grid-row: 19/50; */
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border: 2px solid rgb(25, 25, 30);
    border-radius: .4rem;
    background: rgb(228, 222, 250);
    padding-left: 5px;
    width: 90%;
    margin: auto;

}
.TCS.L-fileOrganization_ideas-container > .C-fileOrganization_notes-table > thead tr th {
    background: rgba(50, 50, 75, .8);
    color: rgba(220, 220, 220, 1);
    border: 1px solid rgba(13, 13, 13, .9);

}


.idea-note {
    /*grid-column: 4/8;*/
    /*grid-row: 2;*/
    border: 1px solid rgba(13, 13, 13, .9);
    border-radius: 0.2rem;
    box-shadow: 1px 1px 1px rgb(0, 0, 0);
    padding: 0.5rem;
    background: rgba(200, 200, 215, 0.3);
}

.idea2 {
  grid-column: 4/8;
  grid-row: 2;
}

.idea3 {
  grid-column: 8/12;
  grid-row: 2;
}

.TCS.L-fileOrganization_ideas-container > .C-fileOrganization_new-note-form  {
  
  /* grid-column: 1/2; */
    

    grid-column: 1/9;
    /*
    grid-row: 3/18;
    */
    border: 2px solid rgb(25, 25, 30);
    border-radius: .4rem;
    background: rgb(228, 222, 250);
    padding: 0.5rem;

}

.C-fileOrganization_new-fileLoc-form {
    grid-column: 9/18;
    /*
    grid-row: 3/18;
    */
    border: 2px solid rgb(25, 25, 30);
    border-radius: .4rem;
    background: rgb(228, 222, 250);
    padding: 0.5rem;
}

.TCS.L-fileOrganization_ideas-container > .C-fileOrganization_new-note-form input {
  
    margin: .25rem;
    padding: 0.1rem;
    
}

.C-fileOrganization_new-fileLoc-form input {
    margin: .25rem;
    padding: 0.1rem;
}

input#filterDraftInput {
    margin: 0 auto;
    display: block;
    line-height: 1.15rem;
    height: 1.5rem;
    min-width: 20rem;
    max-width: 50rem;
    width: 100%;
    font-size: 1.15rem;
    padding: .125rem;
    border: .175rem inset;
    border-block-end-color: rgba(200, 225, 250, .975);
    border-radius: .175rem;
    border-block-start-color: rgba(26, 50, 64, .975);

}

.TCS.C-fileOrganization_issues {
    grid-column: 1/18;
    grid-row: 4;
    border: 1px solid rgb(0,0,0);
    box-shadow: 2px 2px rgba(13, 13, 13, 0.85);
    border-radius: 5px;
    margin-bottom: 5px;
}



/*-------- File Container ---------------------------*/
.TCS.L-fileOrganization_files-container {
    background: white;
    grid-column: 1/18;
    grid-row: 3;
    border: 1px solid rgb(32, 29, 78);
    box-shadow: 2px 2px rgba(13, 13, 13, 0.85);
    border-radius: 5px;
    margin-top: 2px;
}

/*-------------------Table styles-------------------------*/

.TCS.C-fileOrganization_table {
    margin: auto;
    border-collapse: collapse;
    width: 90%;
    border: 1px solid rgb(25, 25, 30);
    margin-bottom: 5px;
  
}

.TCS.C-fileOrganization_table > thead tr th {
    background: rgba(50, 50, 75, .8);
    color: rgba(220, 220, 220, 1);
    border: 1px solid rgba(13, 13, 13, .9);
}

.TCS.C-fileOrganization_table > tbody tr:nth-child(even) {
    background: rgba(126, 126, 128, 0.5)

}

/*----------------File Folder Containers -------------------*/
.TCS.C-fileOrganization_fileFolders {
        grid-row: 2;
    background: white;
    border: 1px solid rgb(0,0,0);
    box-shadow: 2px 2px rgba(13, 13, 13, 0.85);
    border-radius: 5px;
}


.tm .folder-wrapper .folder-outer-container, .folder-outer-container {
/*     margin-left: 16px !important; */
/*     margin-left: 1.1rem !important; */
    margin-top: .5rem;
    margin-left: var(--file-folder-objects--margin) !important;
    background: rgba(6, 6, 6, 0.01);
}

.tm .folder-wrapper .folder-outer-container {
    margin-left: calc(var(--file-folder-objects--margin) * 1.0) !important;
}



.currentFolders {
    grid-column: 1/7;
    grid-row: 1;
}


.draftFolders {

    /* grid-column: 7/13;
    grid-row: 1; */
	height: max-content;
	/* max-height: calc(100vh - 7rem); */
	padding: 2px;
	overflow: scroll;
	background: rgb(255, 255, 255);
	box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.25);
	margin: .25rem .5rem;
	overflow-x: hidden;
}
/* 
.TCS.C-fileOrganization__fileFolders.draftFolders-dark {
  height: max-content;
  padding: 2px;
  overflow: scroll;
  background: rgba(6, 6, 6, .75);
  color: rgba(100, 125, 175, 1);
  box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.25);
  margin: .25rem .5rem;
  overflow-x: hidden;
} */


.TCS.C-fileOrganization__fileFolders.draftFolders-dark {
    padding: .0875rem;
    background: rgba(6, 6, 6, .95);
    color: rgba(100, 125, 175, 1);
    box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.25);
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 -.25%;
    display: inline-block;
    width: 100%;
    position: relative;
    height: 100%;

    z-index: 100000;
    max-height: calc(100% - 3rem) !important;
    overflow: hidden;
}


.TCS.C-fileOrganization__folder-widget {
    max-height: calc(100% - 0rem) !important;
    overflow-y: scroll !important;
    max-height: unset;
    height: 100%;
    overflow-x: clip;
    max-width: 100vw;
    width: calc(100vw - calc(var(--content-container--padding) * 2));
}


.TCS.C-fileOrganization_folder-widget {
    height: 40rem;
    max-height: 100%;  
    padding: 2px;
    overflow: scroll;
    background: rgb(255, 255, 255);
    box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.25);  
}

.TCS.C-fileOrganization_toolbar {
    margin-bottom: 10px;
    border: 1px solid black;
    height: fit-content;
    text-align: left; 
    padding: 0.1rem .5rem 0;
}



.tm .media-playlist__container footer {
    position: fixed;
    bottom: 0rem;
    top: unset;
    z-index: 1;
    width: calc(100% - calc(var(--content-container--padding) * 2));
    margin: 0 auto;
    display: inline-block;
    background: rgba(50, 50, 75, .75);
    text-align: center;
    cursor: pointer;
}


select {
    margin-top: 7px;
    width: 15em;
}

input[type=image] {
    margin-right:25px;
    margin-top:7px;
}


#filterInput {
    width: 95%;
}

.tm .folder-container {
    margin-left: var(--file-folder-objects--margin);
    margin-right:.25em;
    padding-left:.5em;
    padding-right:.25em;
}

.tm .folder-wrapper {
    padding: 0;
    list-style-type: none;
    /*   margin-left: -20px !important; */
    margin-left: calc(var(--file-folder-objects--margin) * -1.0) !important;
    width:100%;
    background: rgba(75, 75, 75, .95);
}


.folder-outer-container ul:nth-of-type(odd) {
    background: rgba(195, 220, 225, .95);
}

.folder-outer-container ul:nth-of-type(even) {
    background: rgba(200, 225, 250, .95);
}

.folder-outer-container ul:nth-of-type(2n+1) {
    background: rgba(6, 6, 6, .45);
}

.folder-outer-container ul:nth-of-type(2n) {
    background: rgba(13, 14, 15, .25);
}




.media-file-folder-name>span {
    overflow: hidden;
    display: inline-block;
    width: 5.5rem;
    font-family: 'Tomorrow';
    letter-spacing: 0.0125rem;
    line-height: 1;
}

.tm .file-folder-object-row .media-folder-name {
    
    --file-folder-object--left-offset: 1rem;
    display: inline-block;
    /* overflow-x: scroll; */
    border-left: 1px solid rgba(13, 13, 13, .9);
    padding-left: 0.5rem;
/*     padding-right: 1.75rem; */
    margin-left: 1.0rem;
    /* border-right: 1px solid rgba(13, 13, 13, .9); */
/*     max-width: calc(var(--file-folder-objects--width) - var(--file-folder-object--left-offset)); */

    border-right: 4px solid rgba(13, 13, 13, .7);
    
}

.tm .file-folder-object-row .media-file-name {
    
    --file-folder-object--left-offset: 1rem;
    display: inline-block;
    /* overflow-x: scroll; */
    border-left: 1px solid rgba(13, 13, 13, .9);
    padding-left: 0.25rem;
    margin-left: 1rem;
/*     padding-right: .75rem; */
    /* border-right: 1px solid rgba(13, 13, 13, .9); */
/*     max-width: calc(var(--file-folder-objects--width) - var(--file-folder-object--left-offset)); */

    border-right: 4px solid rgba(13, 13, 13, .7);
    
}

.tm .file-folder-object-row .media-file-name {
    --file-folder-object--left-offset: 0;
    display: inline-block;
/*     overflow-x: scroll; */
    border-left: 1px solid rgba(13, 13, 13, .9);
    padding-left: 0.25rem;
    margin-left: var(--file-folder-objects--margin);
/*     padding-right: .75rem; */
/*     border-right: 1px solid rgba(13, 13, 13, .9); */
/*     max-width: calc(var(--file-folder-objects--width) - var(--file-folder-object--left-offset)); */
    border-right: 4px solid rgba(13, 13, 13, .7);
    max-width: 95vw;
    width: 92vw !important;
    position: absolute;
    left: var(--file-folder-objects--margin);
    
}

.tm .file-folder-object-row {
    height: 1.75rem;
    line-height: 2;
    font-size: 80%;
    font-family: 'Prompt';
    /* font-family: 'Tomorrow'; */
    font-weight: 500;
    font-variant: petite-caps;
    letter-spacing: .075rem;
    /* background: rgba(25, 25, 100, .8); */
    white-space: nowrap;
    list-style-type: none;
    cursor: pointer;
    padding: .125rem 0.015rem .125rem 0.75rem;
    margin: 0.125rem .1rem 0rem 0.125rem;
}


.tm .file-folder-object-row .media-description-column {
    display: block;
    left: calc(97vw - calc(7rem + calc(var(--content-container--padding) * 2))) !important;
    top: 0;
    position: absolute;
    width: 7rem;
    margin: 0 !important;
    padding: 0 !important;
    right: unset;
    height: 1.1rem;
    
}


/*.tm .selected {
    
    background-color: rgba(50, 50, 75, .75) !important;
    color: rgba(26, 26, 26, .85);
    font-weight: 900;
    font-size: 110%;
}*/

.tm .file-folder-object-row .selected,
.tm .file-folder-object-row.selected {
    background-color: rgba(15, 15, 150, .75) !important;
    color: rgba(26, 26, 26, .85);
    font-weight: 900;
    font-size: 101%;
    transition: .2s all ease-in-out;
    color: rgb(225, 225, 250) !important;
    transition: .2s all ease-in-out;
}

.tm .folder-icon-base64-encoded.open {
  background: transparent url('data:image/png;base64,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') no-repeat left center;
  background-size: auto;
  background-size: 1.5rem;
}

.tm .folder-icon-base64-encoded.closed {

background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAALHRFWHRDcmVhdGlvbiBUaW1lAFR1ZSAxMSBTZXAgMjAxOCAwMDoxOTozNCAtMDUwMLed4q4AAAAHdElNRQfiCQsICQybLlODAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAABPFJREFUeNrtVktvHEUQruqefdhO4vgQJyCQgYAiZEvhSg5czS/ghnLlT/AbuHGBHwDiBBeOQUghHEmiBIkERWATwBJWlt31zvR0V1NV3TP78GISJCIkaLu106/qr756dAH83/7rDf/Oofs33n+XyF15+P2XL9XVcCVGnowRufO/DpJwhI7O85i4I1o6/8ru/ur6cwfOdd/eufLWYdEIffDgWr/bHZofrn/at4U7BsxNAslvd8Wa8WjwAgV/KSI9azu2B9DLumQA3GveXvEnEel8z0SwBmNVlr0QH51974PPnueFKYDuZPyxH7ot7x7tuNIbUMSGZVGjVTQ8LseIk9EN0Q63Xr4A/VOb0Dl3FbDYmAP81UEFn+yVMBo5qEoHV9c/gtd6t/Dh/rWNwe/16rd372/ztpstgMPDn86R9+fXNjYNImGikAGQB2IQQAHlVhBAPCegXFXz2hCsvQdoTydBMdFvBg42+eLTrobae7DlACbBQyBhKWAIviv7WgCDX269uLLav/Dq67tgrAU0Nl1EDkKoIHIP9YSB1OCrMQTv4N43N2Ey3udL7+aLozIm3x3uu4gZE88fRfgZmj2AsY69OQAUKmTZcPDjd6woao8UeDMzIAuRv0Mt6IF8xXMBTp3dgLUz63I2mYr3RbF5Zg2n5kt//D0aurkAmAFQGvI17N35WoU39lcNRGgGpcBEKP9e3NmG/uoKeDdQtkJ9xGeZNV9m9mpVookKIjEbyx5PfbwFYIyNtujC1uU3GFqmThgQbVRISMKEAdU4QKfbe+IQFiaINfv1cFLOARCNBcAzFy+z/Y3g5buEbpdNUKvdRSuqRwyC5+sya/hkjYkATzQPQD0czMw2HjMotJ3Eh1rBZzJn90i33EnPo8iwXQliZYsdIf0uNNbRLTCQ7Nt8q3DDcyabQxfc/PXClLg0R4yEJwoQA60JOVtqDlxqirjghAYLhXVSQ95jin6CY7oseqweb2yfZwqIls1DODVLw0xMJl3WpiYwUwb+HACqltEUyqxqzlcbHktgEI9RfIeSecSvNJo0gaVULWdE2WIRgJE/QbzsYklM3KPndc5mAOyU4GdtkdgznWyrWk0nJooCoKY2Q0JvDWBNoscuMHCC8nO+gbNMYdYU5/IEtg4dp7kD837ExqMWGBBqjF1ysZ0ZBzWVLXpKZdBkxaFaD9nRPRRqBg5XNgNx1qSQEhoKM3I+NqxNZbZeF/iwPBSP10zuy2jDhW6SifJezOVCA6VlwPN6HQkep4lG4kiBU27LJmZfEdop5Q7UCEFlS6sC9QNqw3QOQAL211EA6vF+Gv8sIlGM+c0gHWNej9QkooYNMUs8HgWpojoZgLGdFq6UWJbHUZNR0BSd4g/T5XKhPEZNWKovSKLil5Sro8YNpibw/HgyAHlqOaMwnd22+EhZMWU76eJccc5fGnsv+IKGtVXNNU9oNJqUE8IiAyxQNjg3SQWJjbkGcCnEhHoBoy9keueJUh1A+kjxq1nX+TlOL6jgDZwZiQz4YLiwwcTGMicU0gIfvH39i5k4jws/IZsr5OIzVzvpI4HL41SMyssXsmlIwQqI9LAlqS2AytFvk0l5xkB13BVbAI3QrMZMCa7Fiy5TBtDMe0gLsd1+dERSllBjvKa9yf0dmH+T/6kmufxD7p/PApA6ffspARDt73Dfewp3/cvbH60SCATWXc+5AAAAAElFTkSuQmCC') no-repeat left center;
background-size: 1.5rem;

}


.tm .file-folder-object-row.media-icon,
.tm .file-folder-object-row.video-icon {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAALHRFWHRDcmVhdGlvbiBUaW1lAFR1ZSAxMSBTZXAgMjAxOCAwMToxNTo0NSAtMDUwMNyF2QgAAAAHdElNRQfiCQsFEgrTo65/AAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAABS9JREFUeNrFV0tsG1UUPfPzxPY4iZPYxfm4cdImJFSUgilQEGpVlVIJgZAQKyQEYoOExI4FC4JALGCBhEBsu2PBpouKUkQlpCCVDSWJSAhKaZM0dmO7/sXxZz6eebwZ16mTjMd2hMSTx2O93z333HPvewb+58bYdS4vL193uVyDzcabNcMw4BLdpFAsIZcvfOVxRb+JRhnNaQ1v18my7FAoFAqDkH1jxGEzEwCha1RFQaVU+JwVFkwHvjwIAIiiiEYAhDiZJtZUXdehVasQXDx6fF4hn01/PPvbDXgE8nU0GrVlgm1NLGlpvN4YhgXP8+CoA4Ig4Oj4qK9UyH2RL2ofzMzM2NpqAYDA0fZ94/U5LMuA4zgKhIHb7UYgGMTEeITVldJHp8+99H6HAFobN8f3zmFQC5cVDk2D5JOYI0cirq1M4rMfr81+eOXKitgeAOI00Axcbczj8UCRZayvryMWiyGTySAyGnZX5dInsrwy1riCR9ttN912Y5pRE6LX68XU9LSVFWhgJJ3OsLpb+JR2vdZGCGzMOBg3269rZXw7G7cm8hwLl8Bbj2C+aVbxgsBQkUY7YKC2+dziMpZXbmEzHodBallBCM15o/b2+/sQCj0EPnISq5yIpZurODYRQb2Omd8cFajJiKqrTAcAal4nkmn0+3tx9a/b6D5zoSY0c+OyhsrcPJ4TOWzENxEJV6Ez3fhJluBOy4j0d4GlGUE/1gPsL618K+P1dyqdhQ8Kht2AbIhQKRvi6m0gH0PK1U2LjwiOWiEKwWKFR2lTwTtsEYN9vjpcKz3ZPQiaaoDsAkKQz29BLhjILMlI/7mO5PVZPMt/j6Pd87Tub0HVVGgsj0RqDSfVDfxR4vDdQgxVWhnt0rUlAOwBMDIcorRuYeSXayBbOXCCjq67cZQ2NjA8eAgCrYBV6qHMMXj76cM4Q7K4Kgzh9vrGPoc60kBtKRWPqqGQvYNYbhGp6oLZg4tFCYrB4IlpDbopSHO6qXiexesTPlye1zG/GseRyOEdDXQA4EHBMejma9STO+HjWLzwMsbyBZBCHNtrl8Emk9bYQCBgzoZGzwNzZbDfDz4bxyZkGn1iPR0zUI+bQVMtPBQCf6sMrxSApCrYDp1AbmQI0sIljFMPy4pqmajupIgZXwH9XtHJhAOABsDWaUjlK/BVuLwGsj1DGJU4nPb64Zl8Ax4lS0HqUFQdVcWwcm5xs4IAPRGPjwYPCKABBaEFJHY3gW4tBYlNY1TsxSO+MuYzKu6QPpT5QeSKMrTFbajbZVRoTf59o4izUhzTk9M1JskBQtDYXDyHwmYS6s+X8MKr5zFX8OOWN4i1vIFk1rwBUSHqDA6Vq+Ao8GeCKoanxqzcNxlkmtzumgAgaDx8zj5/CuVyBa9cOGepOWF48cNNHUsJBam8AoZqolqmDFDPDYZQsAweDh+C8wWuDQbqrEn0dJO8np3+4j0ZJU1BPFmAoJStO6Ba0dDV1Y1jPcZ9DbY27giA2Pyqgxr0cXhMLOBvqvCcRo9aSnp4QMAkl8a7T/XsZMHBAexEwN4LL710vvdkACeoyG78k7RATfWzOPXoUQT6e5oWnQ5D0Hgj3t1nGvC5Rbz4+BjOnxhDq1g7nQVtacAuFPvHnfZoPrHNNGxmvLXnrebYAqC5W78JtIfP1vge8XbEgFU8zHs+1zEz9gCI9afF7DP2pIctgFQ6h1g8QSuwzjCdSNoBDEP/Ld3L5EjfQHAXansGWPFNyS9dpAj+A/MPeJJ6+wjR9bcax/4Fe+t4HPqOkkkAAAAASUVORK5CYII=) no-repeat left center;
    background-size: contain;
    background-size: 1.5rem;
   /*display: inline-block;
    margin: 0.125rem .25rem 0.25rem -0.775rem;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    z-index: 100;*/*/
}


/* .word-doc-file-icon-base64-encoded   */
.tm .file-folder-object-row.doc-icon {

    background: transparent url('data:image/png;base64,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') no-repeat left center;
    background-size: contain;

}




.media-file-folder-name {
    /* border: .125rem inset rgba(220, 225, 255, .95); */
    border-radius: .125rem;
    /* background: rgba(50, 160, 250, .666); */
    margin: .05rem .125rem .05rem 0.5rem;
    width: calc(95% - 10rem);
    z-index: 10;
    overflow: hidden;
    line-height: 2;
    font-size: 0.85rem;
    padding: .015rem 0.75rem;
    position: initial;
    display: block;
    width: calc(95% - 0.5rem);
    color: rgb(200, 200, 250);
}



/*.media-file-folder-name:hover {

    border: .125rem inset rgba(220, 225, 255, .95);
     border-radius: .125rem; 
    background: rgba(50, 160, 250, .666);
    margin: -.125rem;
    z-index: 100;
    line-height: 2;
    color: rgb(13, 13, 13);
    transform: scale(1.05) translate(5%, 0);
    transition: transform .1s;
    
}*/

.media-file-folder-name>span:first-child:hover {
    border: .125rem outset rgba(220, 225, 255, .95);
    border-radius: 0.25rem;
    background: rgba(50, 160, 250, 0.7);
    /* margin: .125rem -1.5rem .125rem 0; */
    /* width: 89%; */
    /* left: 1rem; */
    z-index: 5000;
    /* line-height: 2; */
    /* display: block; */
    /* overflow: hidden; */
    /* position: relative; */
    /* position: absolute; */
    /* padding: .25rem .125rem; */
    /* line-height: 2; */
    /* display: block; */
    color: rgb(13, 13, 13);
    transform: scaleY(1.05) translate(0%, -15.5%);
    transition: transform .1s;
}



.media-file-folder-name>span:first-child {
    width: calc(95% - 8rem);
}


.media-file-folder-name>span {
    overflow: hidden;
    display: inline-block;
    /*width: calc(95% - 6rem);*/
    /* position: relative; */
    /* font-family: 'Tomorrow'; */
    margin: .05rem .125rem .05rem -0.5rem;
    letter-spacing: 0.0125rem;
    line-height: 2;
/*     background: yellow; */
}


.media-file-folder-name>span {
    overflow: hidden;
    display: inline-block;
    position: absolute;
    /* font-family: 'Tomorrow'; */
    margin: .05rem .125rem .05rem -0.125rem;
    letter-spacing: 0.0125rem;
    line-height: 2;
    /* background: yellow; */
}


.media-file-folder-name>span.media-description-column {
    /* right: 5%; */
    right: 0.5rem;
    position: absolute;
    width: 6rem;
    height: 1.75rem;
    line-height: 2;
    display: inline-block;
    margin: 0 .125rem 0 0.15rem;
}


/*****************************************************************************
 *                          File Folder context menu
 *****************************************************************************/
.folder-context-menu {
    /* height: 0; */
    width: 8rem;
    position: absolute;
    display: inline-block;
    background: rgba(50, 50, 75, 0.85);
    font-size: 90%;
    color: rgba(13, 13, 13, 1);
    border: 1px solid rgba(13, 13, 13, .9);
    border-radius: .25rem;
    box-shadow: 6px 6px 4px 4px rgba(13, 13, 13, .6);
    transition: .42s height ease-in-out;
    
}

.folder-context-menu ul {
    display: inline-block;
    position: relative;
    list-style-type: none;
    color: rgba(1, 1, 1, 1);
    font-size: 1rem;
    margin: 0.45rem 2px;
    padding: 0px 1px;
    border-radius: .125rem;
    width: inherit;
    margin-left: -1px;
    height: auto;    
}

.folder-context-menu ul li {
    display: inline-block;
    list-style-type: none;
    width: calc(100% - 4px);
    background: rgba( 150, 150, 150, 1);
    color: rgba(1, 1, 1, 1);
    font-size: 1rem;
    margin: 2px;
    padding: 4px 6px;
    border: 1px solid rgba(13, 13, 13, .9);
    border-radius: .125rem;
    cursor: pointer;
}
    
.folder-context-menu ul li:hover {
    display: block;
    list-style-type: none;
    background: rgba( 0, 0, 225, 1);
    color: rgba(225, 225, 250, 1);    
}


/* ----------------F O L D E R   S T Y L E S -----------------*/
.TCS.C-fileOrganization > .upload-error {
    font-weight: 800;
    color: rgba(200, 0, 0, 1);

}

.TCS.C-fileOrganization > .base64-data{
    margin-left: 2.5%;
    width:95%;
    height: fit-content;
    background: rgba(150, 150, 150, .4);
    word-wrap: break-word;



}

.TCS.C-fileOrganization > .folder-open {

}

.TCS.C-fileOrganization > .folder-closed {

}

.TCS.C-fileOrganization > .file-type--word-doc {

}

.TCS.C-fileOrganization > .file-type--text-doc {

}

.TCS.C-fileOrganization > .file-type--pdf-doc {

}

.TCS.C-fileOrganization > .file-type--source-code-doc {

}

.TCS.C-fileOrganization > .file-type--image {

}




/*--------------Media Queries ----------------------*/
@media only screen and (max-width: 1120px) {
  .TCS.L-fileOrganization_ideas-container {
    /*
    grid-column: 1/6;
    grid-row: 3;
    */
      grid-column: 1/11;
      grid-row:1;
 
  }

  .TCS.L-fileOrganization_files-container {
    grid-column: 6/12;
    grid-row: 3;
  }

  .currentFolders {
    grid-column: 1/6;
    grid-row: 1;
  }

  /* .draftFolders {
  grid-column: 6/12;
  grid-row: 1;
  } */

}


@media only screen and (max-width: 1020px) {
    .TCS.L-fileOrganization_main-container {
        display:block;
    }

    .TCS.L-fileOrganization_header-container {
        font-size:1.5em;
    }
    
    .tm .file-folder-object-row {
        
            height: 1.5rem;
            line-height: 1.8;
            font-size: .75rem;
    }
}







/**************************************************************************************
 *
 *                           STYLES FROM file-folder-icons.css
 * 
***************************************************************************************/

.folder-outer-container,
.folder-inner-container {
    /*
    margin: .5rem;
    padding: 0 1rem;
    margin: 0;
    /* background: rgba(50, 25, 33, 0.1); */
    /* width: 40rem; */
    /* max-width: 50rem; */
    /* width: 60rem; * /
    position: relative;
    margin-right: -1rem;
    padding-right: 0;
    */
    /*
    margin: .5rem;
    display: block;
    padding: 0;
    padding-left: 0px;
    margin: 0;
    background: rgba(50, 25, 33, 0.1);
    position: relative;
    margin-right: -1rem;
    /* margin-left: 16px; * /
    padding-right: 0;
    */

    padding-left: 1px;
    margin: 0;
    position: relative;
    margin-right: -1rem;

    padding-right: 0;

}

/*
.folder-wrapper {
    margin: 0;
    padding: 0;

    list-style-type: none;
    margin: 1px;
    display: block;
    padding: 0;
    padding-left: 0px;
    margin-left: -15px;
    list-style-type: none;
}*/

.folder-wrapper > .folder-outer-container,
.folder-outer-container { 
/* .folder-container { */
        margin-left: 16px !important;
        /* margin-left: 1.1rem !important; */
        margin-left: var(--file-folder-objects--margin) !important;
        /* background: rgba(50, 25, 33, 0.1); */
}

.folder-outer-container > .folder-inner-container {
    /* .folder-container { */
        /* background: rgba(13, 13, 13, 0.125); */
        background: unset;
        /* margin-left: -16px; */
        /* padding-left: 16px; */
}

/* ul.folder-inner-container:hover {
    background-color: rgba(25, 25, 175, .1);
    border: 3px dashed rgba(200, 0, 0, .75);
  } */

/* .file-item,
.folder-item,
.closed-folder-icon-base64-encoded,
.open-folder-icon-base64-encoded,
.open-network-drive-icon-base64-encoded,
.closed-network-drive-icon-base64-encoded,
.open-workstation-server-icon-base64-encoded,
.closed-workstation-server-icon-base64-encoded,
.open-check-list-icon-base64-encoded,
.closed-check-list-icon-base64-encoded { */
/*
margin: 0.1rem .1rem .1rem -1.0rem;
margin-left: -1rem;
*/
.file-item,
.folder-item,
.file-icon-base64-encoded,
.folder-icon-base64-encoded,
.network-drive-icon-base64-encoded,
.workstation-server-icon-base64-encoded,
.check-list-icon-base64-encoded {
  
    padding-left: var(--file-folder-objects--padding-left);
    white-space: nowrap;
    font-family: Tomorrow;
    font-size: var(--file-folder-objects--font-size);
    font-weight: 200;
    font-variant: petite-caps;
    padding: .25rem 0.05rem 0.25rem 1.45rem;
    letter-spacing: 0.1rem;
    line-height: var(--file-folder-objects--line-height);
    height:  var(--file-folder-objects--height);
    list-style-type: none;
    cursor: pointer;

}

    
.file-item.larger,
.folder-item.larger,
.file-icon-base64-encoded.larger,
.folder-icon-base64-encoded.larger,
.network-drive-icon-base64-encoded.larger,
.workstation-server-icon-base64-encoded.larger,
.check-list-icon-base64-encoded.larger {
    --file-folder-container--size-ratio: 1.40;
    /* padding-left: 1.75rem;
    font-size: 1.1rem;
    line-height: 1.5rem;
    height: 1.5rem; */

}
.file-item {
    white-space: nowrap;
    font-family: monospace;
    font-weight: 500;
    /*font-size: 1.05rem;*/


    /*
    background: transparent  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAsUlEQVQ4T2NkgIKE2q4DMDZW+j+jAgPj//0LmssSkeUZEQZ0/1/QXArnoxuSUNPdwMDIEMDwn2HDgpbSBpg8aQYw/H/PwMCQwMDIMHFBc9kCkCGkGODAwMAAwiBd9TDXYhiQUNtdwPCfgR97ePy7uKClfENCLcK7RLsA2UC8BoADi4HhP44YObigpfTAsHfBgMcC3vwAzze0TAcUuKDrAMN/RlwJCNVcRoaPC5pLA0CCALOMnRHTr6OKAAAAAElFTkSuQmCC') no-repeat left center;
    */
}

.file-item-selected {
    background-color: rgba(0, 0, 200, .7);
    
}

.file-folder-list-item-name {
    --file-folder-object--left-offset: 1rem;
    display: inline-block;
    /* overflow-x: scroll; */
    border-left: 1px solid rgba(13, 13, 13, .9);
    padding-left: 0.5rem;
    padding-right: .75rem;
    /* border-right: 1px solid rgba(13, 13, 13, .9); */
    
    max-width: calc(var(--file-folder-objects--width) - var(--file-folder-object--left-offset));
    width: max-content;
    border-right: 4px solid rgba(13, 13, 13, .7);

}



.file-folder-list-item-name:hover {
    border: .125rem inset rgba(220, 225, 255, .95);
    border-radius: .125rem;
    background: rgba(50, 160, 250, .666);
    margin: -.125rem;
    z-index: 10000;
    overflow: hidden;
    position: absolute;
    display: block;
    color: rgb(13, 13, 13);
    /* transition: transform .1s linear; */
    /* transform: translateX(27%) scale(1.5); */
  
    font-weight: 500;
    font-size: 75%;
   
    /* transition: transform 0.3s linear; */
    transform: translateX(20%) scale(1.4)
}


.file-folder-list-item-size {
    display: inline-block;
    /* width: 5rem; */
    /* overflow-x: scroll; */
    border-left: 1px solid rgba(13, 13, 13, .9);
    padding-left: 0.5rem;
    padding-right: .75rem;
    width:3rem;
    border-right: 1px solid rgba(13, 13, 13, .9);
}
.file-folder-list-item-numfiles {
    display: inline-block;
    
    /* overflow-x: scroll; */
    /* border-left: 1px solid rgba(13, 13, 13, .9); */
    padding-left: 0.5rem;
    padding-right: .75rem;
    width: calc(var(--file-folder-objects--width));
    /* border-right: 1px solid rgba(13, 13, 13, .9); */
}