/*!
* 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;
}

Magic Win Casino, often shortened to magicwin in forums, is a relatively new entrant that launched in 2023. It operates under a UK gambling license issued by the UK Gambling Commission, which means it must adhere to strict player‑protection rules. The site’s game library is built around a partnership with Pragmatic Play and Quickspin, giving you roughly 120 slots, 15 table games, and a handful of live dealer options. The slot selection is dominated by high‑volatility titles like Bonanza and Starburst, which can produce big payouts but also come with a higher risk of losing streaks.
Deposits are accepted via Visa, Mastercard, and a growing list of e‑wallets such as PayPal and Skrill. Withdrawals are processed within 24 to 48 hours for most methods, though the site’s FAQ notes that bank transfers can take up to five business days. The bonus structure is straightforward: a 100% match up to £200 on your first deposit, plus a 20‑free‑spin package on a selected slot. The wagering requirement is 35x, which is on the higher side compared to some competitors, but it’s spread over a 30‑day period.
Getting to the action is simple. The magic win casino login page requires only an email address and a password. The site uses two‑factor authentication via SMS, which adds a layer of security that I appreciate. Once inside, the interface is clean, with a top navigation bar that lists Games, Promotions, and Support. The mobile version mirrors the desktop layout, so you can switch between devices without losing any functionality.
One downside I noticed is that the site’s cookie consent banner is quite intrusive, covering the bottom third of the screen until you click “Accept.” It’s a small annoyance, but it does interrupt the flow when you’re trying to jump straight into a game.
If you’re planning to try your luck at magic win casino online, start with the free‑spin offer. It gives you a taste of the slot mechanics without risking real money. Once you’re comfortable, deposit a modest amount—say £50—and take advantage of the 100% match. Keep an eye on the wagering requirement; you’ll need to bet 1,750 times your bonus plus deposit before you can withdraw any winnings.
Another useful trick is to set a daily budget. Because the site offers a 24‑hour withdrawal window, you can cash out any profits quickly, reducing the temptation to chase losses. Also, enable the two‑factor authentication; it’s a small step that can save you from potential account hijacking.
Magic Win Casino UK delivers a solid, regulated gaming environment with a strong focus on slots. The fast payout times and responsive support make it a reliable choice for UK players. However, the high wagering requirement and limited live dealer selection mean it may not be the best fit for those looking for a more diverse casino experience or a lower barrier to cashing out.
For those curious about other local entertainment options, you might also want to check out www.lambandflagpub.co.uk for a relaxed evening out after a session of online gaming.
Magic Win Casino is a UK‑based online casino offering slots, table games, and a no‑deposit bonus for new players.
Simply register, verify your account, and the bonus will be credited instantly to your wallet.
All games use certified random‑number generators and are audited by independent regulators.