/*********************************************/
/*********************************************/
.elfinder .elfinder-navbar {
/*box-sizing: border-box;*/
.elfinder .elfinder-navdock {
.elfinder-navdock .ui-resizable-n {
.elfinder-ltr .elfinder-navbar {
.elfinder-rtl .elfinder-navbar {
.elfinder-ltr .ui-resizable-e {
/* folders tree container */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
.elfinder-navbar-wrapper, .elfinder-place-wrapper {
border: 1px solid transparent;
.elfinder-touch .elfinder-navbar-dir {
.elfinder-ltr .elfinder-navbar-dir {
.elfinder-rtl .elfinder-navbar-dir {
background-image: url("../img/arrows-normal.png");
background-repeat: no-repeat;
/* border:1px solid #111;*/
.elfinder-ltr .elfinder-navbar-arrow {
.elfinder-rtl .elfinder-navbar-arrow {
.elfinder-touch .elfinder-navbar-arrow {
-moz-transform-origin: top left;
-moz-transform: scale(1.4);
.elfinder-ltr.elfinder-touch .elfinder-navbar-arrow {
.elfinder-rtl.elfinder-touch .elfinder-navbar-arrow {
.ui-state-active .elfinder-navbar-arrow {
background-image: url("../img/arrows-active.png");
/* collapsed/expanded arrow view */
.elfinder-navbar-collapsed .elfinder-navbar-arrow {
.elfinder-subtree-chksubdir .elfinder-navbar-arrow {
filter: Alpha(Opacity=25);
/* arrow ltr/rtl enviroment */
.elfinder-ltr .elfinder-navbar-collapsed .elfinder-navbar-arrow {
background-position: 0 4px;
.elfinder-rtl .elfinder-navbar-collapsed .elfinder-navbar-arrow {
background-position: 0 -10px;
.elfinder-ltr .elfinder-navbar-expanded .elfinder-navbar-arrow,
.elfinder-rtl .elfinder-navbar-expanded .elfinder-navbar-arrow {
background-position: 0 -21px;
background-image: url("../img/toolbar.png");
background-repeat: no-repeat;
background-position: 0 -16px;
.elfinder-ltr .elfinder-navbar-icon {
.elfinder-rtl .elfinder-navbar-icon {
.elfinder-places .elfinder-navbar-root .elfinder-navbar-icon {
background-position: 0 -704px;
.elfinder-tree .elfinder-navbar-root-local .elfinder-navbar-icon,
.elfinder-tree .elfinder-navbar-root-trash .elfinder-navbar-icon,
.elfinder-tree .elfinder-navbar-root-ftp .elfinder-navbar-icon,
.elfinder-tree .elfinder-navbar-root-sql .elfinder-navbar-icon,
.elfinder-tree .elfinder-navbar-root-dropbox .elfinder-navbar-icon,
.elfinder-tree .elfinder-navbar-root-googledrive .elfinder-navbar-icon,
.elfinder-tree .elfinder-navbar-root-onedrive .elfinder-navbar-icon,
.elfinder-tree .elfinder-navbar-root-box .elfinder-navbar-icon,
.elfinder-tree .elfinder-navbar-root-zip .elfinder-navbar-icon,
.elfinder-tree .elfinder-navbar-root-network .elfinder-navbar-icon {
background-position: 0 0;
background-size: contain;
/* root icon of each volume "\9" for IE8 trick */
.elfinder-tree .elfinder-navbar-root-local .elfinder-navbar-icon {
background-image: url("../img/volume_icon_local.svg");
background-image: url("../img/volume_icon_local.png") \9;
.elfinder-tree .elfinder-navbar-root-trash .elfinder-navbar-icon {
background-image: url("../img/volume_icon_trash.svg");
background-image: url("../img/volume_icon_trash.png") \9;
.elfinder-tree .elfinder-navbar-root-ftp .elfinder-navbar-icon {
background-image: url("../img/volume_icon_ftp.svg");
background-image: url("../img/volume_icon_ftp.png") \9;
.elfinder-tree .elfinder-navbar-root-sql .elfinder-navbar-icon {
background-image: url("../img/volume_icon_sql.svg");
background-image: url("../img/volume_icon_sql.png") \9;
.elfinder-tree .elfinder-navbar-root-dropbox .elfinder-navbar-icon {
background-image: url("../img/volume_icon_dropbox.svg");
background-image: url("../img/volume_icon_dropbox.png") \9;
.elfinder-tree .elfinder-navbar-root-googledrive .elfinder-navbar-icon {
background-image: url("../img/volume_icon_googledrive.svg");
background-image: url("../img/volume_icon_googledrive.png") \9;
.elfinder-tree .elfinder-navbar-root-onedrive .elfinder-navbar-icon {
background-image: url("../img/volume_icon_onedrive.svg");
background-image: url("../img/volume_icon_onedrive.png") \9;
.elfinder-tree .elfinder-navbar-root-box .elfinder-navbar-icon {
background-image: url("../img/volume_icon_box.svg");
background-image: url("../img/volume_icon_box.png") \9;
.elfinder-tree .elfinder-navbar-root-zip .elfinder-navbar-icon {
background-image: url("../img/volume_icon_zip.svg");
background-image: url("../img/volume_icon_zip.png") \9;
.elfinder-tree .elfinder-navbar-root-network .elfinder-navbar-icon {
background-image: url("../img/volume_icon_network.svg");
background-image: url("../img/volume_icon_network.png") \9;
/* icon in active/hove/dropactive state */
.ui-state-active .elfinder-navbar-icon,
.elfinder-droppable-active .elfinder-navbar-icon,
.ui-state-hover .elfinder-navbar-icon {
background-position: 0 -32px;
.elfinder-ltr .elfinder-navbar-subtree {
.elfinder-rtl .elfinder-navbar-subtree {
.elfinder-tree .elfinder-spinner {
/* spinner ltr/rtl enviroment */
.elfinder-ltr .elfinder-tree .elfinder-spinner {
.elfinder-rtl .elfinder-tree .elfinder-spinner {
.elfinder-navbar .elfinder-perms,
.elfinder-navbar .elfinder-lock,
.elfinder-navbar .elfinder-symlink {
filter: Alpha(Opacity=60);
.elfinder-navbar .elfinder-perms {
.elfinder-navbar .elfinder-lock {
/* permissions/symlink markers ltr/rtl enviroment */
.elfinder-ltr .elfinder-navbar .elfinder-perms {
.elfinder-rtl .elfinder-navbar .elfinder-perms {
.elfinder-ltr .elfinder-navbar .elfinder-lock {
.elfinder-rtl .elfinder-navbar .elfinder-lock {
.elfinder-ltr .elfinder-navbar .elfinder-symlink {
.elfinder-rtl .elfinder-navbar .elfinder-symlink {
.elfinder-navbar .ui-resizable-handle {
background: transparent url('../img/resize.png') center center no-repeat;
.elfinder-nav-handle-icon {
filter: Alpha(Opacity=50);
.elfinder-touch .elfinder-navbar-pager {
.elfinder-places.elfinder-droppable-active {
/*border:1px solid #8cafed;*/
/* navbar swipe handle */
.elfinder-navbar-swipe-handle {
.elfinder-ltr .elfinder-navbar-swipe-handle {
background: linear-gradient(to right,
rgba(221, 228, 235, 1) 0,
rgba(221, 228, 235, 0.8) 5px,
rgba(216, 223, 230, 0.3) 8px,
.elfinder-rtl .elfinder-navbar-swipe-handle {
background: linear-gradient(to left,
rgba(221, 228, 235, 1) 0,
rgba(221, 228, 235, 0.8) 5px,
rgba(216, 223, 230, 0.3) 8px,