/* line 1, ../../app/styles/base.scss */

html,
body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  color: #000;
  height: 100%;
  width: 100%;
}

/**

	SCSS containing everything platform specific

**/

/* line 12, ../../app/styles/base.scss */

.placeholder {
  display: none;
}

/* line 17, ../../app/styles/base.scss */

.explorer {
  width: 100%;
  height: 100%;
}

/* line 22, ../../app/styles/base.scss */

.explorer {
  /**
  	
  	Application states
  
  	**/
  /**
  	
  	Components states
  
  	**/
}

/* line 40, ../../app/styles/base.scss */

.explorer .loader,
.explorer .closeBtn,
.explorer .logoutBtn,
.explorer .breadcrumb,
.explorer .export,
.explorer .home,
.explorer .fileBrowser,
.explorer .alertPopup,
.explorer .authPopup,
.explorer .footer,
.explorer .parentFolderBtn,
.explorer .newFolderBtn,
.explorer .listItemsBtn,
.explorer .iconItemsBtn,
.explorer .deleteBtn,
.explorer .fileBrowser .files ul .folder.new {
  display: none;
}

/* line 53, ../../app/styles/base.scss */

.explorer.loading .loader {
  display: block;
}

/* line 59, ../../app/styles/base.scss */

.explorer.loading .fileBrowser .dropzone {
  display: none;
}

/* line 68, ../../app/styles/base.scss */

.explorer.starting .home {
  display: block;
}

/* line 72, ../../app/styles/base.scss */

.explorer.starting .closeBtn {
  display: inline-block;
}

/* line 80, ../../app/styles/base.scss */

.explorer.browsing .fileBrowser {
  display: block;
}

/* line 88, ../../app/styles/base.scss */

.explorer.browsing .parentFolderBtn,
.explorer.browsing .newFolderBtn,
.explorer.browsing .listItemsBtn,
.explorer.browsing .iconItemsBtn,
.explorer.browsing .closeBtn {
  display: inline-block;
}

/* line 92, ../../app/styles/base.scss */

.explorer.browsing .breadcrumb {
  display: block;
}

/* line 98, ../../app/styles/base.scss */

.explorer.browsing .export button {
  display: none;
}

/* line 112, ../../app/styles/base.scss */

.explorer.browsing.single-file-exp-mode .footer {
  display: block;
}

/* line 116, ../../app/styles/base.scss */

.explorer.browsing.single-file-exp-mode .export {
  display: inline-block;
}

/* line 120, ../../app/styles/base.scss */

.explorer.browsing.single-file-exp-mode .export .saveBtn {
  display: inline-block;
}

/* line 124, ../../app/styles/base.scss */

.explorer.browsing.single-file-exp-mode .export .overwriteBtn {
  display: none;
}

/* line 134, ../../app/styles/base.scss */

.explorer.browsing.single-file-exp-mode.export-overwriting .export .saveBtn {
  display: none;
}

/* line 138, ../../app/styles/base.scss */

.explorer.browsing.single-file-exp-mode.export-overwriting .export .overwriteBtn {
  display: inline-block;
}

/* line 148, ../../app/styles/base.scss */

.explorer.browsing.making-new-folder .fileBrowser .files ul .folder.new {
  display: block;
}

/* line 156, ../../app/styles/base.scss */

.explorer.authorizing .authPopup {
  display: block;
}

/* line 164, ../../app/styles/base.scss */

.explorer.alerting .alertPopup {
  display: block;
}

/* line 172, ../../app/styles/base.scss */

.explorer.loggedin .logoutBtn {
  display: block;
}

/* line 195, ../../app/styles/base.scss */

.explorer .fileBrowser .files .list ul li input[type="text"] {
  display: none;
}

/* line 202, ../../app/styles/base.scss */

.explorer .fileBrowser .files .list ul li.renaming .fileName {
  display: none;
}

/* line 206, ../../app/styles/base.scss */

.explorer .fileBrowser .files .list ul li.renaming input[type="text"] {
  display: inline-block;
}

/* line 214, ../../app/styles/base.scss */

.explorer .fileBrowser .files .list ul li.new input[type="text"] {
  display: inline-block;
}

/* line 226, ../../app/styles/base.scss */

.explorer.selecting .footer {
  display: block;
}

/* line 230, ../../app/styles/base.scss */

.explorer.selecting button.deleteBtn {
  display: inline-block;
}

/* line 1, ../../app/styles/default/theme.scss */

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 3, ../../app/styles/default/theme.scss */

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 5, ../../app/styles/default/theme.scss */

body,
input[type="text"] {
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  color: #727271;
}

/* line 9, ../../app/styles/default/theme.scss */

button:focus {
  outline: 0;
}

/* avoid default blue outline on chrome */

/* line 11, ../../app/styles/default/theme.scss */

.explorer-bg {
  background-color: black;
  opacity: .5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* line 17, ../../app/styles/default/theme.scss */

.explorer {
  position: relative;
  top: 50%;
  margin: auto;
  margin-top: -330px;
  height: 660px;
  width: 80%;
  min-width: 640px;
  background-color: white;
  opacity: 1;
  border-radius: 5px;
  overflow: hidden;
  /*
  	STYLING BY STATE
  */
}

/* line 24, ../../app/styles/default/theme.scss */

.explorer .loader,
.explorer .alertPopup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/* line 29, ../../app/styles/default/theme.scss */

.explorer .loader div.bg,
.explorer .alertPopup div.bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: .5;
}

/* line 34, ../../app/styles/default/theme.scss */

.explorer .loader div.txt,
.explorer .alertPopup div.txt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 450px;
  margin-left: -225px;
  padding: 20px;
  background-color: white;
  opacity: 1;
  border-radius: 10px;
  text-align: center;
  font-size: 20px;
}

/* line 48, ../../app/styles/default/theme.scss */

.explorer .loader div.txt {
  height: 80px;
  margin-top: -40px;
}

/* line 54, ../../app/styles/default/theme.scss */

.explorer .alertPopup div.txt {
  height: 160px;
  margin-top: -80px;
}

/* line 58, ../../app/styles/default/theme.scss */

.explorer .alertPopup div.txt .choice {
  padding: 6px;
  margin: 2px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 5px;
}

/* line 64, ../../app/styles/default/theme.scss */

.explorer .alertPopup div.txt .choice:nth-of-type(1) {
  border: 2px solid red;
}

/* line 67, ../../app/styles/default/theme.scss */

.explorer .alertPopup div.txt .choice:nth-of-type(2) {
  border: 2px solid green;
}

/* line 70, ../../app/styles/default/theme.scss */

.explorer .alertPopup div.txt .choice:nth-of-type(1):hover {
  background: red;
  color: #FFF;
}

/* line 73, ../../app/styles/default/theme.scss */

.explorer .alertPopup div.txt .choice:nth-of-type(2):hover {
  background: green;
  color: #FFF;
}

/* line 80, ../../app/styles/default/theme.scss */

.explorer .alertPopup.warning div.txt {
  background-color: orange;
}

/* line 87, ../../app/styles/default/theme.scss */

.explorer .alertPopup.error div.txt {
  background-color: red;
}

/* line 93, ../../app/styles/default/theme.scss */

.explorer .home {
  text-align: center;
}

/* line 97, ../../app/styles/default/theme.scss */

.explorer .home span {
  display: inline-block;
  font-size: 20px;
  margin-top: 180px;
}

/* line 101, ../../app/styles/default/theme.scss */

.explorer .home ul {
  display: block;
  width: 400px;
  margin: auto;
  margin-top: 15px;
}

/* line 104, ../../app/styles/default/theme.scss */

.explorer .home ul li {
  display: inline-block;
  width: 110px;
  height: 110px;
  vertical-align: top;
  margin: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 90px;
  background-repeat: no-repeat;
  background-size: auto 110px;
  background-position: 0px -8px;
  border: 1px solid 34b7ea;
  font-size: 16;
}

/* line 122, ../../app/styles/default/theme.scss */

.explorer .home ul li:hover {
  background-position: -110px -8px;
  border: 1px solid 288cb3;
}

/* line 126, ../../app/styles/default/theme.scss */

.explorer .home ul li:active {
  background-position: -220px -8px;
  border: 1px solid 195a73;
}

/* line 130, ../../app/styles/default/theme.scss */

.explorer .home ul li.dropbox {
  background-image: url("../images/default/home-dropbox.png");
}

/* line 133, ../../app/styles/default/theme.scss */

.explorer .home ul li.www {
  background-image: url("../images/default/home-www.png");
}

/* line 136, ../../app/styles/default/theme.scss */

.explorer .home ul li.ftp {
  background-image: url("../images/default/home-ftp.png");
}

/* line 142, ../../app/styles/default/theme.scss */

.explorer .header {
  position: relative;
  z-index: 2;
  height: 104px;
  background-color: #282828;
  background-image: url("../images/default/ce-header.png");
  background-repeat: no-repeat;
  background-size: auto 70%;
  background-position: 20px 50%;
}

/* line 153, ../../app/styles/default/theme.scss */

.explorer .header .controls {
  position: absolute;
  top: 26px;
  right: 10px;
  width: 310px;
  height: 52px;
}

/* line 158, ../../app/styles/default/theme.scss */

.explorer .header .controls button {
  float: left;
  width: 52px;
  height: 52px;
  padding: 0;
  border: 0;
  margin: 0;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: transparent;
  cursor: pointer;
}

/* line 168, ../../app/styles/default/theme.scss */

.explorer .header .controls button:hover {
  background-position: -52px 0px;
}

/* line 172, ../../app/styles/default/theme.scss */

.explorer .header .controls button:active {
  background-position: -104px 0px;
}

/* line 176, ../../app/styles/default/theme.scss */

.explorer .header .controls button:disabled {
  background-position: -208px 0px;
  cursor: not-allowed;
}

/* line 181, ../../app/styles/default/theme.scss */

.explorer .header .controls button.parentFolderBtn {
  background-image: url("../images/default/btn-parent-folder.png");
  margin-right: 10px;
}

/* line 186, ../../app/styles/default/theme.scss */

.explorer .header .controls button.newFolderBtn {
  background-image: url("../images/default/btn-new-folder.png");
  margin-right: 20px;
}

/* line 191, ../../app/styles/default/theme.scss */

.explorer .header .controls button.listItemsBtn {
  background-image: url("../images/default/btn-list-items.png");
  margin-right: 10px;
}

/* line 196, ../../app/styles/default/theme.scss */

.explorer .header .controls button.iconItemsBtn {
  background-image: url("../images/default/btn-icon-items.png");
  margin-right: 10px;
}

/* line 201, ../../app/styles/default/theme.scss */

.explorer .header .controls button.closeBtn {
  background-image: url("../images/default/btn-close.png");
}

/* line 208, ../../app/styles/default/theme.scss */

.explorer .authPopup {
  position: absolute;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

/* line 215, ../../app/styles/default/theme.scss */

.explorer .authPopup div {
  position: absolute;
  top: 50%;
  height: 80px;
  margin-top: -40px;
  left: 50%;
  width: 450px;
  margin-left: -225px;
  padding: 20px;
  background-color: #FFFFFF;
  border-radius: 10px;
  color: #727271;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

/* line 231, ../../app/styles/default/theme.scss */

.explorer .breadcrumb {
  padding: 6px;
  padding-left: 50px;
  font-size: 14px;
  background: url("../images/default/breadcrumb.png") no-repeat 10px 50%/auto 65%;
}

/* line 237, ../../app/styles/default/theme.scss */

.explorer .breadcrumb .pathIt {
  font-style: italic;
  cursor: pointer;
  color: #727271;
}

/* line 242, ../../app/styles/default/theme.scss */

.explorer .breadcrumb .pathIt:hover {
  text-decoration: underline;
}

/* line 247, ../../app/styles/default/theme.scss */

.explorer .fileBrowser {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: -104px;
  padding-top: 104px;
  padding-bottom: 0px;
}

/* line 253, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services,
.explorer .fileBrowser .files {
  float: left;
  height: 100%;
  /* overflow: hidden; */
}

/* line 259, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services {
  position: relative;
  width: 53px;
  z-index: 10;
  border-right: 1px solid #282828;
}

/* line 264, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services .logoutBtn {
  height: 52px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

/* line 269, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul {
  height: 100%;
  width: 100%;
  padding-bottom: 52px;
}

/* line 272, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul > li {
  display: block;
  float: left;
  height: 52px;
  width: 52px;
  border-bottom: 1px solid #666666;
  cursor: pointer;
  background-repeat: no-repeat, no-repeat;
  background-position: 32px 9px, 0px 0px;
  background-size: 11px 11px, auto 52px;
}

/* line 281, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul > li:hover {
  background-position: 32px 9px, -52px 0px;
}

/* line 284, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul > li:hover ul.contextMenu {
  /* display: block; WIP */
}

/* line 288, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul > li:active {
  background-position: 32px 9px, -104px 0px;
}

/* line 291, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul > li.dropbox {
  background-image: url("../images/default/srv-state-disconnected.png"), url("../images/default/srv-dropbox.png");
}

/* line 294, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul > li.dropbox.connected {
  background-image: url("../images/default/srv-state-connected.png"), url("../images/default/srv-dropbox.png");
}

/* line 297, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul > li.www {
  background-image: url("../images/default/srv-state-disconnected.png"), url("../images/default/srv-www.png");
}

/* line 300, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul > li.www.connected {
  background-image: url("../images/default/srv-state-connected.png"), url("../images/default/srv-www.png");
}

/* line 303, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul > li.ftp {
  background-image: url("../images/default/srv-state-disconnected.png"), url("../images/default/srv-ftp.png");
}

/* line 306, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul > li.ftp.connected {
  background-image: url("../images/default/srv-state-connected.png"), url("../images/default/srv-ftp.png");
}

/* line 310, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul ul.contextMenu {
  position: absolute;
  z-index: 20;
  width: 170px;
  left: 50px;
  margin-top: 4px;
  display: none;
  padding: 0px;
  background-color: #fcf6d6;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid black;
}

/* line 325, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul ul.contextMenu li {
  height: 27px;
  line-height: 26px;
  margin: 0px;
  padding: 0px;
  padding-left: 6px;
  border-bottom: 1px solid black;
}

/* line 330, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul ul.contextMenu li:hover {
  text-decoration: underline;
}

/* line 333, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul ul.contextMenu li.logout {
  display: none;
}

/* line 337, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul ul.contextMenu::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -12px;
  margin-top: 8px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

/* line 350, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul li.connected li.login {
  display: none;
}

/* line 353, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .services > ul li.connected li.logout {
  display: block;
}

/* line 359, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files {
  position: absolute;
  width: 100%;
  top: 104px;
  left: 0;
  padding-left: 52px;
}

/* line 364, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list {
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  height: 100%;
  padding-bottom: 224px;
}

/* line 369, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list .titles {
  color: #34B8EB;
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: 1px solid #34B8EB;
  border-bottom: 1px solid #34B8EB;
}

/* line 374, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list .titles span {
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 378, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list .titles span.sortArrow {
  width: 6px;
  height: 6px;
  margin-right: 6px;
  background-image: url("../images/default/btn-sort.png");
  background-size: auto 6px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

/* line 387, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list .titles span:hover {
  text-decoration: underline;
}

/* line 389, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list .titles span:hover .sortArrow {
  background-position: -6px 0px;
}

/* line 394, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list .titles span:active .sortArrow {
  background-position: -12px 0px;
}

/* line 398, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list .titles .lastUpdate {
  width: 150px;
}

/* line 401, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list .titles .fileName {
  margin-left: 20px;
  padding-left: 35px;
  width: 210px;
}

/* line 405, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list .titles .fileType {
  width: 60px;
}

/* line 408, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list .titles .lastUpdate,
.explorer .fileBrowser .files .list .titles .fileType {
  float: right;
  text-align: center;
}

/* line 412, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items {
  height: 100%;
  padding-bottom: 30px;
}

/* line 414, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul {
  height: 100%;
  overflow-y: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 418, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li .fileName {
  cursor: pointer;
}

/* line 421, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li .fileType {
  width: 60px;
}

/* line 424, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li .lastUpdate {
  width: 150px;
}

/* line 427, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li .fileType,
.explorer .fileBrowser .files .list div.items ul li .lastUpdate {
  float: right;
  text-align: center;
}

/* line 430, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

/* line 434, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li {
  clear: both;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #e5e5e5;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/* line 439, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li span.icon {
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: auto 34px;
  background-position: 0px 0px;
}

/* line 447, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li input,
.explorer .fileBrowser .files .list div.items ul li button,
.explorer .fileBrowser .files .list div.items ul li span {
  vertical-align: middle;
}

/* line 450, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li span.fileName,
.explorer .fileBrowser .files .list div.items ul li input[type="text"] {
  cursor: pointer;
}

/* line 453, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li input[type="text"] {
  border: 0;
  margin: 0;
}

/* line 456, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li button {
  display: none;
  width: 34px;
  height: 34px;
  border: 0;
  padding: 0;
  margin-left: 10px;
  cursor: pointer;
  background-color: transparent;
  background-size: auto 34px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

/* line 468, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li button:hover {
  background-position: -34px 0px;
}

/* line 471, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li button:active {
  background-position: -68px 0px;
}

/* line 474, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li button.select {
  background-image: url("../images/default/btn-item-select.png");
}

/* line 477, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li button.rename {
  background-image: url("../images/default/btn-item-rename.png");
}

/* line 480, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li button.delete {
  background-image: url("../images/default/btn-item-delete.png");
}

/* line 485, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li.nosel input[type="checkbox"] {
  display: none;
}

/* line 488, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li.nosel .fileName {
  margin-left: 25px;
}

/* line 493, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li:hover span.icon {
  background-position: -34px 0px;
}

/* line 496, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li:hover button.rename,
.explorer .fileBrowser .files .list div.items ul li:hover button.delete {
  display: inline-block;
}

/* line 501, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li:active span.icon {
  background-position: -68px 0px;
}

/* line 506, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li.folder span.icon {
  background-image: url("../images/default/icon-folder.png");
}

/* line 510, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li.folder.new input[type="text"] {
  margin-left: 20px;
}

/* line 516, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li.file span.icon {
  background-image: url("../images/default/icon-file.png");
}

/* line 521, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li.file.image span.icon {
  background-image: url("../images/default/icon-image.png");
}

/* line 526, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li.file.sound span.icon {
  background-image: url("../images/default/icon-sound.png");
}

/* line 531, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li.file.video span.icon {
  background-image: url("../images/default/icon-video.png");
}

/* line 535, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li.filteredOut {
  /* display: none; */
  color: grey;
  font-style: italic;
  cursor: not-allowed;
}

/* line 540, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li.filteredOut span.fileName {
  cursor: not-allowed;
}

/* line 545, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li.filteredOut:hover span.icon {
  background-position: 0px 0px;
}

/* line 548, ../../app/styles/default/theme.scss */

.explorer .fileBrowser .files .list div.items ul li.filteredOut:hover button.rename,
.explorer .fileBrowser .files .list div.items ul li.filteredOut:hover button.delete {
  display: none;
}

/* line 561, ../../app/styles/default/theme.scss */

.explorer .fileBrowser.selectFolders .files .list ul li:hover button.select {
  display: inline-block;
}

/* line 571, ../../app/styles/default/theme.scss */

.explorer .dropzone {
  position: relative;
  height: 92px;
  z-index: 10;
  margin-top: -224px;
  border-top: 1px dashed #34B8EB;
  background: url("../images/default/dropzone.png") no-repeat center/auto 50%;
  text-align: center;
  color: #34B7EA;
}

/* line 579, ../../app/styles/default/theme.scss */

.explorer .dropzone h2 {
  margin-top: 4px;
  margin-bottom: 11px;
  position: relative;
  font-weight: 300;
  font-size: 14pt;
}

/* line 587, ../../app/styles/default/theme.scss */

.explorer .dropzone div,
.explorer .dropzone div button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
}

/* line 591, ../../app/styles/default/theme.scss */

.explorer .dropzone div button {
  background: transparent;
  color: #34B7EA;
  line-height: 150px;
  font-weight: 300;
  font-size: 11pt;
  cursor: pointer;
}

/* line 601, ../../app/styles/default/theme.scss */

.explorer .dropzone div button:hover {
  text-decoration: underline;
}

/* line 604, ../../app/styles/default/theme.scss */

.explorer .dropzone div input {
  opacity: 0;
}

/* line 609, ../../app/styles/default/theme.scss */

.explorer .footer {
  position: relative;
  height: 52px;
  margin-top: -52px;
  background: #34B8EB;
  border-top: 1px solid #282828;
  text-align: center;
}

/* line 617, ../../app/styles/default/theme.scss */

.explorer .footer button.deleteBtn,
.explorer .footer div.export .saveBtn,
.explorer .footer div.export .overwriteBtn {
  background: #fff;
  height: 40px;
  padding: 8px;
  border: 0;
  font-weight: 300;
  font-size: 18px;
  color: #444;
  text-transform: lowercase;
  cursor: pointer;
}

/* line 628, ../../app/styles/default/theme.scss */

.explorer .footer button.deleteBtn,
.explorer .footer div.export {
  margin-top: 6px;
}

/* line 631, ../../app/styles/default/theme.scss */

.explorer .footer button.deleteBtn {
  float: right;
  margin-right: 10px;
}

/* line 637, ../../app/styles/default/theme.scss */

.explorer .footer div.export .saveBtn,
.explorer .footer div.export .overwriteBtn {
  color: #FFF;
}

/* line 640, ../../app/styles/default/theme.scss */

.explorer .footer div.export .overwriteBtn {
  background: orange;
}

/* line 643, ../../app/styles/default/theme.scss */

.explorer .footer div.export .saveBtn {
  background: green;
}

/* line 656, ../../app/styles/default/theme.scss */

.explorer.starting .header .controls {
  width: 52px;
}

/* line 662, ../../app/styles/default/theme.scss */

.explorer.selecting,
.explorer.browsing.single-file-exp-mode {
  /* footer <+ ?> */
}

/* line 664, ../../app/styles/default/theme.scss */

.explorer.selecting .fileBrowser,
.explorer.browsing.single-file-exp-mode .fileBrowser {
  padding-bottom: 52px;
  /* for footer */
}

/* line 669, ../../app/styles/default/theme.scss */

.explorer.selecting.browsing.single-file-sel-mode {
  /* dropzone + footer */
}

/* line 675, ../../app/styles/default/theme.scss */

.explorer.selecting.browsing.single-file-sel-mode .fileBrowser .files .list {
  padding-bottom: 276px;
  /* for footer + dropzone + titles + header */
}

/* line 680, ../../app/styles/default/theme.scss */

.explorer.selecting.browsing.single-file-sel-mode .fileBrowser .dropzone {
  margin-top: -276px;
}

/* line 686, ../../app/styles/default/theme.scss */

.explorer.browsing.single-file-exp-mode {
  /* footer (no dropzone) */
}

/* line 692, ../../app/styles/default/theme.scss */

.explorer.browsing.single-file-exp-mode .fileBrowser .files .list {
  padding-bottom: 184px;
}

/* line 697, ../../app/styles/default/theme.scss */

.explorer.browsing.single-file-exp-mode .fileBrowser .dropzone {
  display: none;
}

/* line 707, ../../app/styles/default/theme.scss */

.explorer.items-list .header .listItemsBtn,
.explorer.items-list .header .listItemsBtn:hover {
  background-position: -156px 0px;
}

/* line 716, ../../app/styles/default/theme.scss */

.explorer.items-icons .header .iconItemsBtn,
.explorer.items-icons .header .iconItemsBtn:hover {
  background-position: -156px 0px;
}

/* line 725, ../../app/styles/default/theme.scss */

.explorer.browsing.making-new-folder .header .newFolderBtn,
.explorer.browsing.making-new-folder .header .newFolderBtn:hover {
  background-position: -156px 0px;
}

/* line 735, ../../app/styles/default/theme.scss */

.explorer.sortedby-name.asc .files .list .titles .fileName span.sortArrow {
  background-position: -18px 0px;
}

/* line 748, ../../app/styles/default/theme.scss */

.explorer.sortedby-name.desc .files .list .titles .fileName span.sortArrow {
  background-position: -18px 0px;
  -webkit-transform: rotate(0.5turn);
  transform: rotate(0.5turn);
}

/* line 762, ../../app/styles/default/theme.scss */

.explorer.sortedby-type.asc .files .list .titles .fileType span.sortArrow {
  background-position: -18px 0px;
}

/* line 775, ../../app/styles/default/theme.scss */

.explorer.sortedby-type.desc .files .list .titles .fileType span.sortArrow {
  background-position: -18px 0px;
  -webkit-transform: rotate(0.5turn);
  transform: rotate(0.5turn);
}

/* line 789, ../../app/styles/default/theme.scss */

.explorer.sortedby-lastUpdate.asc .files .list .titles .lastUpdate span.sortArrow {
  background-position: -18px 0px;
}

/* line 802, ../../app/styles/default/theme.scss */

.explorer.sortedby-lastUpdate.desc .files .list .titles .lastUpdate span.sortArrow {
  background-position: -18px 0px;
  -webkit-transform: rotate(0.5turn);
  transform: rotate(0.5turn);
}

/* line 814, ../../app/styles/default/theme.scss */

.explorer.srv-dropbox .fileBrowser .services li.dropbox {
  background-position: 32px 9px, -156px 0px;
}

/* line 823, ../../app/styles/default/theme.scss */

.explorer.srv-ftp .fileBrowser .services li.ftp {
  background-position: 32px 9px, -156px 0px;
}

/* line 832, ../../app/styles/default/theme.scss */

.explorer.srv-www .fileBrowser .services li.www {
  background-position: 32px 9px, -156px 0px;
}