/*!
* elFinder-Material-Theme (Gray) v2.1.15 (https://github.com/RobiNN1/elFinder-Material-Theme)
* Copyright 2016-2023 Róbert Kelčák
* Licensed under MIT (https://github.com/RobiNN1/elFinder-Material-Theme/blob/master/LICENSE)
*/
.elfinder {
color: #546e7a;
font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.elfinder.ui-widget.ui-widget-content {
font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
border-radius: 0;
border: 0;
}
.elfinder * {
outline: 0 !important;
}
/**
* Loading
*/
.elfinder-info-spinner,
.elfinder-navbar-spinner,
.elfinder-button-icon-spinner {
background: url("../../material/images/loading.svg") center center no-repeat !important;
width: 16px;
height: 16px;
}
/**
* Progress Bar
*/
@-webkit-keyframes progress-animation {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-animation {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
.elfinder-notify-progressbar {
border: 0;
}
.elfinder-notify-progress,
.elfinder-notify-progressbar {
border-radius: 0;
}
.elfinder-notify-progress,
.elfinder-resize-spinner {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
-webkit-animation: progress-animation 1s linear infinite;
animation: progress-animation 1s linear infinite;
background-color: #0275d8;
height: 1rem;
}
/**
* Toast Notification
*/
.elfinder .elfinder-toast > div {
background-color: #323232 !important;
color: #d6d6d6;
box-shadow: none;
opacity: inherit;
padding: 10px 60px;
}
.elfinder .elfinder-toast > div button.ui-button {
color: #fff;
}
.elfinder .elfinder-toast > .toast-info button.ui-button {
background-color: #3498db;
}
.elfinder .elfinder-toast > .toast-error button.ui-button {
background-color: #f44336;
}
.elfinder .elfinder-toast > .toast-success button.ui-button {
background-color: #4caf50;
}
.elfinder .elfinder-toast > .toast-warning button.ui-button {
background-color: #ff9800;
}
.elfinder-toast-msg {
font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
font-size: 17px;
}
/**
* For Ace Editor
*/
#ace_settingsmenu {
font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.6) !important;
background-color: #1d2736 !important;
color: #e6e6e6 !important;
}
#ace_settingsmenu,
#kbshortcutmenu {
padding: 0;
}
.ace_optionsMenuEntry {
padding: 5px 10px;
}
.ace_optionsMenuEntry:hover {
background-color: #111721;
}
.ace_optionsMenuEntry label {
font-size: 13px;
}
#ace_settingsmenu input[type="text"],
#ace_settingsmenu select {
margin: 1px 2px 2px;
padding: 2px 5px;
border-radius: 3px;
border: 0;
background: rgba(9, 53, 121, 0.75);
color: white !important;
}
/**
* Icons
*/
@font-face {
font-family: material;
src: url("../../material/icons/material.eot?91804974");
src: url("../../material/icons/material.eot?91804974#iefix") format("embedded-opentype"), url("../../material/icons/material.woff2?91804974") format("woff2"), url("../../material/icons/material.woff?91804974") format("woff"), url("../../material/icons/material.ttf?91804974") format("truetype"), url("../../material/icons/material.svg?91804974#material") format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: material;
src: url("../../material/icons/material.svg?91804974#material") format("svg");
}
}
.elfinder .ui-icon,
.elfinder-button-icon,
.ui-widget-header .ui-icon,
.ui-widget-content .ui-icon {
font: normal normal normal 14px/1 material;
background-image: inherit;
text-indent: inherit;
}
.elfinder .ui-button-icon-only .ui-icon {
font: normal normal normal 14px/1 material;
background-image: inherit !important;
text-indent: 0;
font-size: 16px;
}
.elfinder-button-icon {
background: inherit;
}
.elfinder-button-icon-home:before {
content: '\e800';
}
.elfinder-button-icon-back:before {
content: '\e801';
}
.elfinder-button-icon-forward:before {
content: '\e802';
}
.elfinder-button-icon-up:before {
content: '\e803';
}
.elfinder-button-icon-dir:before {
content: '\e804';
}
.elfinder-button-icon-opendir:before {
content: '\e805';
}
.elfinder-button-icon-reload:before {
content: '\e806';
}
.elfinder-button-icon-open:before {
content: '\e807';
}
.elfinder-button-icon-mkdir:before {
content: '\e808';
}
.elfinder-button-icon-mkfile:before {
content: '\e809';
}
.elfinder-button-icon-rm:before {
content: '\e80a';
}
.elfinder-button-icon-trash:before {
content: '\e80b';
}
.elfinder-button-icon-restore:before {
content: '\e80c';
}
.elfinder-button-icon-copy:before {
content: '\e80d';
}
.elfinder-button-icon-cut:before {
content: '\e80e';
}
.elfinder-button-icon-paste:before {
content: '\e80f';
}
.elfinder-button-icon-getfile:before {
content: '\e810';
}
.elfinder-button-icon-duplicate:before {
content: '\e811';
}
.elfinder-button-icon-rename:before {
content: '\e812';
}
.elfinder-button-icon-edit:before {
content: '\e813';
}
.elfinder-button-icon-quicklook:before {
content: '\e814';
}
.elfinder-button-icon-upload:before {
content: '\e815';
}
.elfinder-button-icon-download:before {
content: '\e816';
}
.elfinder-button-icon-info:before {
content: '\e817';
}
.elfinder-button-icon-extract:before {
content: '\e818';
}
.elfinder-button-icon-archive:before {
content: '\e819';
}
.elfinder-button-icon-view:before {
content: '\e81a';
}
.elfinder-button-icon-view-list:before {
content: '\e81b';
}
.elfinder-button-icon-help:before {
content: '\e81c';
}
.elfinder-button-icon-resize:before {
content: '\e81d';
}
.elfinder-button-icon-link:before {
content: '\e81e';
}
.elfinder-button-icon-search:before {
content: '\e81f';
}
.elfinder-button-icon-sort:before {
content: '\e820';
}
.elfinder-button-icon-rotate-r:before {
content: '\e821';
}
.elfinder-button-icon-rotate-l:before {
content: '\e822';
}
.elfinder-button-icon-netmount:before {
content: '\e823';
}
.elfinder-button-icon-netunmount:before {
content: '\e824';
}
.elfinder-button-icon-places:before {
content: '\e825';
}
.elfinder-button-icon-chmod:before {
content: '\e826';
}
.elfinder-button-icon-accept:before {
content: '\e827';
}
.elfinder-button-icon-menu:before {
content: '\e828';
}
.elfinder-button-icon-colwidth:before {
content: '\e829';
}
.elfinder-button-icon-fullscreen:before {
content: '\e82a';
}
.elfinder-button-icon-unfullscreen:before {
content: '\e82b';
}
.elfinder-button-icon-empty:before {
content: '\e82c';
}
.elfinder-button-icon-undo:before {
content: '\e82d';
}
.elfinder-button-icon-redo:before {
content: '\e82e';
}
.elfinder-button-icon-preference:before {
content: '\e82f';
}
.elfinder-button-icon-mkdirin:before {
content: '\e830';
}
.elfinder-button-icon-selectall:before {
content: '\e831';
}
.elfinder-button-icon-selectnone:before {
content: '\e832';
}
.elfinder-button-icon-selectinvert:before {
content: '\e833';
}
.elfinder-button-icon-logout:before {
content: '\e85a';
}
.elfinder-button-icon-opennew:before {
content: '\e85b';
}
.elfinder-button-icon-hide:before {
content: '\e85d';
}
.elfinder-button-search .ui-icon.ui-icon-search {
font-size: 17px;
}
.elfinder-button-search .ui-icon:hover {
opacity: 1;
}
.elfinder-navbar-icon {
font: normal normal normal 16px/1 material;
background-image: inherit !important;
}
.elfinder-navbar-icon:before {
content: '\e804';
}
.elfinder-droppable-active .elfinder-navbar-icon:before,
.elfinder .ui-state-active .elfinder-navbar-icon:before,
.elfinder .ui-state-hover .elfinder-navbar-icon:before {
content: '\e805';
}
.elfinder-navbar-root-local .elfinder-navbar-icon:before {
content: '\e83d' !important;
}
.elfinder-navbar-root-ftp .elfinder-navbar-icon:before {
content: '\e823' !important;
}
.elfinder-navbar-root-sql .elfinder-navbar-icon:before {
content: '\e83e' !important;
}
.elfinder-navbar-root-dropbox .elfinder-navbar-icon:before {
content: '\e83f' !important;
}
.elfinder-navbar-root-googledrive .elfinder-navbar-icon:before {
content: '\e840' !important;
}
.elfinder-navbar-root-onedrive .elfinder-navbar-icon:before {
content: '\e841' !important;
}
.elfinder-navbar-root-box .elfinder-navbar-icon:before {
content: '\e842' !important;
}
.elfinder-navbar-root-trash .elfinder-navbar-icon:before {
content: '\e80b' !important;
}
.elfinder-navbar-root-zip .elfinder-navbar-icon:before {
content: '\e85c' !important;
}
.elfinder-navbar-root-network .elfinder-navbar-icon:before {
content: '\e823' !important;
}
.elfinder-places .elfinder-navbar-root .elfinder-navbar-icon:before {
content: '\e825' !important;
}
.elfinder-navbar-arrow {
background-image: inherit !important;
font: normal normal normal 14px/1 material;
font-size: 10px;
padding-top: 3px;
padding-left: 2px;
color: #a9a9a9;
}
.elfinder .ui-state-active .elfinder-navbar-arrow {
color: #fff;
}
.elfinder-ltr .elfinder-navbar-collapsed .elfinder-navbar-arrow:before {
content: '\e857';
}
.elfinder-rtl .elfinder-navbar-collapsed .elfinder-navbar-arrow:before {
content: '\e858';
}
.elfinder-ltr .elfinder-navbar-expanded .elfinder-navbar-arrow:before,
.elfinder-rtl .elfinder-navbar-expanded .elfinder-navbar-arrow:before {
content: '\e851';
}
.elfinder .elfinder-cwd table thead td.ui-state-hover{
color: #000 !important;
}
.elfinder .elfinder-cwd table thead td.ui-state-active {
background: #737f86 !important;
color: #fff !important;
}
.elfinder .elfinder-cwd table thead td {
padding: 6px 12px !important;
background: #d7d7d7 !important;
}
.elfinder-ltr .elfinder-cwd table td {
text-align: left;
}
.elfinder .elfinder-cwd table td {
padding: 4px 12px !important;
}
.elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-filename {
padding-left: 23px;
}
div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon {
font-size: 8px;
margin-top: 5px;
margin-right: 5px;
}
div.elfinder-cwd-wrapper-list .ui-icon-grip-dotted-vertical {
margin: 2px;
}
.elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon,
.elfinder-navbar-root-local .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon,
.elfinder-navbar-root-ftp .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon,
.elfinder-navbar-root-sql .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-dropbox td .elfinder-cwd-icon,
.elfinder-navbar-root-dropbox .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-googledrive td .elfinder-cwd-icon,
.elfinder-navbar-root-googledrive .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-onedrive td .elfinder-cwd-icon,
.elfinder-navbar-root-onedrive .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-box td .elfinder-cwd-icon,
.elfinder-navbar-root-box .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon,
.elfinder-navbar-root-trash .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon,
.elfinder-navbar-root-zip .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon,
.elfinder-navbar-root-network .elfinder-cwd-icon {
background-image: inherit;
}
.elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon:before,
.elfinder-navbar-root-local .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon:before,
.elfinder-navbar-root-ftp .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon:before,
.elfinder-navbar-root-sql .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-dropbox td .elfinder-cwd-icon:before,
.elfinder-navbar-root-dropbox .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-googledrive td .elfinder-cwd-icon:before,
.elfinder-navbar-root-googledrive .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-onedrive td .elfinder-cwd-icon:before,
.elfinder-navbar-root-onedrive .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-box td .elfinder-cwd-icon:before,
.elfinder-navbar-root-box .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon:before,
.elfinder-navbar-root-trash .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon:before,
.elfinder-navbar-root-zip .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon:before,
.elfinder-navbar-root-network .elfinder-cwd-icon:before {
font-family: material;
background-color: transparent;
color: #525252;
font-size: 55px;
position: relative;
top: -10px !important;
padding: 0;
display: contents !important;
}
.elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon:before,
.elfinder-navbar-root-local .elfinder-cwd-icon:before {
content: '\e83d';
}
.elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon:before,
.elfinder-navbar-root-ftp .elfinder-cwd-icon:before {
content: '\e823';
}
.elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon:before,
.elfinder-navbar-root-sql .elfinder-cwd-icon:before {
content: '\e83e';
}
.elfinder-cwd-view-list .elfinder-navbar-roor-dropbox td .elfinder-cwd-icon:before,
.elfinder-navbar-roor-dropbox .elfinder-cwd-icon:before {
content: '\e83f';
}
.elfinder-cwd-view-list .elfinder-navbar-roor-googledrive td .elfinder-cwd-icon:before,
.elfinder-navbar-roor-googledrive .elfinder-cwd-icon:before {
content: '\e840';
}
.elfinder-cwd-view-list .elfinder-navbar-roor-onedrive td .elfinder-cwd-icon:before,
.elfinder-navbar-roor-onedrive .elfinder-cwd-icon:before {
content: '\e841';
}
.elfinder-cwd-view-list .elfinder-navbar-roor-box td .elfinder-cwd-icon:before,
.elfinder-navbar-roor-box .elfinder-cwd-icon:before {
content: '\e842';
}
.elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon:before,
.elfinder-navbar-root-trash .elfinder-cwd-icon:before {
content: '\e80b';
}
.elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon:before,
.elfinder-navbar-root-zip .elfinder-cwd-icon:before {
content: '\e85c';
}
.elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon:before,
.elfinder-navbar-root-network .elfinder-cwd-icon:before {
content: '\e823';
}
.elfinder-dialog-icon {
font: normal normal normal 14px/1 material;
background: inherit;
color: #524949;
font-size: 37px;
}
.elfinder-dialog-icon:before {
content: '\e843';
}
.elfinder-dialog-icon-mkdir:before {
content: '\e808';
}
.elfinder-dialog-icon-mkfile:before {
content: '\e809';
}
.elfinder-dialog-icon-copy:before {
content: '\e80d';
}
.elfinder-dialog-icon-prepare:before,
.elfinder-dialog-icon-move:before {
content: '\e844';
}
.elfinder-dialog-icon-upload:before,
.elfinder-dialog-icon-chunkmerge:before {
content: '\e815';
}
.elfinder-dialog-icon-rm:before {
content: '\e80a';
}
.elfinder-dialog-icon-open:before,
.elfinder-dialog-icon-readdir:before,
.elfinder-dialog-icon-file:before {
content: '\e807';
}
.elfinder-dialog-icon-reload:before {
content: '\e806';
}
.elfinder-dialog-icon-download:before {
content: '\e816';
}
.elfinder-dialog-icon-save:before {
content: '\e845';
}
.elfinder-dialog-icon-rename:before {
content: '\e812';
}
.elfinder-dialog-icon-zipdl:before,
.elfinder-dialog-icon-archive:before {
content: '\e819';
}
.elfinder-dialog-icon-extract:before {
content: '\e818';
}
.elfinder-dialog-icon-search:before {
content: '\e81f';
}
.elfinder-dialog-icon-loadimg:before {
content: '\e846';
}
.elfinder-dialog-icon-url:before {
content: '\e81e';
}
.elfinder-dialog-icon-resize:before {
content: '\e81d';
}
.elfinder-dialog-icon-netmount:before {
content: '\e823';
}
.elfinder-dialog-icon-netunmount:before {
content: '\e824';
}
.elfinder-dialog-icon-chmod:before {
content: '\e826';
}
.elfinder-dialog-icon-preupload:before,
.elfinder-dialog-icon-dim:before {
content: '\e847';
}
.elfinder-contextmenu .elfinder-contextmenu-item span.elfinder-contextmenu-icon {
font-size: 16px;
}
.elfinder-contextmenu .elfinder-contextmenu-item .elfinder-contextsubmenu-item .ui-icon {
font-size: 15px;
}
.elfinder-contextmenu .elfinder-contextmenu-item .elfinder-button-icon-link:before {
content: '\e837';
}
.elfinder .elfinder-contextmenu-extra-icon {
margin-top: -6px;
}
.elfinder .elfinder-contextmenu-extra-icon a {
padding: 5px;
margin: -16px;
}
.elfinder-button-icon-link:before {
content: '\e81e' !important;
}
.elfinder .elfinder-contextmenu-arrow {
font: normal normal normal 14px/1 material;
background-image: inherit;
font-size: 10px !important;
padding-top: 3px;
}
.elfinder .elfinder-contextmenu-arrow:before {
content: '\e857';
}
.elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow {
background-image: inherit;
}
.elfinder-quicklook .ui-resizable-se {
background: inherit;
}
.elfinder-quicklook-navbar-icon {
background: transparent;
font: normal normal normal 14px/1 material;
font-size: 24px;
width: 24px;
height: 24px;
color: #fff;
}
.elfinder-quicklook-titlebar-icon {
margin-top: -8px;
}
.elfinder-quicklook-titlebar-icon .ui-icon {
border: 0;
opacity: 0.8;
font-size: 15px;
padding: 1px;
}
.elfinder-quicklook-titlebar .ui-icon-circle-close,
.elfinder-quicklook .ui-icon-gripsmall-diagonal-se {
color: #f1f1f1;
}
.elfinder-quicklook-navbar-icon-prev:before {
content: '\e848';
}
.elfinder-quicklook-navbar-icon-next:before {
content: '\e849';
}
.elfinder-quicklook-navbar-icon-fullscreen:before {
content: '\e84a';
}
.elfinder-quicklook-navbar-icon-fullscreen-off:before {
content: '\e84b';
}
.elfinder-quicklook-navbar-icon-close:before {
content: '\e84c';
}
.elfinder .ui-button-icon {
background-image: inherit;
}
.elfinder .ui-icon-search:before {
content: '\e81f';
}
.elfinder .ui-icon-closethick:before,
.elfinder .ui-icon-close:before {
content: '\e839';
}
.elfinder .ui-icon-circle-close:before {
content: '\e84c';
}
.elfinder .ui-icon-gear:before {
content: '\e82f';
}
.elfinder .ui-icon-gripsmall-diagonal-se:before {
content: '\e838';
}
.elfinder .ui-icon-locked:before {
content: '\e834';
}
.elfinder .ui-icon-unlocked:before {
content: '\e836';
}
.elfinder .ui-icon-arrowrefresh-1-n:before {
content: '\e821';
}
.elfinder .ui-icon-plusthick:before {
content: '\e83a';
}
.elfinder .ui-icon-arrowreturnthick-1-s:before {
content: '\e83b';
}
.elfinder .ui-icon-minusthick:before {
content: '\e83c';
}
.elfinder .ui-icon-pin-s:before {
content: '\e84d';
}
.elfinder .ui-icon-check:before {
content: '\e84e';
}
.elfinder .ui-icon-arrowthick-1-s:before {
content: '\e84f';
}
.elfinder .ui-icon-arrowthick-1-n:before {
content: '\e850';
}
.elfinder .ui-icon-triangle-1-s:before {
content: '\e851';
}
.elfinder .ui-icon-triangle-1-n:before {
content: '\e852';
}
.elfinder .ui-icon-grip-dotted-vertical:before {
content: '\e853';
}
.elfinder-lock,
.elfinder-perms,
.elfinder-symlink {
background-image: inherit;
font: normal normal normal 18px/1 material;
color: #4d4d4d;
}
.elfinder-na .elfinder-perms:before {
content: '\e824';
}
.elfinder-ro .elfinder-perms:before {
content: '\e835';
}
.elfinder-wo .elfinder-perms:before {
content: '\e854';
}
.elfinder-group .elfinder-perms:before {
content: '\e800';
}
.elfinder-lock:before {
content: '\e84d';
}
.elfinder-symlink:before {
content: '\e837';
}
.elfinder .elfinder-toast > div {
font: normal normal normal 14px/1 material;
}
.elfinder .elfinder-toast > div:before {
font-size: 45px;
position: absolute;
left: 5px;
top: 15px;
}
.elfinder .elfinder-toast > .toast-info,
.elfinder .elfinder-toast > .toast-error,
.elfinder .elfinder-toast > .toast-success,
.elfinder .elfinder-toast > .toast-warning {
background-image: inherit !important;
}
.elfinder .elfinder-toast > .toast-info:before {
content: '\e817';
color: #3498db;
}
.elfinder .elfinder-toast > .toast-error:before {
content: '\e855';
color: #f44336;
}
.elfinder .elfinder-toast > .toast-success:before {
content: '\e84e';
color: #4caf50;
}
.elfinder .elfinder-toast > .toast-warning:before {
content: '\e856';
color: #ff9800;
}
.elfinder-drag-helper-icon-status {
font: normal normal normal 14px/1 material;
background: inherit;
}
.elfinder-drag-helper-icon-status:before {
content: '\e824';
}
.elfinder-drag-helper-move .elfinder-drag-helper-icon-status {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.elfinder-drag-helper-move .elfinder-drag-helper-icon-status:before {
content: '\e854';
}
.elfinder-drag-helper-plus .elfinder-drag-helper-icon-status {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.elfinder-drag-helper-plus .elfinder-drag-helper-icon-status:before {
content: '\e84c';
}
/**
* MIME Types
*/
.elfinder-cwd-view-list td .elfinder-cwd-icon {
background-image: url("../../material/images/icons-small.svg");
}
.elfinder-cwd-icon {
background: url("../../material/images/icons-big.svg") 0 0 no-repeat;
border-radius: 0;
}
.elfinder-cwd-icon:before {
font-size: 10px;
position: relative;
top: 27px;
left: inherit;
padding: 1px;
background-color: transparent;
}
.elfinder-cwd-icon-directory {
background-position: 0 -50px;
}
.elfinder-cwd .elfinder-droppable-active .elfinder-cwd-icon {
background-position: 0 -100px;
}
.elfinder-cwd-icon-group {
background-position: 0 -150px;
}
.elfinder-cwd-icon-application {
background-position: 0 -200px;
}
.elfinder-cwd-icon-rtf,
.elfinder-cwd-icon-rtfd,
.elfinder-cwd-icon-text {
background-position: 0 -250px;
}
.elfinder-cwd-icon-image {
background-position: 0 -300px;
}
.elfinder-cwd-icon-audio {
background-position: 0 -350px;
}
.elfinder-cwd-icon-video,
.elfinder-cwd-icon-flash-video,
.elfinder-cwd-icon-dash-xml,
.elfinder-cwd-icon-vnd-apple-mpegurl,
.elfinder-cwd-icon-x-mpegurl {
background-position: 0 -400px;
}
.elfinder-cwd-icon-plain,
.elfinder-cwd-icon-x-empty {
background-position: 0 -450px;
}
.elfinder-cwd-icon-pdf {
background-position: 0 -500px;
}
.elfinder-cwd-icon-vnd-ms-office {
background-position: 0 -550px;
}
.elfinder-cwd-icon-x-msaccess {
background-position: 0 -600px;
}
.elfinder-cwd-icon-x-msaccess:before {
content: none !important;
}
.elfinder-cwd-icon-ms-excel,
.elfinder-cwd-icon-vnd-ms-excel,
.elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12 {
background-position: 0 -650px;
}
.elfinder-cwd-icon-ms-excel:before,
.elfinder-cwd-icon-vnd-ms-excel:before,
.elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12:before {
content: none !important;
}
.elfinder-cwd-icon-vnd-ms-powerpoint,
.elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12 {
background-position: 0 -700px;
}
.elfinder-cwd-icon-vnd-ms-powerpoint:before,
.elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12:before {
content: none !important;
}
.elfinder-cwd-icon-msword,
.elfinder-cwd-icon-vnd-ms-word,
.elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12 {
background-position: 0 -750px;
}
.elfinder-cwd-icon-msword:before,
.elfinder-cwd-icon-vnd-ms-word:before,
.elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12:before {
content: none !important;
}
.elfinder-cwd-icon-vnd-oasis-opendocument-base,
.elfinder-cwd-icon-vnd-oasis-opendocument-chart,
.elfinder-cwd-icon-vnd-oasis-opendocument-database,
.elfinder-cwd-icon-vnd-oasis-opendocument-formula,
.elfinder-cwd-icon-vnd-oasis-opendocument-graphics,
.elfinder-cwd-icon-vnd-oasis-opendocument-graphics-template,
.elfinder-cwd-icon-vnd-oasis-opendocument-image,
.elfinder-cwd-icon-vnd-openofficeorg-extension {
background-position: 0 -800px;
}
.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet,
.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet-template,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-template {
background-position: 0 -850px;
}
.elfinder-cwd-icon-vnd-oasis-opendocument-presentation,
.elfinder-cwd-icon-vnd-oasis-opendocument-presentation-template,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slide,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slideshow,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-template {
background-position: 0 -900px;
}
.elfinder-cwd-icon-vnd-oasis-opendocument-text,
.elfinder-cwd-icon-vnd-oasis-opendocument-text-master,
.elfinder-cwd-icon-vnd-oasis-opendocument-text-template,
.elfinder-cwd-icon-vnd-oasis-opendocument-text-web,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-template {
background-position: 0 -950px;
}
.elfinder-cwd-icon-zip,
.elfinder-cwd-icon-x-zip,
.elfinder-cwd-icon-x-xz,
.elfinder-cwd-icon-x-7z-compressed,
.elfinder-cwd-icon-x-gzip,
.elfinder-cwd-icon-x-tar,
.elfinder-cwd-icon-x-bzip,
.elfinder-cwd-icon-x-bzip2,
.elfinder-cwd-icon-x-rar,
.elfinder-cwd-icon-x-rar-compressed {
background-position: 0 -1000px;
}
.elfinder-cwd-icon-postscript {
background-position: 0 -1050px;
}
.elfinder-cwd-icon-vnd-adobe-photoshop {
background-position: 0 -1100px;
}
.elfinder-cwd-icon-vnd-adobe-photoshop:before {
content: none !important;
}
.elfinder-cwd-icon-x-shockwave-flash {
background-position: 0 -1150px;
}
.elfinder-cwd-icon-vnd-android-package-archive {
background-position: 0 -1200px;
}
.elfinder-cwd-icon-vnd-android-package-archive:before {
content: none !important;
}
.elfinder-cwd-icon-x-c,
.elfinder-cwd-icon-x-csrc,
.elfinder-cwd-icon-x-chdr,
.elfinder-cwd-icon-x-c--,
.elfinder-cwd-icon-x-c--src,
.elfinder-cwd-icon-x-c--hdr {
background-position: 0 -1250px;
}
.elfinder-cwd-icon-css {
background-position: 0 -1300px;
}
.elfinder-cwd-icon-html {
background-position: 0 -1350px;
}
.elfinder-cwd-icon-x-jar,
.elfinder-cwd-icon-x-java,
.elfinder-cwd-icon-x-java-source {
background-position: 0 -1400px;
}
.elfinder-cwd-icon-x-jar:before,
.elfinder-cwd-icon-x-java:before,
.elfinder-cwd-icon-x-java-source:before {
content: none !important;
}
.elfinder-cwd-icon-javascript,
.elfinder-cwd-icon-x-javascript {
background-position: 0 -1450px;
}
.elfinder-cwd-icon-json {
background-position: 0 -1500px;
}
.elfinder-cwd-icon-json:before {
content: none !important;
}
.elfinder-cwd-icon-markdown,
.elfinder-cwd-icon-x-markdown {
background-position: 0 -1550px;
}
.elfinder-cwd-icon-markdown:before,
.elfinder-cwd-icon-x-markdown:before {
content: none !important;
}
.elfinder-cwd-icon-x-perl {
background-position: 0 -1600px;
}
.elfinder-cwd-icon-x-php {
background-position: 0 -1650px;
}
.elfinder-cwd-icon-x-python:after,
.elfinder-cwd-icon-x-python {
background-position: 0 -1700px;
}
.elfinder-cwd-icon-x-ruby {
background-position: 0 -1750px;
}
.elfinder-cwd-icon-x-sh,
.elfinder-cwd-icon-x-shellscript {
background-position: 0 -1800px;
}
.elfinder-cwd-icon-sql,
.elfinder-cwd-icon-x-sql,
.elfinder-cwd-icon-x-sqlite3 {
background-position: 0 -1850px;
}
.elfinder-cwd-icon-x-eps,
.elfinder-cwd-icon-svg,
.elfinder-cwd-icon-svg-xml {
background-position: 0 -1900px;
}
.elfinder-cwd-icon-xml:after,
.elfinder-cwd-icon-xml {
background-position: 0 -1950px;
}
.elfinder-cwd-icon-zip:before,
.elfinder-cwd-icon-x-zip:before {
content: 'zip' !important;
}
.elfinder-cwd-icon-x-xz:before {
content: 'xz' !important;
}
.elfinder-cwd-icon-x-7z-compressed:before {
content: '7z' !important;
}
.elfinder-cwd-icon-x-gzip:before {
content: 'gzip' !important;
}
.elfinder-cwd-icon-x-tar:before {
content: 'tar' !important;
}
.elfinder-cwd-icon-x-bzip:before,
.elfinder-cwd-icon-x-bzip2:before {
content: 'bzip' !important;
}
.elfinder-cwd-icon-x-rar:before,
.elfinder-cwd-icon-x-rar-compressed:before {
content: 'rar' !important;
}
/**
* Toolbar
*/
.elfinder-toolbar {
background: #3b4047;
border-radius: 0;
border: 0;
padding: 5px 0;
}
.elfinder-toolbar .elfinder-button-icon {
font-size: 20px;
color: #ddd;
margin-top: -2px;
}
.elfinder-buttonset {
border-radius: 0;
border: 0;
margin: 0 5px;
height: 24px;
}
.elfinder .elfinder-button {
background: transparent;
border-radius: 0;
cursor: pointer;
color: #efefef;
}
.elfinder .elfinder-button-text {
top: -3px;
margin-left: 6px;
}
.elfinder-toolbar-button-separator {
border: 0;
}
.elfinder-button-menu {
border-radius: 2px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
border: none;
margin-top: 5px;
}
.elfinder-button-menu-item {
color: #666;
padding: 6px 19px;
}
.elfinder-button-menu-item.ui-state-hover {
color: #141414;
background-color: #f5f4f4;
}
.elfinder-button-menu-item-separated {
border-top: 1px solid #e5e5e5;
}
.elfinder-button-menu-item-separated.ui-state-hover {
border-top: 1px solid #e5e5e5;
}
.elfinder .elfinder-button-search {
margin: 0 10px;
min-height: inherit;
overflow: hidden;
}
.elfinder .elfinder-button-search .ui-icon {
color: #fff !important;
}
.elfinder .elfinder-button-search input {
background: rgba(40, 42, 45, 0.79);
border-radius: 2px;
box-sizing: content-box;
border: 0;
margin: 0;
padding: 0 23px;
height: 24px !important;
color: #fff;
}
.elfinder .elfinder-button-search .elfinder-button-menu {
margin-top: 4px;
border: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.elfinder .elfinder-button-search-menu {
border-radius: 0;
top: 30px !important;
}
.elfinder .elfinder-button-search-menu .ui-button {
padding: 0.4em 1em !important;
}
/**
* Navbar
*/
.elfinder .elfinder-navbar {
background: #535e64;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
border: none;
}
.elfinder .elfinder-navbar .elfinder-lock,
.elfinder .elfinder-navbar .elfinder-perms,
.elfinder .elfinder-navbar .elfinder-symlink {
color: #1d1d1d;
opacity: 0.8;
}
.elfinder-navbar-dir {
color: #e6e6e6;
cursor: pointer;
border-radius: 2px;
padding: 5px;
border: none;
}
.elfinder-navbar-dir .elfinder-navbar-icon {
color: #fff;
}
.elfinder-navbar-dir.ui-state-hover,
.elfinder-navbar-dir.ui-state-active.ui-state-hover {
background: #3c4448;
color: #e6e6e6;
border: none;
}
.elfinder-navbar-dir.ui-state-hover .elfinder-navbar-icon,
.elfinder-navbar-dir.ui-state-active.ui-state-hover .elfinder-navbar-icon {
color: #fff;
}
.elfinder-navbar .ui-state-active,
.elfinder-disabled .elfinder-navbar .ui-state-active {
background: #41494e;
color: #e8e8e8 !important;
border: none;
}
.elfinder-navbar .ui-state-active.elfinder-navbar-dir .elfinder-navbar-icon,
.elfinder-disabled .elfinder-navbar .ui-state-active.elfinder-navbar-dir .elfinder-navbar-icon {
color: #e8e8e8 !important;
}
/**
* Workzone
*/
.elfinder-workzone {
background: #cdcfd4;
}
.elfinder-cwd-file {
color: #555;
}
.elfinder-cwd-file.ui-state-hover,
.elfinder-cwd-file.ui-selected.ui-state-hover {
background: #4c5961;
color: #ddd;
}
.elfinder-cwd-file.ui-selected {
background: #455158;
color: #555;
}
.elfinder-cwd-filename input,
.elfinder-cwd-filename textarea {
padding: 2px;
border-radius: 2px !important;
background: #fff;
color: #222;
}
.elfinder-cwd-filename input:focus,
.elfinder-cwd-filename textarea:focus {
outline: none;
border: 1px solid #555;
}
.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover,
.elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
.elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
.elfinder-disabled .elfinder-cwd table td.ui-state-hover,
.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-active {
background: transparent;
color: #ddd;
}
.elfinder-cwd table {
padding: 0;
}
.elfinder-cwd table thead td {
padding: 5px 14px !important;
}
.elfinder-cwd table tr {
border: 0 !important;
}
.elfinder-cwd table tr.ui-state-default,
.elfinder-cwd table tr.ui-widget-content .ui-state-default {
background: none;
}
.elfinder-cwd table tr .ui-state-hover {
background: #4c5961;
color: #ddd;
}
.elfinder-cwd.elfinder-table-header-sticky table {
border: 0;
}
.elfinder-cwd .elfinder-lock,
.elfinder-cwd .elfinder-perms,
.elfinder-cwd .elfinder-symlink {
color: #4d4d4d;
}
.elfinder-cwd-view-icons .elfinder-lock {
top: 0;
}
.elfinder-cwd-view-list thead td .ui-resizable-handle {
top: 3px;
}
.elfinder-cwd-view-list .elfinder-lock,
.elfinder-cwd-view-list .elfinder-perms,
.elfinder-cwd-view-list .elfinder-symlink {
font-size: 14px;
opacity: 0.7;
}
.elfinder-cwd-view-list .elfinder-perms {
left: inherit;
}
#elfinder-elfinder-cwd-thead td,
.elfinder-cwd-wrapper-empty .elfinder-cwd-view-list td {
background: #353b42;
color: #ddd !important;
height: 18px;
}
#elfinder-elfinder-cwd-thead td.ui-state-hover,
.elfinder-cwd-wrapper-empty .elfinder-cwd-view-list td.ui-state-hover,
#elfinder-elfinder-cwd-thead td.ui-state-active,
.elfinder-cwd-wrapper-empty .elfinder-cwd-view-list td.ui-state-active {
background: #2a2e34 !important;
}
#elfinder-elfinder-cwd-thead td.ui-state-active.ui-state-hover,
.elfinder-cwd-wrapper-empty .elfinder-cwd-view-list td.ui-state-active.ui-state-hover {
background: #2e333a !important;
}
.elfinder .ui-selectable-helper {
border: 1px solid #3b4047;
background-color: rgba(104, 111, 121, 0.5);
}
.elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash {
background-color: #e4e4e4;
}
.elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file {
color: #333;
}
.elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file.ui-state-hover,
.elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file.ui-selected.ui-state-hover {
background: #4c5961;
color: #ddd;
}
.elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file.ui-selected {
background: #455158;
color: #555;
}
.elfinder-info-title .elfinder-cwd-icon:before {
top: 32px;
display: block;
margin: 0 auto;
}
.elfinder-info-title .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
background-color: #313131 !important;
}
.elfinder-cwd-view-icons .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
left: inherit;
background-color: #313131;
}
.elfinder-cwd-icon:before,
.elfinder-quicklook .elfinder-cwd-icon:before,
.elfinder-cwd-size1 .elfinder-cwd-icon:before,
.elfinder-cwd-size2 .elfinder-cwd-icon:before,
.elfinder-cwd-size3 .elfinder-cwd-icon:before,
.elfinder-cwd-size1 .elfinder-cwd-icon.elfinder-cwd-bgurl:before,
.elfinder-cwd-size2 .elfinder-cwd-icon.elfinder-cwd-bgurl:before,
.elfinder-cwd-size3 .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
top: 35px;
left: 50% !important;
position: relative !important;
display: block !important;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 52px;
color: #fff;
}
.elfinder .elfinder-cwd-view-icons .elfinder-cwd-bgurl:after,
.elfinder .elfinder-quicklook-info-wrapper .elfinder-cwd-bgurl:after {
display: none;
}
.elfinder-cwd-size1 .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
top: 53px;
-webkit-transform: scale(1.32) translateX(-50%);
transform: scale(1.32) translateX(-50%);
}
.elfinder-cwd-size2 .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
top: 74px;
-webkit-transform: scale(1.53) translateX(-50%);
transform: scale(1.53) translateX(-50%);
}
.elfinder-cwd-size3 .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
top: 87px;
-webkit-transform: scale(2.22) translateX(-50%);
transform: scale(2.22) translateX(-50%);
}
/**
* Status Bar
*/
.elfinder .elfinder-statusbar {
background: #3b4047;
border-radius: 0;
border: 0;
color: #cfd2d4;
padding-top: 5px;
}
.elfinder-path,
.elfinder-stat-size {
margin: 0 15px;
}
/**
* Input & Select
*/
.elfinder input,
.elfinder select {
padding: 4px;
color: #666;
background: #fff;
border-radius: 3px;
font-weight: normal;
border-color: #888;
box-shadow: none !important;
}
.elfinder input.ui-state-hover,
.elfinder select.ui-state-hover {
background: #fff !important;
color: #666 !important;
}
.elfinder input[type="checkbox"] {
position: relative;
height: initial;
}
.elfinder input[type="checkbox"]:after,
.elfinder input[type="checkbox"]:focus:after {
content: "";
display: block;
width: 12px;
height: 12px;
border: 1px solid #707070;
background-color: #fff;
border-radius: 2px;
}
.elfinder input[type="checkbox"]:checked:before {
content: "";
position: absolute;
top: -3px;
left: 6px;
display: table;
width: 4px;
height: 12px;
border: 2px solid #707070;
border-top-width: 0;
border-left-width: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/**
* Buttons
*/
.elfinder .ui-button,
.elfinder .ui-button:active,
.elfinder .ui-button.ui-state-default {
display: inline-block;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
border-radius: 3px;
text-transform: uppercase;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4) !important;
transition: all 0.4s;
background: #fff;
color: #222;
border: none;
padding: 7px 6px;
}
.elfinder .ui-button .ui-icon,
.elfinder .ui-button:active .ui-icon,
.elfinder .ui-button.ui-state-default .ui-icon {
color: #222;
}
.elfinder .ui-button:hover,
.elfinder a.ui-button:active,
.elfinder .ui-button:active,
.elfinder .ui-button:focus,
.elfinder .ui-button.ui-state-hover,
.elfinder .ui-button.ui-state-active {
background: #3498db !important;
color: #fff !important;
border: none;
}
.elfinder .ui-button:hover .ui-icon,
.elfinder a.ui-button:active .ui-icon,
.elfinder .ui-button:active .ui-icon,
.elfinder .ui-button:focus .ui-icon,
.elfinder .ui-button.ui-state-hover .ui-icon,
.elfinder .ui-button.ui-state-active .ui-icon {
color: #fff;
}
.elfinder .ui-button.ui-state-active:hover {
background: #217dbb;
color: #fff;
border: none;
}
.elfinder .ui-button:focus {
outline: none !important;
}
.elfinder .ui-controlgroup-horizontal .ui-button {
border-radius: 0;
border: 0;
}
.elfinder input:not([type="checkbox"]),
.elfinder .elfinder-resize-preset-container .ui-button {
height: 21px;
}
/**
* Context Menu
*/
.elfinder .elfinder-contextmenu,
.elfinder .elfinder-contextmenu-sub {
border-radius: 2px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
border: none;
}
.elfinder .elfinder-contextmenu-separator,
.elfinder .elfinder-contextmenu-sub-separator {
border-top: 1px solid #e5e5e5;
}
.elfinder .elfinder-contextmenu-item {
color: #666;
padding: 5px 30px;
}
.elfinder .elfinder-contextmenu-item.ui-state-hover {
background-color: #f5f4f4;
color: #141414;
}
.elfinder .elfinder-contextmenu-item.ui-state-active {
background-color: #2196f3;
color: #fff;
}
/**
* Dialogs
*/
.elfinder .elfinder-dialog {
border-radius: 0;
border: 0;
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.6);
}
.elfinder .elfinder-dialog .ui-dialog-content[id*="edit-elfinder-elfinder-"] {
padding: 0;
}
.elfinder .elfinder-dialog .ui-tabs {
border-radius: 0;
border: 0;
padding: 0;
}
.elfinder .elfinder-dialog .ui-tabs-nav {
border-radius: 0;
border: 0;
background: transparent;
border-bottom: 1px solid #ddd;
}
.elfinder .elfinder-dialog .ui-tabs-nav li {
border: 0;
font-weight: normal;
background: transparent;
margin: 0;
padding: 0;
}
.elfinder .elfinder-dialog .ui-tabs-nav li a {
padding: 7px 9px;
}
.elfinder .elfinder-dialog .ui-tabs-nav .ui-tabs-selected a,
.elfinder .elfinder-dialog .ui-tabs-nav .ui-state-active a,
.elfinder .elfinder-dialog .ui-tabs-nav li:hover a {
box-shadow: inset 0 -2px 0 #3498db;
color: #3498db;
}
.elfinder .elfinder-dialog .ui-tabs .elfinder-tabstop.ui-state-hover {
background: transparent;
box-shadow: inset 0 -2px 0 #3498db;
color: #3498db;
}
.elfinder .elfinder-dialog label.ui-state-hover {
background: transparent;
}
.elfinder .elfinder-dialog .ui-resizable-se {
display: none;
}
.std42-dialog .ui-dialog-titlebar {
background: #353b44;
border-radius: 0;
border: 0;
}
.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button .ui-icon {
border-color: inherit;
transition: 0.2s ease-out;
opacity: 0.8;
color: #fff;
width: auto;
height: auto;
font-size: 12px;
padding: 3px;
}
.std42-dialog,
.std42-dialog .ui-dialog-content,
.std42-dialog.elfinder-bg-translucent,
.std42-dialog.elfinder-bg-translucent .ui-widget-content {
background-color: #fff;
}
.std42-dialog .ui-dialog-buttonpane button {
margin: -1px 2px 2px;
padding: 7px 6px;
}
.std42-dialog .ui-dialog-buttonpane button span.ui-icon {
padding: 0;
}
.std42-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.elfinder-edit-extras select {
margin-top: 0;
}
.std42-dialog,
.std42-dialog .ui-widget-content {
background-color: #fff;
}
.elfinder-mobile .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
.std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon {
background-color: #f44336;
}
.elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full .ui-icon,
.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full:hover .ui-icon {
background-color: #4caf50;
}
.elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize .ui-icon,
.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize:hover .ui-icon {
background-color: #ff9800;
}
.elfinder-dialog-title {
color: #f1f1f1;
}
.elfinder .ui-widget-content {
font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: #546e7a;
}
.elfinder-upload-dialog-wrapper .elfinder-upload-dirselect {
width: inherit;
height: inherit;
padding: 7px;
margin-left: 5px;
color: #222;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
background: #fff;
bottom: 4px;
border-radius: 2px;
}
.elfinder-upload-dialog-wrapper .elfinder-upload-dirselect.ui-state-hover {
background: #3498db !important;
color: #fff !important;
outline: none;
}
.elfinder-upload-dialog-wrapper .ui-button {
padding: 0.4em 3px;
margin: 0 -15px 0 19px;
}
.elfinder-upload-dropbox {
border: 2px dashed #bbb;
}
.elfinder-upload-dropbox:focus {
outline: none;
}
.elfinder-upload-dropbox.ui-state-hover {
background: #f1f1f1;
border: 2px dashed #bbb;
}
.elfinder-dialog-resize .elfinder-resize-control-panel {
margin-left: -5px;
}
.elfinder-dialog-resize .elfinder-resize-control-panel .ui-button {
height: inherit;
margin-bottom: 5px;
}
.elfinder-help * {
color: #546e7a;
}
.elfinder-help a {
color: #3498db;
}
.elfinder-help a:hover {
color: #217dbb;
}
.elfinder .ui-slider.ui-slider-horizontal {
height: 2px;
border: 0;
background-color: #bababa !important;
}
.elfinder .ui-slider .ui-slider-handle {
background-image: none;
background-color: #5d5858;
border-radius: 50%;
border: 0;
margin-top: -3px;
}
.elfinder .ui-slider .ui-slider-handle.ui-state-hover {
background: #5d5858 !important;
box-shadow: none !important;
border-radius: 50%;
cursor: pointer;
}
/**
* Quick Look
*/
.elfinder-quicklook {
background: #232323;
border-radius: 2px;
}
.elfinder-quicklook-navbar {
height: 27px;
}
.elfinder-quicklook-titlebar {
background: inherit;
}
.elfinder-quicklook-titlebar-icon,
.elfinder-quicklook-titlebar-icon .ui-icon {
background: transparent;
color: #fff;
}
.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar {
border: inherit;
opacity: inherit;
border-radius: 4px;
background: rgba(66, 66, 66, 0.73);
}
.elfinder .elfinder-navdock {
border: 0;
}
.std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon,
.elfinder-mobile .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
.elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-close:hover,
.elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-close,
.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize:hover .ui-icon,
.elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize .ui-icon,
.elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-minimize:hover,
.elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-minimize,
.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full:hover .ui-icon,
.elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full .ui-icon,
.elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-full:hover,
.elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-full {
background-image: none;
}
After the initial £45, there are two more tiers: a 100% match up to £100 after you make a second deposit, and a 200% match on your third. Each comes with its own 25‑fold requirement, but the third tier is the sweet spot because the extra cash lets you try the higher‑paying progressive slots. The only real downside is the 30‑day expiry window on each bonus, so you have to keep the account active.
The lolajack app is a lightweight download that mirrors the desktop experience. It loads in under two minutes on Android, and the UI is the same colour scheme you see on the website. I tested a £10 deposit on the phone, and the transfer hit my balance in 30 seconds. On iOS, the app is still in beta, so you’ll need to use Safari if you want instant play.
For UK players, the casino accepts Visa, MasterCard, and PayPal. A £50 withdrawal via PayPal usually arrives within 24 hours, while card withdrawals can take up to 5 business days. The only limitation is that the casino blocks withdrawals under £20, which is a bit annoying if you’re a low‑roller.

Live chat is available 24/7, and I got a response within 90 seconds on two occasions. The support team is friendly but tends to route most queries to an FAQ page first. The site runs on SSL encryption and is licensed by the UK Gambling Commission, so your data is safe.
Entering the lolajack promo code “WIN10” on the deposit page gives you an extra £10 bonus on top of the standard match. The code is valid for the first three deposits only, and it must be used within 48 hours of registration. If you miss that window, the code disappears without a trace.
Most of the time, the best deals are announced on the homepage banner. I found a “Free Spin Friday” promotion that awarded 100 free spins on the popular slot Gonzo’s Quest when you used the lolajack bonus code “SPIN20”. The spins were capped at £50 winnings, which is a fair limit for a free‑spin offer.
One genuine drawback is the lack of a loyalty programme. After you’ve played 10 hours, you don’t get any points or tier upgrades. This means that long‑term players have fewer incentives to stay compared to other UK operators.
If you’re looking for a straightforward welcome offer, a solid app, and reliable withdrawals, lolajack delivers. The £45 match is generous, the bonus code gives you extra cash, and the withdrawal times are competitive for a UK casino. The only real pain point is the absence of a loyalty scheme, which might make you switch after a few months of play. Overall, it’s a solid choice for anyone who wants to start betting without a steep learning curve.
To see the full range of games and the latest promotions, check out the lolajack casino today.
Lolajack offers a £45 bonus that can be used on any slot or table game without a free‑spin requirement.
Yes, the £45 bonus must be wagered 25 times before you can withdraw.
In the last two years, mobile esports tournaments have attracted 35 % more viewers than traditional PC/console events. In 2025, the Mobile Legends World Championship drew 8.2 million live streams, up from 5.9 million the previous year. Meanwhile, the average watch time per viewer dropped from 1 hour 45 minutes in 2024 to 1 hour 12 minutes in 2026, a sign that audiences are skimming shorter, more mobile‑friendly content.
Players can even test their luck at the lolajack casino while watching a match.
Three core factors explain the surge:
Traditional PC tournaments still dominate the prize pools, but they are now competing for a slice of a larger, more fragmented market. Viewers who once spent hours on a single stream are now juggling several. As a result, sponsors are shifting from long‑form broadcasts to short, high‑impact segments that can be embedded in social media feeds.
The most noticeable change is in advertising placement. In 2024, a typical sponsor slot lasted 30 seconds. By 2026, that slot has shrunk to 10 seconds, delivered as an in‑game banner or a quick overlay during a 3‑minute mobile match.

Beyond the numbers, mobile esports is blurring the line between casual gaming and competitive play. Many players now train on their phones before moving to a PC for a major tournament, creating a hybrid skill set that was unheard of a decade ago. The result is a more inclusive community, with players from diverse backgrounds joining the same streams.
As mobile viewership grows, so does the appetite for other forms of online entertainment. Whether it’s streaming a live concert, watching a virtual reality experience, or participating in a live quiz show, the expectation is that the content can be consumed on a phone at any time. In fact, a recent survey found that 67 % of mobile esports viewers also stream at least one other type of online content per week. This cross‑platform behaviour is why many online gaming sites now integrate casino-like betting features, offering users a chance to wager on match outcomes. For instance, a popular platform has introduced a feature where users can place micro‑bets on the next three minutes of a mobile game, turning passive watching into an interactive experience. If you’re curious about how these betting systems work alongside traditional streaming, you might enjoy exploring the “lolajack casino” for a taste of this new hybrid entertainment model.
Mobile esports is not without its drawbacks. The most significant is the quality of the stream. Even with 5G, latency can reach 150 ms, which is noticeable in fast‑paced games like PUBG Mobile. This latency issue makes it harder for broadcasters to offer real‑time commentary that matches the action. Additionally, smaller developers often lack the marketing budgets to compete for viewer attention, leading to a concentration of viewership around a handful of flagship titles.
Looking forward, the integration of augmented reality (AR) overlays and 4K mobile streaming is expected to reduce latency and enhance visual fidelity. If these technologies deliver, we could see mobile esports reclaim the longer, more immersive matches that once defined the scene.
In 2026, mobile gaming is no longer a side note; it’s the main channel through which new audiences discover esports. The shift is driven by accessibility, shorter game loops, and a cultural move toward on‑the‑go consumption. Traditional tournaments must adapt by shortening content, tightening sponsorships, and embracing cross‑platform strategies. For those who have watched a mobile match from a bus to a living room, the future of esports will be as mobile as the players who play it.
The convenience of one‑tap gameplay and the ability to stream on any device make mobile esports accessible to a broader demographic.
Mobile tournaments have seen a 35% increase in viewers over the past two years, with events like Mobile Legends World Championship attracting over 8 million live viewers.
Brands are reallocating budgets toward mobile tournaments, recognizing the higher engagement and diverse audience reach.
Major streaming platforms such as YouTube, Twitch, and dedicated esports apps host live mobile tournaments, often with in‑app commentary and interactive features.