/*
Compile SASS: browser.css
*/
.browser_container {
  font-size: 1.1rem;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */ }
  .browser_container .project_title {
    background-color: #515151;
    padding: 0.2rem 0.3rem;
    color: White; }
  .browser_container ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .browser_container ul li {
      cursor: default; }
      .browser_container ul li.odd {
        background-color: #c9c9c9; }
      .browser_container ul li.even {
        background-color: silver; }
      .browser_container ul li.hover {
        background-color: lightGrey; }
      .browser_container ul li.selected {
        background-color: #6060b6; }
        .browser_container ul li.selected > .title {
          color: White; }
      .browser_container ul li .title {
        padding: 0.3rem 0.5rem;
        display: flex; }
        .browser_container ul li .title .title_text {
          word-wrap: break-word; }
      .browser_container ul li .level1 > li > .title {
        padding-left: 2rem; }
      .browser_container ul li .level2 > li > .title {
        padding-left: 4rem; }
      .browser_container ul li .level3 > li > .title {
        padding-left: 6rem; }
      .browser_container ul li .level4 > li > .title {
        padding-left: 8rem; }
      .browser_container ul li .level5 > li > .title {
        padding-left: 10rem; }
      .browser_container ul li .level6 > li > .title {
        padding-left: 12rem; }
      .browser_container ul li .level7 > li > .title {
        padding-left: 14rem; }
      .browser_container ul li .level8 > li > .title {
        padding-left: 16rem; }
      .browser_container ul li .level9 > li > .title {
        padding-left: 18rem; }
      .browser_container ul li .level10 > li > .title {
        padding-left: 20rem; }
      .browser_container ul li .icon {
        font-style: normal;
        font-family: FontAwesome;
        margin-right: 0.5rem;
        color: #418eb0;
        display: inline-block; }
        .browser_container ul li .icon:before {
          content: "\f07b"; }
      .browser_container ul li.file .icon:before {
        content: "\f016"; }
      .browser_container ul li.dir.open > .title > .icon:before {
        content: "\f07c"; }
