html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

ins {
	text-decoration: none
}

del {
	text-decoration: line-through
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 100%
}

.theme-colour-check {
	background: #1a1a1a
}

.light-red:before {
	color: #ff4136
}

.medium-red:before {
	color: #FF4136
}

.light-orange:before {
	color: #ff851b
}

.medium-orange:before {
	color: #FF851B
}

.dark-orange:before {
	color: #ff851b
}

.light-yellow:before {
	color: #ffdc00
}

.medium-yellow:before {
	color: #FFDC00
}

.dark-yellow:before {
	color: #ffdc00
}

.light-lime:before {
	color: #01ff70
}

.medium-lime:before {
	color: #01FF70
}

.dark-lime:before {
	color: #01ff70
}

.light-green:before {
	color: #2ecc40
}

.medium-green:before {
	color: #2ECC40
}

.dark-green:before {
	color: #2ecc40
}

.light-olive:before {
	color: #3d9970
}

.medium-olive:before {
	color: #3D9970
}

.dark-olive:before {
	color: #3d9970
}

.light-teal:before {
	color: #39cccc
}

.medium-teal:before {
	color: #39CCCC
}

.dark-teal:before {
	color: #39cccc
}

.light-aqua:before {
	color: #7fdbff
}

.medium-aqua:before {
	color: #7FDBFF
}

.dark-aqua:before {
	color: #7fdbff
}

.light-cyan:before {
	color: #80fff4
}

.medium-cyan:before {
	color: #80FFF4
}

.dark-cyan:before {
	color: #80fff4
}

.light-blue:before {
	color: #0074d9
}

.medium-blue:before {
	color: #0074D9
}

.dark-blue:before {
	color: #0074d9
}

.light-navy:before {
	color: #001f3f
}

.medium-navy:before {
	color: #001f3f
}

.dark-navy:before {
	color: #001f3f
}

.light-maroon:before {
	color: #85144b
}

.medium-maroon:before {
	color: #85144b
}

.light-fushia:before {
	color: #f012be
}

.medium-fushia:before {
	color: #F012BE
}

.dark-fushia:before {
	color: #f012be
}

.light-purple:before {
	color: #b10dc9
}

.medium-purple:before {
	color: #B10DC9
}

.dark-purple:before {
	color: #b10dc9
}

.light-pink:before {
	color: #f01171
}

.medium-pink:before {
	color: #F01171
}

.light-grey:before {
	color: #666
}

.medium-grey:before {
	color: #666
}

.dark-grey:before {
	color: #8c8c8c
}

@keyframes spin {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

#toast-container {
	min-width: 280px;
	max-width: 480px;
	z-index: 99999;
	position: absolute
}

.toast-wrapper {
	height: auto;
	background: #333;
	padding: 5px;
	font-size: 12px;
	border: 2px solid #999;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
	transition: opacity ease-in-out 300ms;
	opacity: 0
}

.toast-active {
	opacity: 1
}

.toast-message {
	text-align: left;
	margin: 0 20px;
	display: inline-block
}

.toast-close {
	font-size: 14px;
	float: right;
	cursor: pointer
}

.toast-icon {
	font-size: 14px;
	float: left
}

.toast-icon.fa-check-circle {
	color: #2ECC40
}

.toast-icon.fa-info-circle {
	color: #80FFF4
}

.toast-icon.fa-exclamation-triangle {
	color: #FF851B
}

.toast-icon.fa-exclamation-circle {
	color: #FF4136
}

.toast-position-top-left {
	position: fixed;
	left: 20px;
	top: 20px
}

.toast-position-top-center {
	position: fixed;
	top: 20px;
	left: 50%;
	margin-left: -140px
}

.toast-position-top-right {
	position: fixed;
	top: 20px;
	right: 20px
}

.toast-position-middle-left {
	position: fixed;
	left: 20px;
	top: 50%;
	margin-top: -40px
}

.toast-position-middle-center {
	position: fixed;
	left: 50%;
	margin-left: -140px;
	margin-top: -40px;
	top: 50%
}

.toast-position-middle-right {
	position: fixed;
	right: 20px;
	margin-left: -140px;
	margin-top: -40px;
	top: 50%
}

.toast-position-bottom-right {
	position: fixed;
	bottom: 30px;
	right: 25px
}

#modal_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 9999998;
	transition: opacity ease-in-out 300ms;
	opacity: 0.5
}

#modal_wrapper {
	display: none;
	position: absolute;
	top: 15%;
	left: 50%;
	max-height: 70vh;
	overflow: auto;
	background: #333;
	z-index: 9999999;
	min-height: 100px;
	padding: 0;
	background-clip: content-box;
	border: 3px solid rgba(255, 255, 255, 0.5);
	border-radius: 0
}

#modal_wrapper .icon-arrows {
	float: right;
	font-size: 20px;
	margin: 2px;
	padding: 0;
	cursor: grab;
	color: #999
}

#modal_wrapper .icon-arrows.active {
	cursor: grabbing
}

#modal_wrapper .icon-cancel {
	float: right;
	font-size: 20px;
	margin: 2px;
	padding: 0;
	cursor: pointer;
	color: #999
}

#modal_content {
	padding: 20px
}

#modal_loading {
	height: 100px;
	background: url("images/loading.gif") no-repeat center
}

#tab-list-active-files li {
	margin-top: 5px;
	width: auto;
	max-width: 200px;
	position: relative;
	float: left;
	margin-right: 2px;
	padding: 8.5px 5px;
	z-index: 1;
	box-shadow: none
}

#tab-list-active-files li:first-child {
	margin-left: 0
}

#tab-list-active-files li a.label {
	display: block;
	float: left;
	text-align: left;
	width: 140px;
	margin-left: -5px;
	color: #757575;
	overflow: hidden;
	text-decoration: none;
	direction: rtl;
	white-space: nowrap;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6)
}

#tab-list-active-files li.active a.label {
	color: #A0A0A0
}

#tab-list-active-files li .file-name {
	color: #AFAFAF
}

#tab-list-active-files li.active .file-name {
	color: white
}

#tab-list-active-files li a.close {
	display: block;
	position: absolute;
	font-family: "Font Awesome 5 Free";
	right: -10px
}

#tab-list-active-files li a.close:before {
	content: "\f057";
	font-weight: 900
}

#tab-list-active-files li a.close:hover {
	color: #fff
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

#tab-list-active-files li.active {
	background: #0074D9
}

#tab-close {
	position: fixed;
	top: 10px;
	right: 8px;
	height: 35px;
	transition: margin-right 0.2s ease-in-out
}

#tab-close-button {
	font-size: 15px;
	color: #F2F2F2
}

#tab-close-button:hover {
	color: #fff
}

#tab-dropdown {
	position: fixed;
	top: 8px;
	right: 30px;
	height: 35px;
	transition: margin-right 0.2s ease-in-out
}

#tab-dropdown-button {
	font-size: 20px;
	color: #F2F2F2
}

#tab-dropdown-button:hover {
	color: #fff
}

#dropdown-list-active-files {
	position: absolute;
	z-index: 9999;
	background-color: #2E2E2E;
	border: 3px solid #666666;
	display: none;
	border-radius: 0;
	padding: 0 5px
}

#dropdown-list-active-files a {
	display: block;
	padding: 5px 30px 5px 10px;
	margin: 5px 0;
	border-radius: 0;
	line-height: 150%;
	font-size: 12px;
	word-break: break-all;
	background-color: #262626;
	height: 27px;
	overflow: hidden;
	color: #A3A3A3;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6)
}

#dropdown-list-active-files a .file-name {
	color: #FAFAFA
}

#dropdown-list-active-files a:hover,
#dropdown-list-active-files li.active a {
	background-color: #474747
}

#dropdown-list-active-files li.changed a {
	border: 3px solid #3ba628;
	border-top: 0;
	border-bottom: 0
}

#dropdown-list-active-files div {
	white-space: nowrap;
	direction: rtl;
	overflow: hidden
}

#dropdown-list-active-files a span.label {
	display: block;
	float: right;
	margin: 1px -23px 0 -15px;
	padding: 1px 4px 2px 4px;
	color: transparent;
	background: none;
	border-radius: 0;
	line-height: 100%
}

#dropdown-list-active-files a span.label:after {
	content: 'x';
	text-shadow: none
}

#dropdown-list-active-files a:hover span.label {
	background: #1a1a1a;
	color: #616161
}

#dropdown-list-active-files a:hover span.label:hover {
	color: #fff;
	background-color: #000
}

#list-active-files {
	display: none;
	width: 100%;
	height: 40%;
	margin: 0;
	padding: 15px;
	overflow: auto;
	border-top: 2px solid #787878
}

#list-active-files a {
	display: block;
	padding: 5px 30px 5px 10px;
	margin: 5px 0;
	border-radius: 0;
	line-height: 150%;
	font-size: 12px;
	word-break: break-all;
	background-color: #262626;
	height: 27px;
	overflow: hidden
}

#list-active-files a:hover,
#list-active-files li.active a {
	background-color: #474747
}

#list-active-files li.changed a {
	border: 3px solid #3ba628;
	border-top: 0;
	border-bottom: 0
}

#list-active-files div {
	white-space: nowrap;
	direction: rtl;
	overflow: hidden
}

#list-active-files a span {
	display: block;
	float: right;
	margin: 1px -23px 0 -15px;
	padding: 1px 4px 2px 4px;
	color: transparent;
	background: none;
	border-radius: 0;
	line-height: 100%
}

#list-active-files a span:after {
	content: 'x'
}

#list-active-files a:hover span {
	background: #1a1a1a;
	color: #616161
}

#list-active-files a:hover span:hover {
	color: #fff;
	background-color: #000
}

#autocomplete {
	display: none;
	position: absolute;
	max-height: 200px;
	background-color: #2E2E2E;
	border: 2px solid #666666;
	padding: 1px;
	z-index: 1;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.45)
}

#autocomplete li {
	padding: 0 14px 0 4px;
	cursor: pointer
}

#autocomplete li.active-suggestion {
	background-color: #6B6B6B
}

#autocomplete .matched {
	font-weight: bold;
	color: #45A4B6
}

#autocomplete::-webkit-scrollbar {
	width: 10px
}

#autocomplete::-webkit-scrollbar-track {
	border-radius: 10px
}

#autocomplete::-webkit-scrollbar-thumb {
	border-radius: 10px
}

#editor-region {
	width: auto;
	height: 100%;
	margin-right: 15px;
	margin-left: 10px;
	transition: margin 0.2s ease-in-out
}

.editor {
	width: 100%;
	height: 100%;
	color: #F2F2F2
}

.ace_editor {
	position: absolute !important
}

.ace_content {
	padding: 0;
	margin: 0
}

.ace_gutter-layer {
	padding: 0;
	background: url(images/default/gutter-bg.jpg);
	color: #8C8C8C
}

.ace_error {
	background-position: 3px 0 !important
}

editor-region {
	margin-left: 300px;
	position: relative
}

#root-editor-wrapper {
	top: 34px;
	position: relative
}

.editor-wrapper {
	position: absolute
}

.editor-wrapper-horizontal>.editor {
	top: 0
}

.editor-wrapper-horizontal>.editor-wrapper {
	top: 0
}

.editor-wrapper-vertical>.editor {
	left: 0
}

.editor-wrapper-vertical>.editor-wrapper {
	left: 0
}

.editor {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

#editor-top-bar {
	top: 0;
	position: fixed;
	height: 35px;
	width: 100%;
	font-size: 14px;
	color: #8C8C8C;
	background: #404040;
	overflow: hidden
}

#editor-top-bar {
	transition: border 0.2s ease
}

#editor-top-bar ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	padding-left: 18px;
	list-style-type: none;
	height: 33px
}

#editor-top-bar ul * {
	margin: 0px;
	padding: 0px
}

#editor-top-bar ul li {
	display: block;
	position: relative;
	padding: 5px 10px 5px;
	margin-top: 10px;
	background-color: #002240;
	margin-right: 28px;
	z-index: 2;
	position: relative;
	cursor: pointer
}

#editor-top-bar ul li:before,
#editor-top-bar ul li:after {
	display: block;
	content: " ";
	position: absolute;
	top: 0;
	height: 100%;
	width: 44px;
	background-color: inherit;
	z-index: -1
}

#editor-top-bar ul li:before {
	right: -18px;
	transform: skew(30deg, 0deg);
	box-shadow: rgba(0, 0, 0, 0.1) 3px 2px 5px, inset rgba(255, 255, 255, 0.09) -1px 0
}

#editor-top-bar ul li:after {
	left: -10px;
	transform: skew(-30deg, 0deg);
	box-shadow: rgba(0, 0, 0, 0.1) -3px 2px 5px, inset rgba(255, 255, 255, 0.09) 1px 0
}

#editor-top-bar ul li:hover,
#editor-top-bar ul li:hover:before,
#editor-top-bar ul li:hover:after {
	background-color: #004b8c
}

#editor-top-bar ul li.active {
	z-index: 3
}

#editor-top-bar ul li.active,
#editor-top-bar ul li.active:before,
#editor-top-bar ul li.active:after {
	background-color: #0074D9;
	color: #F2F2F2
}

#editor-top-bar ul li.changed,
#editor-top-bar ul li.changed:before,
#editor-top-bar ul li.changed:after {
	background-color: #2ECC40
}

#editor-bottom-bar {
	position: fixed;
	bottom: 0;
	z-index: 1;
	height: 23px;
	padding: 5px 15px;
	background: #404040;
	font-size: 12px;
	color: #8C8C8C;
	width: 100%
}

#FileExtTextModeDiv {
	width: 100%;
	border-bottom: 1px solid #454445
}

#FileExtModeHeader {
	margin-top: 10px;
	border-bottom: 2px solid #1a1a1a
}

#FileExtModeHeader th {
	width: 50%
}

#FileExtTextModeDiv table {
	margin-top: 0px
}

#FileExtTextModeDiv tbody td.firstLine {
	height: 30px
}

#FileExtTextModeDiv tbody td {
	width: 50%;
	padding: 0;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 100%
}

#FileExtTextModeDiv input {
	display: inline
}

#file-manager .ext-htaccess {
	background-image: url(images/svg/high-contrast/conf.svg)
}

#file-manager .ext-conf {
	background-image: url(images/svg/high-contrast/conf.svg)
}

#file-manager .ext-ini {
	background-image: url(images/svg/high-contrast/ini.svg)
}

#file-manager .ext-3gp {
	background-image: url(images/svg/high-contrast/3gp.svg)
}

#file-manager .ext-afp {
	background-image: url(images/svg/high-contrast/codekit3.svg)
}

#file-manager .ext-afpa {
	background-image: url(images/svg/high-contrast/codekit3.svg)
}

#file-manager .ext-asp {
	background-image: url(images/svg/high-contrast/asp.svg)
}

#file-manager .ext-aspx {
	background-image: url(images/svg/high-contrast/aspx.svg)
}

#file-manager .ext-avi {
	background-image: url(images/svg/high-contrast/avi.svg)
}

#file-manager .ext-bat {
	background-image: url(images/svg/high-contrast/bat.svg)
}

#file-manager .ext-bmp {
	background-image: url(images/svg/high-contrast/bmp.svg)
}

#file-manager .ext-c {
	background-image: url(images/svg/high-contrast/codekit3.svg)
}

#file-manager .ext-cfm {
	background-image: url(images/svg/high-contrast/codekit3.svg)
}

#file-manager .ext-cgi {
	background-image: url(images/svg/high-contrast/codekit3.svg)
}

#file-manager .ext-com {
	background-image: url(images/svg/high-contrast/exe.svg)
}

#file-manager .ext-cpp {
	background-image: url(images/svg/high-contrast/codekit3.svg)
}

#file-manager .ext-css {
	background-image: url(images/svg/high-contrast/css.svg)
}

#file-manager .ext-doc {
	background-image: url(images/svg/high-contrast/doc.svg)
}

#file-manager .ext-exe {
	background-image: url(images/svg/high-contrast/exe.svg)
}

#file-manager .ext-gif {
	background-image: url(images/svg/high-contrast/gif.svg)
}

#file-manager .ext-fla {
	background-image: url(images/svg/high-contrast/flash.svg)
}

#file-manager .ext-h {
	background-image: url(images/svg/high-contrast/codekit3.svg)
}

#file-manager .ext-htm {
	background-image: url(images/svg/high-contrast/html.svg)
}

#file-manager .ext-html {
	background-image: url(images/svg/high-contrast/html.svg)
}

#file-manager .ext-ico {
	background-image: url(images/svg/square-o/ico.svg)
}

#file-manager .ext-jar {
	background-image: url(images/svg/high-contrast/java.svg)
}

#file-manager .ext-jpg {
	background-image: url(images/svg/square-o/jpg.svg)
}

#file-manager .ext-jpeg {
	background-image: url(images/svg/square-o/jpeg.svg)
}

#file-manager .ext-js {
	background-image: url(images/svg/high-contrast/jsx.svg)
}

#file-manager .ext-json {
	background-image: url(images/svg/high-contrast/json.svg)
}

#file-manager .ext-lasso {
	background-image: url(images/svg/high-contrast/codekit3.svg)
}

#file-manager .ext-less {
	background-image: url(images/svg/high-contrast/less.svg)
}

#file-manager .ext-log {
	background-image: url(images/svg/high-contrast/txt.svg)
}

#file-manager .ext-map {
	background-image: url(images/svg/square-o/map.svg)
}

#file-manager .ext-md {
	background-image: url(images/svg/high-contrast/md.svg)
}

#file-manager .ext-mov {
	background-image: url(images/svg/high-contrast/mov.svg)
}

#file-manager .ext-mp3 {
	background-image: url(images/svg/high-contrast/mp3.svg)
}

#file-manager .ext-mp4 {
	background-image: url(images/svg/high-contrast/mp4.svg)
}

#file-manager .ext-mpg {
	background-image: url(images/svg/high-contrast/mpg.svg)
}

#file-manager .ext-mpeg {
	background-image: url(images/svg/high-contrast/mpeg.svg)
}

#file-manager .ext-ogg {
	background-image: url(images/svg/high-contrast/ogg.svg)
}

#file-manager .ext-pcx {
	background-image: url(images/svg/high-contrast/png.svg)
}

#file-manager .ext-pdf {
	background-image: url(images/svg/high-contrast/pdf.svg)
}

#file-manager .ext-php {
	background-image: url(images/svg/square-o/php.svg)
}

#file-manager .ext-png {
	background-image: url(images/svg/square-o/png.svg)
}

#file-manager .ext-ppt {
	background-image: url(images/svg/high-contrast/ppt.svg)
}

#file-manager .ext-psd {
	background-image: url(images/svg/high-contrast/psd.svg)
}

#file-manager .ext-pl {
	background-image: url(images/svg/high-contrast/pl.svg)
}

#file-manager .ext-py {
	background-image: url(images/svg/high-contrast/py.svg)
}

#file-manager .ext-rb {
	background-image: url(images/svg/high-contrast/ruby.svg)
}

#file-manager .ext-rbx {
	background-image: url(images/svg/high-contrast/ruby.svg)
}

#file-manager .ext-rhtml {
	background-image: url(images/svg/high-contrast/ruby.svg)
}

#file-manager .ext-rpm {
	background-image: url(images/svg/high-contrast/linux.svg)
}

#file-manager .ext-ruby {
	background-image: url(images/svg/high-contrast/ruby.svg)
}

#file-manager .ext-sass {
	background-image: url(images/svg/square-o/sass.svg)
}

#file-manager .ext-scss {
	background-image: url(images/svg/square-o/scss.svg)
}

#file-manager .ext-sh {
	background-image: url(images/svg/high-contrast/bat.svg)
}

#file-manager .ext-sql {
	background-image: url(images/svg/high-contrast/db.svg)
}

#file-manager .ext-svg {
	background-image: url(images/svg/square-o/svg.svg)
}

#file-manager .ext-swf {
	background-image: url(images/svg/high-contrast/flash.svg)
}

#file-manager .ext-tif {
	background-image: url(images/svg/high-contrast/picture.svg)
}

#file-manager .ext-tiff {
	background-image: url(images/svg/high-contrast/picture.svg)
}

#file-manager .ext-txt {
	background-image: url(images/svg/high-contrast/txt.svg)
}

#file-manager .ext-vb {
	background-image: url(images/svg/high-contrast/codekit3.svg)
}

#file-manager .ext-wav {
	background-image: url(images/svg/high-contrast/wav.svg)
}

#file-manager .ext-wmv {
	background-image: url(images/svg/high-contrast/film.svg)
}

#file-manager .ext-woff {
	background-image: url(images/svg/square-o/woff.svg)
}

#file-manager .ext-xls {
	background-image: url(images/svg/high-contrast/xls.svg)
}

#file-manager .ext-xml {
	background-image: url(images/svg/high-contrast/xml.svg)
}

#file-manager .ext-zip {
	background-image: url(images/svg/high-contrast/zip.svg)
}

#tree-search.icon-search {
	display: none !important
}

.icon-note:before {
	content: '\f001';
	font-weight: 900
}

.icon-note-beamed:before {
	content: '\f001';
	font-weight: 900
}

.icon-music:before {
	content: '\f025';
	font-weight: 900
}

.icon-search:before {
	content: '\f002';
	font-weight: 900
}

.icon-flashlight:before {
	content: '\f0eb';
	font-weight: 900
}

.icon-key:before {
	content: '\f084';
	font-weight: 900
}

.icon-mail:before {
	content: '\f0e0';
	font-weight: 900
}

.icon-heart:before {
	content: '\f004';
	font-weight: 900
}

.icon-star:before {
	content: '\f005';
	font-weight: 900
}

.icon-user:before {
	content: '\f007';
	font-weight: 900
}

.icon-users:before {
	content: '\f0c0';
	font-weight: 900
}

.icon-user-add:before {
	content: '\f234';
	font-weight: 900
}

.icon-user-minus:before {
	content: '\f503';
	font-weight: 900
}

.icon-video:before {
	content: '\f03d';
	font-weight: 900
}

.icon-picture:before {
	content: '\f03e';
	font-weight: 900
}

.icon-camera:before {
	content: '\f030';
	font-weight: 900
}

.icon-layout:before {
	content: '\f0db';
	font-weight: 900
}

.icon-menu:before {
	content: '\f0c9';
	font-weight: 900
}

.icon-check:before {
	content: '\f058';
	font-weight: 900
}

.icon-cancel:before {
	content: '\f00d';
	font-weight: 900
}

.icon-cancel-circled:before {
	content: '\f057';
	font-weight: 900
}

.icon-cancel-squared:before {
	content: '\274e';
	font-weight: 900
}

.icon-plus:before {
	content: '\f067';
	font-weight: 900
}

.icon-plus-circled:before {
	content: '\f055';
	font-weight: 900
}

.icon-plus-squared:before {
	content: '\f0fe';
	font-weight: 900
}

.icon-minus:before {
	content: '\f068';
	font-weight: 900
}

.icon-minus-circled:before {
	content: '\f056';
	font-weight: 900
}

.icon-minus-squared:before {
	content: '\f146';
	font-weight: 900
}

.icon-help:before {
	content: '\f128';
	font-weight: 900
}

.icon-help-circled:before {
	content: '\f059';
	font-weight: 900
}

.icon-info:before {
	content: '\f129';
	font-weight: 900
}

.icon-info-circled:before {
	content: '\f05a';
	font-weight: 900
}

.icon-back:before {
	content: '\f0e2';
	font-weight: 900
}

.icon-home:before {
	content: '\f015';
	font-weight: 900
}

.icon-link:before {
	content: '\f0c1';
	font-weight: 900
}

.icon-attach:before {
	content: '\f0c6';
	font-weight: 900
}

.icon-lock-close:before {
	content: '\f023';
	font-weight: 900
}

.icon-lock-open:before {
	content: '\f09c';
	font-weight: 900
}

.icon-eye:before {
	content: '\f06e';
	font-weight: 900
}

.icon-eye-slash:before {
	content: '\f070';
	font-weight: 900
}

.icon-tag:before {
	content: '\f02b';
	font-weight: 900
}

.icon-tags:before {
	content: '\f02c';
	font-weight: 900
}

.icon-bookmark:before {
	content: '\f02e';
	font-weight: 900
}

.icon-flag:before {
	content: '\f024';
	font-weight: 900
}

.icon-thumbs-up:before {
	content: '\f164';
	font-weight: 900
}

.icon-thumbs-down:before {
	content: '\f165';
	font-weight: 900
}

.icon-download:before {
	content: '\f019';
	font-weight: 900
}

.icon-download-cloud:before {
	content: '\f381';
	font-weight: 900
}

.icon-upload:before {
	content: '\f093';
	font-weight: 900
}

.icon-upload-cloud:before {
	content: '\f382';
	font-weight: 900
}

.icon-reply:before {
	content: '\f3e5';
	font-weight: 900
}

.icon-reply-all:before {
	content: '\f122';
	font-weight: 900
}

.icon-forward:before {
	content: '\f064';
	font-weight: 900
}

.icon-quote-left:before {
	content: '\f10d';
	font-weight: 900
}

.icon-quote-right:before {
	content: '\f10e';
	font-weight: 900
}

.icon-code:before {
	content: '\f121';
	font-weight: 900
}

.icon-export:before {
	content: '\f56e';
	font-weight: 900
}

.icon-import:before {
	content: '\f56f';
	font-weight: 900
}

.icon-pencil:before {
	content: '\f304';
	font-weight: 900
}

.icon-feather:before {
	content: '\f56b';
	font-weight: 900
}

.icon-print:before {
	content: '\f02f';
	font-weight: 900
}

.icon-retweet:before {
	content: '\f079';
	font-weight: 900
}

.icon-keyboard:before {
	content: '\f11c';
	font-weight: 900
}

.icon-comment:before {
	content: '\f075';
	font-weight: 900
}

.icon-chat:before {
	content: '\f086';
	font-weight: 900
}

.icon-bell:before {
	content: '\f0f3';
	font-weight: 900
}

.icon-bell-off:before {
	content: '\f1f6';
	font-weight: 900
}

.icon-attention:before {
	content: '\f071';
	font-weight: 900
}

.icon-alert:before {
	content: '\f071';
	font-weight: 900
}

.icon-vcard:before {
	content: '\f2c2';
	font-weight: 900
}

.icon-address:before {
	content: '\f2b9';
	font-weight: 900
}

.icon-location:before {
	content: '\f041';
	font-weight: 900
}

.icon-map:before {
	content: '\f279';
	font-weight: 900
}

.icon-direction:before {
	content: '\f124';
	font-weight: 900
}

.icon-compass:before {
	content: '\f14e';
	font-weight: 900
}

.icon-trash:before {
	content: '\f1f8';
	font-weight: 900
}

.icon-copy:before {
	content: '\f0c5';
	font-weight: 900
}

.icon-paste:before {
	content: '\f0ea';
	font-weight: 900
}

.icon-clone:before {
	content: '\f24d';
	font-weight: 900
}

.icon-undo:before {
	content: '\f2ea';
	font-weight: 900
}

.icon-redo:before {
	content: '\f2f9';
	font-weight: 900
}

.icon-indent:before {
	content: '\f03c';
	font-weight: 900
}

.icon-outdent:before {
	content: '\f03b';
	font-weight: 900
}

.icon-replace:before {
	content: '\f362';
	font-weight: 900
}

.icon-gotoline:before {
	content: '\f35d';
	font-weight: 900
}

.icon-desktop:before {
	content: '\f108';
	font-weight: 900
}

.icon-mobile:before {
	content: '\f3cd';
	font-weight: 900
}

.icon-server:before {
	content: '\f233';
	font-weight: 900
}

.icon-newspaper:before {
	content: '\f1ea';
	font-weight: 900
}

.icon-book:before {
	content: '\f02d';
	font-weight: 900
}

.icon-book-open:before {
	content: '\f518';
	font-weight: 900
}

.icon-folder:before {
	content: '\f07b';
	font-weight: 900
}

.icon-folder-open:before {
	content: '\f07c';
	font-weight: 900
}

.icon-archive:before {
	content: '\f187';
	font-weight: 900
}

.icon-box:before {
	content: '\f466';
	font-weight: 900
}

.icon-box-open:before {
	content: '\f49e';
	font-weight: 900
}

.icon-boxes:before {
	content: '\f468';
	font-weight: 900
}

.icon-rss:before {
	content: '\f09e';
	font-weight: 900
}

.icon-phone:before {
	content: '\f879';
	font-weight: 900
}

.icon-cog:before {
	content: '\f013';
	font-weight: 900
}

.icon-cogs:before {
	content: '\f085';
	font-weight: 900
}

.icon-tools:before {
	content: '\f7d9';
	font-weight: 900
}

.icon-toolbox:before {
	content: '\f552';
	font-weight: 900
}

.icon-share:before {
	content: '\f1e0';
	font-weight: 900
}

.icon-market:before {
	content: '\f54e';
	font-weight: 900
}

.icon-sync:before {
	content: '\f2f1';
	font-weight: 900
}

.icon-cart:before {
	content: '\f07a';
	font-weight: 900
}

.icon-basket:before {
	content: '\f291';
	font-weight: 900
}

.icon-bag:before {
	content: '\f290';
	font-weight: 900
}

.icon-calendar:before {
	content: '\f073';
	font-weight: 900
}

.icon-login:before {
	content: '\f2f6';
	font-weight: 900
}

.icon-logout:before {
	content: '\f2f5';
	font-weight: 900
}

.icon-mic:before {
	content: '\f130';
	font-weight: 900
}

.icon-mic-mute:before {
	content: '\f131';
	font-weight: 900
}

.icon-volume:before {
	content: '\f026';
	font-weight: 900
}

.icon-volume-up:before {
	content: '\f028';
	font-weight: 900
}

.icon-volume-down:before {
	content: '\f027';
	font-weight: 900
}

.icon-volume-mute:before {
	content: '\f6a9';
	font-weight: 900
}

.icon-clock:before {
	content: '\f017';
	font-weight: 900
}

.icon-hourglass:before {
	content: '\f254';
	font-weight: 900
}

.icon-lamp:before {
	content: '\f0eb';
	font-weight: 900
}

.icon-light-down:before {
	content: '\f186';
	font-weight: 900
}

.icon-light-up:before {
	content: '\f185';
	font-weight: 900
}

.icon-adjust:before {
	content: '\f042';
	font-weight: 900
}

.icon-block:before {
	content: '\f05e';
	font-weight: 900
}

.icon-resize-full:before {
	content: '\f065';
	font-weight: 900
}

.icon-resize-small:before {
	content: '\f066';
	font-weight: 900
}

.icon-popup:before {
	content: '\f2d2';
	font-weight: 900
}

.icon-window:before {
	content: '\f2d0';
	font-weight: 900
}

.icon-arrows-vertical:before {
	content: '\f338';
	font-weight: 900
}

.icon-arrows-horizontal:before {
	content: '\f337';
	font-weight: 900
}

.icon-arrows:before {
	content: '\f0b2';
	font-weight: 900
}

.icon-down-circled:before {
	content: '\f358';
	font-weight: 900
}

.icon-left-circled:before {
	content: '\f359';
	font-weight: 900
}

.icon-right-circled:before {
	content: '\f35a';
	font-weight: 900
}

.icon-up-circled:before {
	content: '\f0aa';
	font-weight: 900
}

.icon-down-open:before {
	content: '\f078';
	font-weight: 900
}

.icon-left-open:before {
	content: '\f053';
	font-weight: 900
}

.icon-right-open:before {
	content: '\f054';
	font-weight: 900
}

.icon-up-open:before {
	content: '\f077';
	font-weight: 900
}

.icon-down-open-mini:before {
	content: '\f107';
	font-weight: 900
}

.icon-left-open-mini:before {
	content: '\f104';
	font-weight: 900
}

.icon-right-open-mini:before {
	content: '\f105';
	font-weight: 900
}

.icon-up-open-mini:before {
	content: '\f106';
	font-weight: 900
}

.icon-down:before {
	content: '\f063';
	font-weight: 900
}

.icon-left:before {
	content: '\f060';
	font-weight: 900
}

.icon-right:before {
	content: '\f061';
	font-weight: 900
}

.icon-up:before {
	content: '\f062';
	font-weight: 900
}

.icon-down-dir:before {
	content: '\f0d7';
	font-weight: 900
}

.icon-left-dir:before {
	content: '\f0d9';
	font-weight: 900
}

.icon-right-dir:before {
	content: '\f0da';
	font-weight: 900
}

.icon-up-dir:before {
	content: '\f0d8';
	font-weight: 900
}

.icon-shuffle:before {
	content: '\f074';
	font-weight: 900
}

.icon-play:before {
	content: '\f04b';
	font-weight: 900
}

.icon-stop:before {
	content: '\f04d';
	font-weight: 900
}

.icon-pause:before {
	content: '\f04c';
	font-weight: 900
}

.icon-record:before {
	content: '\f111';
	font-weight: 900
}

.icon-to-end:before {
	content: '\f051';
	font-weight: 900
}

.icon-to-start:before {
	content: '\f048';
	font-weight: 900
}

.icon-fast-forward:before {
	content: '\f050';
	font-weight: 900
}

.icon-fast-backward:before {
	content: '\f04a';
	font-weight: 900
}

.icon-progress-0:before {
	content: '\e768';
	font-weight: 900
}

.icon-progress-1:before {
	content: '\e769';
	font-weight: 900
}

.icon-progress-2:before {
	content: '\e76a';
	font-weight: 900
}

.icon-progress-3:before {
	content: '\e76b';
	font-weight: 900
}

.icon-target:before {
	content: '\1f3af';
	font-weight: 900
}

.icon-palette:before {
	content: '\f53f';
	font-weight: 900
}

.icon-list:before {
	content: '\e005';
	font-weight: 900
}

.icon-list-add:before {
	content: '\e003';
	font-weight: 900
}

.icon-signal:before {
	content: '\1f4f6';
	font-weight: 900
}

.icon-trophy:before {
	content: '\1f3c6';
	font-weight: 900
}

.icon-battery:before {
	content: '\1f50b';
	font-weight: 900
}

.icon-back-in-time:before {
	content: '\e771';
	font-weight: 900
}

.icon-monitor:before {
	content: '\1f4bb';
	font-weight: 900
}

.icon-mobile:before {
	content: '\1f4f1';
	font-weight: 900
}

.icon-network:before {
	content: '\e776';
	font-weight: 900
}

.icon-cd:before {
	content: '\1f4bf';
	font-weight: 900
}

.icon-inbox:before {
	content: '\e777';
	font-weight: 900
}

.icon-install:before {
	content: '\f0c7';
	font-weight: 900
}

.icon-globe:before {
	content: '\1f30e';
	font-weight: 900
}

.icon-cloud:before {
	content: '\2601';
	font-weight: 900
}

.icon-cloud-thunder:before {
	content: '\26c8';
	font-weight: 900
}

.icon-flash:before {
	content: '\26a1';
	font-weight: 900
}

.icon-moon:before {
	content: '\263d';
	font-weight: 900
}

.icon-flight:before {
	content: '\2708';
	font-weight: 900
}

.icon-paper-plane:before {
	content: '\e79b';
	font-weight: 900
}

.icon-leaf:before {
	content: '\1f342';
	font-weight: 900
}

.icon-lifebuoy:before {
	content: '\e788';
	font-weight: 900
}

.icon-mouse:before {
	content: '\e789';
	font-weight: 900
}

.icon-briefcase:before {
	content: '\1f4bc';
	font-weight: 900
}

.icon-suitcase:before {
	content: '\e78e';
	font-weight: 900
}

.icon-dot:before {
	content: '\e78b';
	font-weight: 900
}

.icon-dot-2:before {
	content: '\e78c';
	font-weight: 900
}

.icon-dot-3:before {
	content: '\e78d';
	font-weight: 900
}

.icon-brush:before {
	content: '\f1fc';
	font-weight: 900
}

.icon-magnet:before {
	content: '\f076';
	font-weight: 900
}

.icon-infinity:before {
	content: '\f534';
	font-weight: 900
}

.icon-erase:before {
	content: '\232b';
	font-weight: 900
}

.icon-chart-pie:before {
	content: '\e751';
	font-weight: 900
}

.icon-chart-line:before {
	content: '\1f4c8';
	font-weight: 900
}

.icon-chart-bar:before {
	content: '\1f4ca';
	font-weight: 900
}

.icon-chart-area:before {
	content: '\1f53e';
	font-weight: 900
}

.icon-tape:before {
	content: '\2707';
	font-weight: 900
}

.icon-graduation-cap:before {
	content: '\1f393';
	font-weight: 900
}

.icon-language:before {
	content: '\f1ab';
	font-weight: 900
}

.icon-ticket:before {
	content: '\1f3ab';
	font-weight: 900
}

.icon-water:before {
	content: '\1f4a6';
	font-weight: 900
}

.icon-droplet:before {
	content: '\1f4a7';
	font-weight: 900
}

.icon-air:before {
	content: '\e753';
	font-weight: 900
}

.icon-credit-card:before {
	content: '\1f4b3';
	font-weight: 900
}

.icon-floppy:before {
	content: '\1f4be';
	font-weight: 900
}

.icon-clipboard:before {
	content: '\1f4cb';
	font-weight: 900
}

.icon-megaphone:before {
	content: '\1f4e3';
	font-weight: 900
}

.icon-database:before {
	content: '\e754';
	font-weight: 900
}

.icon-drive:before {
	content: '\e755';
	font-weight: 900
}

.icon-bucket:before {
	content: '\e756';
	font-weight: 900
}

.icon-thermometer:before {
	content: '\e757';
	font-weight: 900
}

.icon-flow-cascade:before {
	content: '\e790';
	font-weight: 900
}

.icon-flow-branch:before {
	content: '\f126';
	font-weight: 900
}

.icon-flow-tree:before {
	content: '\e792';
	font-weight: 900
}

.icon-flow-line:before {
	content: '\e793';
	font-weight: 900
}

.icon-flow-parallel:before {
	content: '\e794';
	font-weight: 900
}

.icon-rocket:before {
	content: '\1f680';
	font-weight: 900
}

.icon-gauge:before {
	content: '\e7a2';
	font-weight: 900
}

.icon-traffic-cone:before {
	content: '\e7a3';
	font-weight: 900
}

.icon-cc:before {
	content: '\e7a5';
	font-weight: 900
}

.icon-cc-by:before {
	content: '\e7a6';
	font-weight: 900
}

.icon-cc-nc:before {
	content: '\e7a7';
	font-weight: 900
}

.icon-cc-nc-eu:before {
	content: '\e7a8';
	font-weight: 900
}

.icon-cc-nc-jp:before {
	content: '\e7a9';
	font-weight: 900
}

.icon-cc-sa:before {
	content: '\e7aa';
	font-weight: 900
}

.icon-cc-nd:before {
	content: '\e7ab';
	font-weight: 900
}

.icon-cc-pd:before {
	content: '\e7ac';
	font-weight: 900
}

.icon-cc-zero:before {
	content: '\e7ad';
	font-weight: 900
}

.icon-cc-share:before {
	content: '\e7ae';
	font-weight: 900
}

.icon-cc-remix:before {
	content: '\e7af';
	font-weight: 900
}

.icon-git:before {
	content: '\f1d3';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400
}

.icon-git-alt:before {
	content: '\f841';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400
}

.icon-github-square:before {
	content: '\f092';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400
}

.icon-github-circled:before {
	content: '\f09b';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400
}

.icon-flickr:before {
	content: '\f303';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400
}

.icon-flickr-circled:before {
	content: '\f304';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400
}

.icon-vimeo:before {
	content: '\f306';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400
}

.icon-vimeo-circled:before {
	content: '\f307';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400
}

.icon-twitter:before {
	content: '\f309';
	font-weight: 900
}

.icon-twitter-circled:before {
	content: '\f30a';
	font-weight: 900
}

.icon-facebook:before {
	content: '\f30c';
	font-weight: 900
}

.icon-facebook-circled:before {
	content: '\f30d';
	font-weight: 900
}

.icon-facebook-squared:before {
	content: '\f30e';
	font-weight: 900
}

.icon-gplus:before {
	content: '\f30f';
	font-weight: 900
}

.icon-gplus-circled:before {
	content: '\f310';
	font-weight: 900
}

.icon-pinterest:before {
	content: '\f312';
	font-weight: 900
}

.icon-pinterest-circled:before {
	content: '\f313';
	font-weight: 900
}

.icon-tumblr:before {
	content: '\f315';
	font-weight: 900
}

.icon-tumblr-circled:before {
	content: '\f316';
	font-weight: 900
}

.icon-linkedin:before {
	content: '\f318';
	font-weight: 900
}

.icon-linkedin-circled:before {
	content: '\f319';
	font-weight: 900
}

.icon-dribbble:before {
	content: '\f31b';
	font-weight: 900
}

.icon-dribbble-circled:before {
	content: '\f31c';
	font-weight: 900
}

.icon-stumbleupon:before {
	content: '\f31e';
	font-weight: 900
}

.icon-stumbleupon-circled:before {
	content: '\f31f';
	font-weight: 900
}

.icon-lastfm:before {
	content: '\f321';
	font-weight: 900
}

.icon-lastfm-circled:before {
	content: '\f322';
	font-weight: 900
}

.icon-rdio:before {
	content: '\f324';
	font-weight: 900
}

.icon-rdio-circled:before {
	content: '\f325';
	font-weight: 900
}

.icon-spotify:before {
	content: '\f327';
	font-weight: 900
}

.icon-spotify-circled:before {
	content: '\f328';
	font-weight: 900
}

.icon-qq:before {
	content: '\f32a';
	font-weight: 900
}

.icon-instagrem:before {
	content: '\f32d';
	font-weight: 900
}

.icon-dropbox:before {
	content: '\f330';
	font-weight: 900
}

.icon-evernote:before {
	content: '\f333';
	font-weight: 900
}

.icon-flattr:before {
	content: '\f336';
	font-weight: 900
}

.icon-skype:before {
	content: '\f339';
	font-weight: 900
}

.icon-skype-circled:before {
	content: '\f33a';
	font-weight: 900
}

.icon-renren:before {
	content: '\f33c';
	font-weight: 900
}

.icon-sina-weibo:before {
	content: '\f33f';
	font-weight: 900
}

.icon-paypal:before {
	content: '\f342';
	font-weight: 900
}

.icon-picasa:before {
	content: '\f345';
	font-weight: 900
}

.icon-soundcloud:before {
	content: '\f348';
	font-weight: 900
}

.icon-mixi:before {
	content: '\f34b';
	font-weight: 900
}

.icon-behance:before {
	content: '\f34e';
	font-weight: 900
}

.icon-google-circles:before {
	content: '\f351';
	font-weight: 900
}

.icon-vkontakte:before {
	content: '\f354';
	font-weight: 900
}

.icon-smashing:before {
	content: '\f357';
	font-weight: 900
}

.icon-sweden:before {
	content: '\f601';
	font-weight: 900
}

.icon-db-shape:before {
	content: '\f600';
	font-weight: 900
}

.icon-logo-db:before {
	content: '\f603';
	font-weight: 900
}

.market-wrapper {
	height: 450px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden
}

.market-remote-title {
	color: #7F7F7F
}

#file-manager {
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0 5px;
	overflow: auto
}

#file-manager ul {
	display: block;
	margin: 0;
	padding: 0
}

#file-manager li {
	display: block;
	margin: 0;
	list-style: none
}

#file-manager ul ul li {
	margin-left: 22px;
	white-space: nowrap
}

#file-manager a {
	display: inline-block;
	min-width: 100%;
	cursor: pointer;
	padding: 2px 5px;
	padding-left: 0px;
	z-index: 80
}

#file-manager a:hover,
#file-manager a.context-menu-active {
	background-color: #333
}

#file-manager i {
	margin: 0 3px;
	font-size: 18px;
	display: inline-block;
	height: 18px;
	width: 18px;
	text-align: center
}

#file-manager i:before {
	text-align: center;
	line-height: 18px
}

#file-manager i.expand:not(.none) {
	margin-left: -22px;
	height: auto;
	width: auto
}

#file-manager i.none {
	display: none
}

#file-manager i.root {
	font-size: 22px;
	margin-left: 3px;
	width: auto;
	height: auto
}

#file-manager span {
	color: white;
	vertical-align: text-top
}

#file-manager .fa-plus,
#file-manager .fa-minus {
	color: gray
}

#file-manager .loading {
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

#context-menu {
	display: none;
	top: 0;
	left: 0;
	position: fixed;
	width: 140px;
	padding: 0;
	background: #333;
	z-index: 9999999;
	background-clip: content-box;
	border: 3px solid rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.9);
	border-radius: 3px;
	overflow-y: auto
}

#context-menu a {
	display: block;
	padding: 5px 5px 7px 5px;
	margin: 0
}

#context-menu .icon {
	padding-right: 5px
}

#context-menu a:hover {
	background-color: #4a4a4a
}

#context-menu hr {
	height: 0;
	border: none;
	border-top: 1px solid #292929;
	margin: 5px
}

.disabled {
	color: #999;
	font-style: italic
}

#filemanager-search-results {
	display: none;
	height: 250px;
	overflow: scroll !important;
	border: 1px solid #262626
}

#filemanager-search-results div {
	padding: 4px 6px 3px 6px;
	border-radius: 3px;
	white-space: nowrap
}

#filemanager-search-results div:hover {
	background-image: linear-gradient(left, #1a1a1a 1%, rgba(26, 26, 26, 0) 100%);
	background-image: -o-linear-gradient(left, #1a1a1a 1%, rgba(26, 26, 26, 0) 100%);
	background-image: -moz-linear-gradient(left, #1a1a1a 1%, rgba(26, 26, 26, 0) 100%);
	background-image: -webkit-linear-gradient(left, #1a1a1a 1%, rgba(26, 26, 26, 0) 100%);
	background-image: -ms-linear-gradient(left, #1a1a1a 1%, rgba(26, 26, 26, 0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0.01, #1a1a1a), color-stop(1, rgba(26, 26, 26, 0)))
}

#filemanager-search-processing {
	display: none;
	margin: 10px 0 0 0;
	width: 32px;
	height: 32px;
	float: right;
	background: url(images/default/loading.gif) no-repeat
}

#upload-drop-zone {
	height: 200px;
	padding-top: 60px;
	border: 1px solid #666;
	border-radius: 5px;
	margin: 10px 0;
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	text-align: center;
	font-size: 25px;
	color: #999
}

.upload-drag-over {
	border: 1px solid #fff
}

#upload-wrapper {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative
}

#upload-clicker {
	background: #333;
	color: #999;
	cursor: pointer;
	display: inline-block
}

#upload-wrapper:hover #upload-clicker {
	color: #fff
}

#upload-wrapper input {
	cursor: pointer;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0.0
}

#upload-progress {
	width: 75%;
	margin: 10px auto;
	height: 20px;
	border: 1px solid #666;
	background: #262626;
	border-radius: 5px;
	overflow: hidden
}

#upload-progress .bar {
	width: 0;
	height: 20px;
	background-image: url(images/default/progress_bar.png)
}

#upload-complete {
	display: none;
	font-size: 18px;
	margin: 10px 0;
	color: #fff
}

.file-search-table tr td {
	border: none;
	padding: 0
}

#title {
	position: relative;
	width: 26em;
	z-index: 2;
	text-align: center;
	margin: 200px auto;
	text-align: center
}

#title h1 {
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 3em;
	color: #fff;
	text-align: center
}

#title span {
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 3em;
	color: #aaa;
	text-align: right;
	margin-top: -22px;
	display: inline-block;
	width: 100%
}

.linear-wipe {
	background: linear-gradient(to right, #EEF 10%, #CCD 30%, #BBC 50%, #AAC 70%, #EEF 90%);
	background-size: 200% auto;
	color: #000;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: shine 2s linear infinite;
	animation: shine 2s linear infinite
}

.linear-wipe:after {
	display: none
}

@-webkit-keyframes shine {
	to {
		background-position: 200% center
	}
}

@keyframes shine {
	to {
		background-position: 200% center
	}
}

#logo {
	position: absolute;
	height: 460px;
	width: 786px;
	z-index: 1;
	top: 5%;
	left: calc(50% - (786px / 2));
	background-image: url(favicons/logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

#login {
	width: 384px;
	left: calc(50% - (384px / 2));
	padding: 35px;
	z-index: 1;
	top: 35%;
	position: absolute;
	background-color: #121212
}

#hex_overlay {
	left: -20px;
	position: fixed;
	top: -20px;
	z-index: 0;
	pointer-events: none;
	height: 120vh;
	width: 120vw;
	background: linear-gradient(-45deg, #000 40%, #0074D7 50%, #000 60%);
	background-size: 600% 600%;
	animation: gradient 10s linear infinite
}

@keyframes gradient {
	0% {
		background-position: 0% 51%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 51%
	}
}

@keyframes ani-gradient {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 100vw 0
	}
}

@keyframes scroll {
	100% {
		background-position: -2000px 0
	}
}

input[type="checkbox"].large {
	width: 2rem;
	height: 2rem;
	position: relative
}

input[type="checkbox"].large::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: rgba(18, 18, 18, 0);
	background-color: #F2F2F2;
	box-shadow: inset 0 0 0 2px #121212;
	font-size: 0rem;
	font-weight: bolder;
	line-height: 2rem;
	text-align: center;
	transition: background-color 150ms 0ms ease, color 150ms 50ms ease, font-size 150ms 50ms ease
}

input[type="checkbox"].large:checked::after {
	content: "\02714";
	color: #f2f2f2;
	background-color: #8C8C8C;
	font-size: 2rem
}

table {
	width: 100%;
	border-collapse: collapse
}

table td,
table th {
	vertical-align: middle;
	padding: 3px 10px 5px;
	border: 1px solid #454445
}

table th {
	text-align: left;
	font-weight: bold;
	background: #3b3b3b;
	padding-top: 8px
}

table [class^="icon-"],
[class*=" icon-"] {
	display: block
}

#project-list {
	max-height: 50vh;
	overflow: auto;
	margin: 15px 0
}

.project-wrapper {
	width: 100%
}

.project-list-title {
	height: 35px;
	background-color: #303030;
	overflow: hidden
}

.project-list-title h2 {
	float: left;
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
	display: block;
	margin: 10px
}

.project-list-title .icon {
	display: block;
	font-size: 15px;
	color: #ffffff;
	z-index: 99999;
	cursor: pointer;
	margin: 5px;
	padding: 5px;
	float: right
}

.project-list-title .icon:hover {
	color: #fff
}

.sb-project-list {
	max-height: 276px !important;
	margin: 0 0 !important;
	overflow: auto !important
}

.sb-projects-content {
	height: 100%;
	width: 100%;
	overflow: auto;
	position: absolute;
	padding: 5px
}

.sb-projects-content li:hover {
	background-color: #333;
	cursor: pointer
}

.sb-projects-content ul {
	height: 100%;
	display: block
}

.sb-projects-content ul li {
	padding: 5px;
	white-space: nowrap;
	border-radius: 0
}

.sb-projects-content ul li .icon {
	color: #0074D9;
	font-size: 12px
}

.sb-projects-content div {
	padding-top: 2px
}

#git-clone {
	border: none
}

#git-clone td {
	border: none;
	padding: 0;
	margin: 0
}

.note {
	padding: 10px 0;
	color: #a8a6a8
}

.settings-view {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.settings-view .big-icon {
	font-size: 140%;
	margin-right: 12px
}

.settings-view .config-menu {
	max-height: 55vh;
	overflow: auto;
	width: 200px
}

.settings-view .config-menu li {
	box-sizing: border-box;
	display: block;
	margin-left: 0;
	margin-top: 2px;
	position: relative
}

.settings-view .config-menu li a {
	position: relative;
	display: block;
	padding: 10px 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

.settings-view .config-menu .active {
	background-color: #3c76dd
}

.settings-view .panels {
	max-height: 58vh;
	padding: 5px 20px 20px;
	overflow: auto;
	width: 600px
}

#project-selector {
	max-height: 250px;
	background: #404040;
	margin: 10px 0 5px 0;
	border-radius: 5px;
	box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	overflow: auto;
	max-height: 250px
}

.user-wrapper {
	max-height: 450px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden
}

#project-selector table td {
	border: none;
	border-bottom: 1px solid #666
}

#project-selector table tr:last-child td {
	border: none
}

.sb-right-content [class^="icon-"],
.sb-right-content [class*=" icon-"] {
	width: 16px
}

.sidebar {
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 99999;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	background: #1a1a1a;
	transition: right 0.2s ease-in-out, left 0.2s ease-in-out
}

.sidebar#sb-left {
	width: 300px;
	left: 0;
	overflow: hidden
}

#sb-left-title {
	position: absolute;
	z-index: 9998;
	top: 0;
	left: 0;
	right: 10px;
	height: 35px;
	background-color: #303030;
	overflow: hidden
}

#sb-left-title.active {
	border-bottom: 1px solid gray
}

.sidebar#sb-right {
	width: 200px;
	right: -185px;
	z-index: 99999
}

.sidebar-handle {
	width: 15px;
	height: 100%;
	z-index: 99999;
	margin: 0;
	padding: 0;
	background: #474747;
	cursor: col-resize
}

.sidebar-handle span {
	display: block;
	position: absolute;
	width: 14px;
	top: 50%;
	text-align: center;
	letter-spacing: -1px;
	color: #000
}

#sb-left .sidebar-handle {
	position: absolute;
	right: 0
}

.unlocked .sidebar-handle span {
	width: 18px;
	height: 30px;
	margin-left: -18px;
	background: #474747;
	color: #F2F2F2
}

.unlocked .sidebar-handle span a {
	font-size: 22px;
	padding-top: 5px
}

.unlocked .sidebar-handle span a:hover {
	background-color: transparent
}

.sb-left-content {
	position: absolute;
	top: 33px;
	left: 0;
	right: 10px;
	bottom: 280px
}

.sb-left-projects {
	position: absolute;
	height: 280px;
	bottom: 0;
	left: 0;
	right: 15px
}

#sb-left-title .icon {
	display: block;
	font-size: 15px;
	color: #F2F2F2;
	z-index: 99999;
	cursor: pointer;
	margin: 10px;
	float: right
}

#sb-left-title h2 {
	float: left;
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
	display: block;
	margin: 10px
}

#sb-right-title {
	position: absolute;
	z-index: 9998;
	top: 0;
	left: 15px;
	right: 0;
	height: 33px;
	background-color: #303030
}

#sb-right-title .icon {
	display: block;
	font-size: 15px;
	color: #F2F2F2;
	z-index: 99999;
	cursor: pointer;
	margin: 10px;
	float: left
}

#sb-left-title .icon.active,
#sb-left-title .icon:hover {
	color: #F2F2F2
}

#sb-right .sidebar-handle {
	float: left
}

.sb-right-content {
	position: absolute;
	min-width: 185px;
	width: 100%;
	top: 33px;
	left: 15px;
	height: calc(100% - 33px);
	margin-top: 5px
}

.sb-right-category {
	font-size: 16px;
	font-weight: 600;
	color: #0074D9;
	padding-bottom: 5px;
	margin-left: 5px
}

#sb-right a {
	margin-left: 5px;
	display: block;
	min-width: 100%;
	cursor: pointer;
	padding: 5px;
	border-radius: 0
}

#sb-right a span {
	padding-right: 8px
}

#sb-right a:hover {
	background-color: #333
}

#lock-right-sidebar:hover {
	color: #fff
}

#sb-right hr {
	height: 0;
	border: none;
	border-top: 1px solid #333;
	padding: 0;
	margin: 10px 0
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px
}

::-webkit-scrollbar-track-piece {
	background-color: #333;
	-webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:vertical {
	height: 5px;
	background-color: #666;
	-webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #999
}

::-webkit-scrollbar-thumb:horizontal {
	width: 5px;
	background-color: #666;
	-webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:horizontal:hover {
	background-color: #999
}

::-webkit-scrollbar-corner {
	background-color: #2D2D2D
}

body,
html {
	width: 100%;
	height: 100%;
	background-color: #1a1a1a;
	color: #fff;
	font: normal 14px "Ubuntu", sans-serif;
	overflow: hidden
}

div {
	scrollbar-base-color: #1a1a1a;
	scrollbar-3d-light-color: #1a1a1a;
	scrollbar-arrow-color: #303030;
	scrollbar-darkshadow-color: #303030;
	scrollbar-face-color: #1a1a1a;
	scrollbar-highlight-color: #303030;
	scrollbar-shadow-color: #303030;
	scrollbar-track-color: #303030
}

a,
a:link,
a:visited {
	cursor: pointer
}

.hide {
	display: none
}

.clear {
	clear: both
}

.right {
	float: right
}

.left {
	float: left
}

.italic {
	font-style: italic
}

.strong {
	font-weight: bold
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-size: 75%;
	display: inline-block;
	margin-right: 8px;
	text-align: center;
	vertical-align: top
}

.bigger-icon {
	font-size: 95%;
	margin-right: 6px
}

.icon-doc-text {
	padding-right: 3px
}

.icon-doc.text.bigger-icon {
	padding-right: 0
}

.login-icon {
	padding-top: 3px
}

.language-selector {
	position: relative;
	display: none
}

.show-language-selector {
	display: block;
	float: right;
	color: #666;
	margin: 10px 0 0
}

.show-language-selector:hover {
	color: #fff
}

label {
	display: block;
	padding: 0 0 5px;
	font-size: 14px;
	font-weight: normal;
	text-shadow: 0 1px 1px #000
}

label .icon {
	font-weight: normal;
	font-size: 180%;
	padding-right: 4px;
	display: none
}

#dependencies,
button,
input,
select,
textarea {
	display: block;
	width: 100%;
	padding: 7px 10px;
	margin: 5px 0;
	background: #242424;
	border: none;
	border-bottom: 2px solid #595959;
	color: #fff;
	border-radius: 0;
	line-height: normal
}

#dependencies .error {
	color: red
}

#dependencies .success {
	color: green
}

select option {
	background: #242424
}

textarea {
	min-height: 100px
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
	background: #242424;
	border-bottom: 2px solid #ccc
}

input[type="checkbox"] {
	width: 20px;
	position: relative;
	margin: 5px 0 0;
	padding: 0
}

button {
	display: inline-block;
	width: auto;
	margin: 3px;
	margin-left: 0;
	min-width: 80px;
	padding: 6px 15px 5px;
	color: #242424;
	font-size: 13px;
	font-weight: bold;
	background-color: #EEEEEE;
	border: none;
	border-bottom: 2px solid #7d7d7d
}

button+button {
	margin-left: auto
}

button:hover {
	color: #333;
	background-color: #f3f3f3;
	cursor: pointer;
	border-bottom: 2px solid #919191
}

button .icon {
	padding: 0 5px 0 0
}

pre {
	background: #404040;
	padding: 10px;
	margin: 10px 0 5px;
	border-radius: 0;
	font-family: monospace;
	overflow: auto
}

#installer {
	position: absolute;
	width: 450px;
	top: 15%;
	left: 50%;
	margin-left: -175px;
	padding: 35px;
	overflow: auto
}

#installer h1 {
	font-size: 24px;
	margin: 0 0 15px
}

#installer hr {
	height: 0;
	border: none;
	border-top: 1px solid #ccc;
	margin: 20px 0
}

.install_issues {
	background: #404040;
	padding: 10px;
	margin: 10px 0 5px;
	border-radius: 0;
	font-family: monospace;
	overflow: auto
}

.install_issues p {
	padding: 0;
	margin: 0
}

#message {
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
	width: 500px;
	margin-left: -250px;
	padding: 8px 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	z-index: 99999999;
	line-height: 150%;
	border-radius: 0;
	text-shadow: 1px 1px 3px #000
}

#message.error {
	background-color: #a10b0b;
	border: 2px solid #ff0000;
	border-top: none
}

#message.success {
	background-color: #0f9c0f;
	border: 2px solid #00ff00;
	border-top: none
}

#workspace {
	color: #fff;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden
}

.options-menu {
	position: absolute;
	z-index: 9999;
	background-color: #2E2E2E;
	border: 3px solid #666666;
	display: none;
	border-radius: 0
}

.options-menu li {
	border-bottom: 1px solid black;
	padding: 0
}

.options-menu li a {
	display: block;
	color: #7F7F7F;
	text-decoration: none;
	padding: 10px;
	cursor: pointer
}

.options-menu li:hover {
	background-color: #7F7F7F
}

.options-menu li:hover a {
	color: white
}

.options-menu td {
	padding: 0;
	margin: 0
}

.splitter {
	background-color: black;
	z-index: 9999
}

.h-splitter {
	background-image: linear-gradient(left, #787878 29%, #4d4d4d 77%);
	background-image: -o-linear-gradient(left, #787878 29%, #4d4d4d 77%);
	background-image: -moz-linear-gradient(left, #787878 29%, #4d4d4d 77%);
	background-image: -webkit-linear-gradient(left, #787878 29%, #4d4d4d 77%);
	background-image: -ms-linear-gradient(left, #787878 29%, #4d4d4d 77%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0.29, #787878), color-stop(0.77, #4d4d4d));
	cursor: col-resize
}

.v-splitter {
	background-image: linear-gradient(top, #787878 29%, #4d4d4d 77%);
	background-image: -o-linear-gradient(top, #787878 29%, #4d4d4d 77%);
	background-image: -moz-linear-gradient(top, #787878 29%, #4d4d4d 77%);
	background-image: -webkit-linear-gradient(top, #787878 29%, #4d4d4d 77%);
	background-image: -ms-linear-gradient(top, #787878 29%, #4d4d4d 77%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.29, #787878), color-stop(0.77, #4d4d4d));
	cursor: row-resize
}

#cursor-position {
	position: absolute;
	right: 30px;
	bottom: 4px;
	font-size: 12px;
	z-index: 99;
	color: #999
}

#current-mode,
#settings,
#split {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#current-file,
#current-mode {
	float: left
}

#current-mode:hover {
	color: #fff
}

.divider {
	display: block;
	float: left;
	height: 14px;
	width: 1px;
	background: #333;
	margin: 0 15px
}

.ico-wrapper {
	display: block;
	position: relative;
	float: left;
	font-size: 13px;
	line-height: 100%
}

.ico-wrapper:hover {
	color: #fff
}

.settings td {
	border: none;
	border-bottom: 1px solid #666;
	padding: 10px 0
}

.settings td:first-child {
	padding-right: 20px;
	font-weight: bold
}

.settings select {
	margin: 0
}

.settings tr:last-child td {
	border: none
}

#finder-label {
	cursor: pointer
}

#finder-wrapper {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 20px;
	display: none
}

#finder-inner-wrapper {
	left: 0;
	right: 30px;
	top: 5px;
	bottom: 3px;
	position: absolute
}

#finder {
	border: none;
	background: transparent;
	height: 24px;
	font-size: 11px;
	position: relative;
	margin-top: 3px;
	margin-left: 5px;
	padding: 0
}

#finder-options-menu {
	top: 35px;
	right: 40px
}

#finder-options-menu li.chosen {
	font-weight: 700;
	background: #3A3A3A
}

#finder-options-menu li.chosen a {
	color: white
}

#download {
	display: none
}