/*!
* 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;
}
Vegashero Casino is a UK‑licensed platform that rolls out a solid lineup of games. At launch, it ships with around 450 titles, split roughly 60% between slots and 40% between table games and live dealer options. The slots range from classic three‑reel favourites to high‑volatility video slots with jackpots that can hit £50,000. Table enthusiasts can find 18‑seat blackjack, 12‑seat roulette, and a handful of baccarat variants. The live section, powered by Evolution Gaming, features three live tables, each with a professional dealer and a 5‑minute queue limit.
Getting started is straightforward: you click the “Vegashero Casino login” button, choose a payment method, and you’re in. The platform supports Visa, Mastercard, PayPal, and the popular crypto option Bitcoin. For UK players, the fastest withdrawal is via PayPal, usually processed within 24 hours. Bank transfers take 3‑5 business days, while crypto withdrawals can be completed in under 30 minutes if you’re using the Lightning Network.

While Vegashero Casino shines in many areas, it’s not without its drawbacks. The slot library, although diverse, has a noticeable bias toward high‑volatility titles; if you prefer low‑risk, frequent‑win games, you might feel shortchanged. Additionally, the live dealer selection is limited to three tables, which can lead to long waits during busy periods. Finally, the casino’s bonus terms require players to wager the bonus amount within 30 days, a tighter deadline than the industry average.
After a week of playing, Sam decided to share his experience on a forum. He mentioned that the casino’s promotional emails were clear about the 35x wagering requirement and that the withdrawal times matched what the site advertised. When he looked for a trustworthy review, he found a post that linked to kateandclaire.co.uk, where the author discussed the same bonus structure and confirmed that the withdrawal limits were consistent with the site’s terms.
Vegashero Casino delivers a solid mix of slots, table games, and live dealer action, backed by a UK license and a reputation for quick payouts. The welcome bonus and responsive support give it an edge over many competitors. However, the limited live dealer options and the high‑volatility focus in the slot library may not suit every player. If you’re looking for a fresh, energetic casino with real UK player support, Vegashero Casino is definitely worth a spin. If you prefer a broader range of live tables or low‑risk slots, you might want to keep an eye on the site’s future updates before fully committing.
Visit the Vegashero Casino website, click “Register”, fill in the required details, verify your email, and you’re ready to play.
They feature original themes, high RTPs, and interactive bonus rounds not found on mainstream platforms.
Yes, the site uses SSL encryption and is licensed by reputable gaming authorities, ensuring secure deposits and fair play.