:root {
--theme-bg: #FFFFFF;
--theme-bg-transparent: rgba(255, 255, 255, 0.6);
--theme-mask-hidden: rgba(0, 0, 0, 0);
--theme-mask-shown: rgba(0, 0, 0, 0.5);
--theme-mask-popups-hidden: rgba(255, 255, 255, 0);
--theme-mask-popups-shown: rgba(255, 255, 255, 0.8);
--theme-filelist-bg: #EEEEEE;
--theme-menu-highlight: #e2e2e2;
--theme-text: #323130;
--theme-textLight: #5F6368;
--theme-textLighter: #808080;
--theme-textDanger: #c53929;
--theme-textOnMain: #FFFFFF;
--theme-textOnLighter: #590099;
--theme-main: #590099;
--theme-lighter: #F0E1F3;
--theme-dark: #590099;
--theme-folder: #7d0099;
--hBCol: #E1E1E1;
--sBCol: #EBEBEB;
--sBr: 4px;
--mBr: 8px;
--lBr: 12px;
}

/* style.css */
html {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
}
body {
    font: 14px 'Roboto', Helvetica, sans-serif;
    color: var(--theme-text);
	cursor: default;
	overflow: hidden;
	background: var(--theme-body-bg, var(--theme-bg)) no-repeat center center fixed;
	background-size: cover;
}
table {
	font-size:14px;
}
input, textarea {
	font-family: 'Roboto', Helvetica, sans-serif;
	color: var(--theme-text);
}
.fr-touch-only,
.fr-touch-only table {
	font-size:16px;
}

a {
	color: var(--theme-main);
	text-decoration: none;
}
a:hover {
	color: var(--theme-dark);
	text-decoration: underline;
}
#loadMsg {
	text-align:center;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: fit-content;
	height: fit-content;
}
#loadMsg div {
	background-color: var(--theme-bg);
	border-radius: 8px;
	padding: 15px;
	box-shadow: 0 4px 8px rgba(0,0,0,.32),0 8px 40px rgba(0,0,0,.4);
}
body * {
	scrollbar-width: thin;
	scrollbar-color: var(--sBCol) transparent;
}
::-webkit-scrollbar,
scrollbar-width {
	width: 6px;
}
::-webkit-scrollbar,
scrollbar-height {
	height: 6px;
}
::-webkit-scrollbar-thumb {
	transition: background-color 0.5s ease;
	border-radius: var(--sBr);
	background-color: var(--sBCol);
}


table.niceborder {
    background-color: var(--hBCol);
}
table.niceborder td.header,
table.niceborder tr.header td {
    background-color: var(--theme-lighter);
    font-weight:bold;
}
table.niceborder td {
    background-color: var(--theme-bg);
    padding: 2px;
}

.basicAvatar {
	border-radius: 50%;
	height: 25px;
	width: 25px;
	background-size: cover;
	background-repeat: no-repeat;
}
.basicAvatar.smaller {
	width: 20px;
	height: 20px;
}
.fr-touch-only .basicAvatar.smaller {
	width: 30px;
	height: 30px;
}
.basicAvatar.group {
	border-radius: var(--sBr);
}

.x-grid3-row .basicAvatar {
	vertical-align: middle;
}

.grid-icon {
	font-size: 16px;
}

.avatarSelector * {
	border-radius:50%;
}
.avatarSelector .cameraIcon {
	background-image:url(../images/icons/camera_overlay.png);
	background-repeat:no-repeat;
	background-size: 24px;
	background-position:center;
	background-color: #343434;
	height:60px;
	width:60px;
	position:absolute;
	top:0;
	left:0;
	opacity: 0.8;
	visibility:hidden;
}
.avatarSelector:hover .cameraIcon {visibility:visible;}



.colorRed {color:red;}
.colorGray, .gray {color:gray;}
.silver {color: silver;}

.fa.icon-white {color: white !important;}
.fa.icon-silver {color: #8F8F8F;}

.fa.icon-danger,
.fa.icon-red {
	color:var(--theme-textDanger);
}
.fa.icon-gray {color: #777777;}
.fa.icon-blue {color: #4285F4;}
.fa.icon-green {color: green;}

/* roboto/load.css */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(roboto/roboto-v29-latin-ext_latin-regular.woff2) format('woff2');;
	/* change version also inside \FileRun\UI\CSS::insertLink */
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/roboto-v29-latin-ext_latin-500.woff2) format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(roboto/roboto-v29-latin-ext_latin-700.woff2) format('woff2');
}

/* font-awesome/css/font-awesome.min.css */
@font-face {
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 300;
	src: url("font-awesome/fonts/fa-light-300.woff2?v=6") format("woff2");
	/* change version also inside \FileRun\UI\CSS::insertLink */
}
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  src: url("font-awesome/fonts/fa-solid-900.woff2?v=6") format("woff2");
}

.fa {
	font-family: 'Font Awesome 5 Pro';
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	text-rendering: auto;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}
.fas {font-weight: 900;}
.fa-lg {
	font-size: 1.33333em;
}

.fa-xs {font-size: .6em;}
.fa-sm {font-size: .875em;}
.fa-1x {font-size: 1em;}
.fa-2x {font-size: 2em;}
.fa-3x {font-size: 3em;}
.fa-4x {font-size: 4em;}
.fa-5x {font-size: 5em;}

.fa-fw {
	text-align: center;
	width: 1.25em;
}

.fa-ul {
	list-style-type: none;
	margin-left: 2.5em;
	padding-left: 0;
}

.fa-ul > li {
	position: relative;
}

.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit;
}

.fa-border {
	border: solid 0.08em #eee;
	border-radius: .1em;
	padding: .2em .25em .15em;
}

.fa-pull-left {
	float: left;
}

.fa-pull-right {
	float: right;
}

.fa-inline {
	vertical-align: baseline;
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
.fa-pulse {
	animation: pulse 2s linear infinite;
}
.fa-flash {
	animation: flash 1s ease infinite;
}
@keyframes flash {
	0%,100%,50%{opacity:1}
	25%,75%{opacity:0}
}
@keyframes pulse{
	0% {-webkit-transform:scale(1.1);transform:scale(1.1)}
	50% {-webkit-transform:scale(.8);transform:scale(.8)}
	100% {-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes bounce {
	0%,10%,20%,50%,80%,100%{transform:translateY(0)}
	40%{transform:translateY(-15px)}
	60%{transform:translateY(-15px)}
}
@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.fa-rotate-90 {
	transform: rotate(90deg);
}

.fa-rotate-180 {
	transform: rotate(180deg);
}

.fa-rotate-270 {
	transform: rotate(270deg);
}

.fa-flip-horizontal {
	transform: scale(-1, 1);
}

.fa-flip-vertical {
	transform: scale(1, -1); }

.fa-flip-horizontal.fa-flip-vertical {
	transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
	-webkit-filter: none;
	filter: none;
}

.fa-stack {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.fa-stack-1x {
	line-height: inherit;
}

.fa-stack-2x {
	font-size: 2em;
}

.fa-inverse {
	color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-browser:before {
	content: "\f37e";
}
.fa-palette:before {
	content: "\f53f";
}
.fa-music:before {
	content: "\f001";
}
.fa-search:before {
	content: "\f002";
}
.fa-file-search:before {
	content: "\f865";
}
.fa-envelope-o:before {
	content: "\f0e0";
}
.fa-heart:before {
	content: "\f004";
}
.fa-star:before,
.fa-star-o:before {
	content: "\f005";
}
.fa-user:before {
	content: "\f007";
}
.fa-film:before {
	content: "\f008";
}
.fa-grid:before {
	content: "\e195";
}
.fa-grid2:before {
	content: "\e196";
}
.fa-th-large:before {
	content: "\f009";
}
.fa-th:before {
	content: "\f00a";
}
.fa-th-list:before {
	content: "\f00b";
}
.fa-check:before {
	content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
	content: "\f00d";
}
.fa-search-plus:before {
	content: "\f00e";
}
.fa-search-minus:before {
	content: "\f010";
}
.fa-power-off:before {
	content: "\f011";
}
.fa-signal:before {
	content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
	content: "\f013";
}
.fa-home:before {
	content: "\f015";
}
.fa-file-import:before {
	content: "\f56f";
}
.fa-file-export:before {
	content: "f56e";
}
.fa-file-o:before {
	content: "\f016";
}
.fa-clock-o:before {
	content: "\f017";
}
.fa-download:before {
	content: "\f019";
}
.fa-arrow-circle-o-down:before {
	content: "\f01a";
}
.fa-arrow-to-top:before {
	content: "\f341";
}
.fa-arrow-to-left:before {
	content: "\f33e";
}
.fa-arrow-to-right:before {
	content: "\f340";
}
.fa-arrow-to-bottom:before {
	content: "\f33d";
}
.fa-arrow-from-bottom:before {
	content: "\f342";
}
.fa-arrow-circle-o-up:before {
	content: "\f01b";
}
.fa-external-link-square {
	content: "\f14c";
}
.fa-inbox:before {
	content: "\f01c";
}
.fa-inbox-in:before {
	content: "\f310";
}
.fa-rotate-right:before,
.fa-repeat:before {
	content: "\f01e";
}
.fa-refresh:before {
	content: "\f021";
}
.fa-list-alt:before {
	content: "\f022";
}
.fa-lock:before {
	content: "\f023";
}
.fa-flag:before {
	content: "\f024";
}
.fa-headphones:before {
	content: "\f025";
}
.fa-volume-off:before {
	content: "\f026";
}
.fa-volume-down:before {
	content: "\f027";
}
.fa-volume-up:before {
	content: "\f028";
}
.fa-qrcode:before {
	content: "\f029";
}
.fa-barcode:before {
	content: "\f02a";
}
.fa-tag:before {
	content: "\f02b";
}
.fa-tags:before {
	content: "\f02c";
}
.fa-book:before {
	content: "\f02d";
}
.fa-bookmark:before {
	content: "\f02e";
}
.fa-print:before {
	content: "\f02f";
}
.fa-camera:before {
	content: "\f030";
}
.fa-font:before {
	content: "\f031";
}
.fa-bold:before {
	content: "\f032";
}
.fa-italic:before {
	content: "\f033";
}
.fa-text-height:before {
	content: "\f034";
}
.fa-text-width:before {
	content: "\f035";
}
.fa-align-left:before {
	content: "\f036";
}
.fa-align-center:before {
	content: "\f037";
}
.fa-align-right:before {
	content: "\f038";
}
.fa-align-justify:before {
	content: "\f039";
}
.fa-list:before {
	content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
	content: "\f03b";
}
.fa-indent:before {
	content: "\f03c";
}
.fa-video-camera:before {
	content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
	content: "\f03e";
}
.fa-images:before {
	content: "\f302";
}
.fa-photo-video:before {
	content: "\f87c";
}
.fa-file-image:before {
	content: "\f1c5";
}
.fa-pencil:before {
	content: "\f040";
}
.fa-map-marker:before {
	content: "\f041";
}
.fa-adjust:before {
	content: "\f042";
}
.fa-tint:before {
	content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
	content: "\f044";
}
.fa-pen:before {
	content: "\f304";
}
.fa-check-square-o:before {
	content: "\f14a";
}
.fa-arrows:before {
	content: "\f047";
}
.fa-step-backward:before {
	content: "\f048";
}
.fa-fast-backward:before {
	content: "\f049";
}
.fa-backward:before {
	content: "\f04a";
}
.fa-play:before {
	content: "\f04b";
}
.fa-pause:before {
	content: "\f04c";
}
.fa-stop:before {
	content: "\f04d";
}
.fa-forward:before {
	content: "\f04e";
}
.fa-fast-forward:before {
	content: "\f050";
}
.fa-step-forward:before {
	content: "\f051";
}
.fa-eject:before {
	content: "\f052";
}
.fa-chevron-left:before {
	content: "\f053";
}
.fa-chevron-double-left:before {
	content: "\f323";
}
.fa-chevron-right:before {
	content: "\f054";
}
.fa-chevron-double-right:before {
	content: "\f324";
}
.fa-plus-circle:before {
	content: "\f055";
}
.fa-minus-circle:before {
	content: "\f056";
}
.fa-times-circle:before {
	content: "\f057";
}
.fa-check-circle:before {
	content: "\f058";
}
.fa-question-circle:before {
	content: "\f059";
}
.fa-info-circle:before {
	content: "\f05a";
}
.fa-info-square:before {
	content: "\f30f";
}
.fa-crosshairs:before {
	content: "\f05b";
}
.fa-times-circle-o:before {
	content: "\f05c";
}
.fa-check-circle-o:before {
	content: "\f05d";
}
.fa-ban:before {
	content: "\f05e";
}
.fa-arrow-left:before {
	content: "\f060";
}
.fa-arrow-alt-left:before {
    content: "\f355";
}
.fa-arrow-right:before {
	content: "\f061";
}
.fa-arrow-up:before {
	content: "\f062";
}
.fa-arrow-alt-up:before {
    content: "\f357";
}
.fa-arrow-down:before {
	content: "\f063";
}
.fa-caret-square-down:before {
	content: "\f150";
}
.fa-mail-forward:before,
.fa-share:before {
	content: "\f064";
}
.fa-expand:before {
	content: "\f065";
}
.fa-expand-alt:before {
    content: "\f424";
}
.fa-compress:before {
	content: "\f066";
}
.fa-plus:before {
	content: "\f067";
}
.fa-minus:before {
	content: "\f068";
}
.fa-asterisk:before {
	content: "\f069";
}
.fa-exclamation-circle:before {
	content: "\f06a";
}
.fa-gift:before {
	content: "\f06b";
}
.fa-leaf:before {
	content: "\f06c";
}
.fa-fire:before {
	content: "\f06d";
}
.fa-eye:before {
	content: "\f06e";
}
.fa-eye-slash:before {
	content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
	content: "\f071";
}
.fa-plane:before {
	content: "\f072";
}
.fa-calendar:before {
	content: "\f073";
}
.fa-random:before {
	content: "\f074";
}
.fa-magnet:before {
	content: "\f076";
}
.fa-network-wired:before {
	content: "\f6ff";
}
.fa-chevron-up:before {
	content: "\f077";
}
.fa-chevron-down:before {
	content: "\f078";
}
.fa-folder:before {
	content: "\e185";
}
.fa-folders:before {
	content: "\f660";
}
.fa-folder-plus:before {
	content: "\f65e";
}
.fa-folder-upload:before {
	content: "\e054";
}
.fa-folder-open:before {
	content: "\f07c";
}
.fa-folder-tree:before {
	content: "\f802";
}
.fa-arrows-v:before {
	content: "\f07d";
}
.fa-arrows-h:before {
	content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
	content: "\f080";
}
.fa-facebook-square:before {
	content: "\f082";
}
.fa-camera-retro:before {
	content: "\f083";
}
.fa-key:before {
	content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
	content: "\f085";
}
.fa-thumbs-o-up:before {
	content: "\f087";
}
.fa-thumbs-o-down:before {
	content: "\f088";
}
.fa-star-half:before {
	content: "\f089";
}
.fa-heart-o:before {
	content: "\f08a";
}
.fa-sign-out:before {
	content: "\f08b";
}
.fa-thumb-tack:before {
	content: "\f08d";
}
.fa-external-link:before {
	content: "\f08e";
}
.fa-sign-in:before {
	content: "\f090";
}
.fa-upload:before {
	content: "\f093";
}
.fa-square-o:before {
	content: "\f096";
}
.fa-bookmark-o:before {
	content: "\f097";
}
.fa-phone-square:before {
	content: "\f098";
}
.fa-phone-laptop:before {
	content: "\f87a";
}
.fa-unlock:before {
	content: "\f09c";
}
.fa-feed:before,
.fa-rss:before {
	content: "\f09e";
}
.fa-hdd-o:before {
	content: "\f0a0";
}
.fa-bullhorn:before {
	content: "\f0a1";
}
.fa-bell:before,
.fa-bell-o:before {
	content: "\f0f3";
}
.fa-certificate:before {
	content: "\f0a3";
}
.fa-hand-o-right:before {
	content: "\f0a4";
}
.fa-hand-o-left:before {
	content: "\f0a5";
}
.fa-hand-pointer:before {
    content: "\f25a";
}
.fa-hand-o-up:before {
	content: "\f0a6";
}
.fa-hand-o-down:before {
	content: "\f0a7";
}
.fa-arrow-circle-left:before {
	content: "\f0a8";
}
.fa-arrow-circle-right:before {
	content: "\f0a9";
}
.fa-arrow-circle-up:before {
	content: "\f0aa";
}
.fa-arrow-circle-down:before {
	content: "\f0ab";
}
.fa-globe:before {
	content: "\f0ac";
}
.fa-wrench:before {
	content: "\f0ad";
}
.fa-tasks:before {
	content: "\f0ae";
}
.fa-filter:before {
	content: "\f0b0";
}
.fa-briefcase:before {
	content: "\f0b1";
}
.fa-arrows-alt:before {
	content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
	content: "\f0c0";
}
.fa-users-cog:before {
	content: "\f509";
}
.fa-address-card:before {
    content: "\f2bb";
}
.fa-chain:before,
.fa-link:before {
	content: "\f0c1";
}
.fa-cloud:before {
	content: "\f0c2";
}
.fa-flask:before {
	content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
	content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
	content: "\f0c5";
}
.fa-paperclip:before {
	content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
	content: "\f0c7";
}
.fa-square:before {
	content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
	content: "\f0c9";
}
.fa-list-ul:before {
	content: "\f0ca";
}
.fa-list-ol:before {
	content: "\f0cb";
}
.fa-strikethrough:before {
	content: "\f0cc";
}
.fa-underline:before {
	content: "\f0cd";
}
.fa-table:before {
	content: "\f0ce";
}
.fa-magic:before {
	content: "\f0d0";
}
.fa-money:before {
	content: "\f0d6";
}
.fa-caret-down:before {
	content: "\f0d7";
}
.fa-caret-up:before {
	content: "\f0d8";
}
.fa-caret-left:before {
	content: "\f0d9";
}
.fa-caret-right:before {
	content: "\f0da";
}
.fa-columns:before {
	content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
	content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
	content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
	content: "\f0de";
}
.fa-envelope:before {
	content: "\f0e0";
}
.fa-rotate-left:before,
.fa-undo:before {
	content: "\f0e2";
}
.fa-redo:before {
    content: "\f01e";
}
.fa-legal:before,
.fa-gavel:before {
	content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
	content: "\f0e4";
}
.fa-flash:before,
.fa-bolt:before {
	content: "\f0e7";
}
.fa-sitemap:before {
	content: "\f0e8";
}
.fa-umbrella:before {
	content: "\f0e9";
}
.fa-paste:before {
	content: "\f0ea";
}
.fa-clipboard:before {
	content: "\f328";
}
.fa-lightbulb-o:before {
	content: "\f0eb";
}
.fa-exchange:before {
	content: "\f0ec";
}
.fa-cloud-download:before {
	content: "\f0ed";
}
.fa-cloud-upload:before {
	content: "\f0ee";
}
.fa-user-md:before {
	content: "\f0f0";
}
.fa-user-circle:before {
    content: "\f2bd";
}
.fa-user-clock:before {
    content: "\f4fd";
}
.fa-stethoscope:before {
	content: "\f0f1";
}
.fa-suitcase:before {
	content: "\f0f2";
}
.fa-coffee:before {
	content: "\f0f4";
}
.fa-cutlery:before {
	content: "\f0f5";
}
.fa-file-text-o:before,
.fa-file-text:before,
.fa-file-alt:before {
	content: "\f15c";
}
.fa-building-o:before {
	content: "\f0f7";
}
.fa-h-square:before {
	content: "\f0fd";
}
.fa-plus-square:before {
	content: "\f0fe";
}
.fa-angle-double-left:before {
	content: "\f100";
}
.fa-angle-double-right:before {
	content: "\f101";
}
.fa-angle-double-up:before {
	content: "\f102";
}
.fa-angle-double-down:before {
	content: "\f103";
}
.fa-angle-left:before {
	content: "\f104";
}
.fa-angle-right:before {
	content: "\f105";
}
.fa-angle-up:before {
	content: "\f106";
}
.fa-angle-down:before {
	content: "\f107";
}
.fa-desktop:before {
	content: "\f108";
}
.fa-laptop:before {
	content: "\f109";
}
.fa-tablet:before {
	content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
	content: "\f10b";
}
.fa-circle-o:before {
	content: "\f10c";
}
.fa-quote-left:before {
	content: "\f10d";
}
.fa-quote-right:before {
	content: "\f10e";
}
.fa-spinner:before {
	content: "\f110";
}
.fa-circle:before {
	content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
	content: "\f3e5";
}
.fa-github-alt:before {
	content: "\f113";
}
.fa-folder-o:before {
	content: "\f114";
}
.fa-folder-open-o:before {
	content: "\f115";
}

.fa-keyboard-o:before {
	content: "\f11c";
}
.fa-flag-o:before {
	content: "\f11d";
}
.fa-flag-checkered:before {
	content: "\f11e";
}
.fa-terminal:before {
	content: "\f120";
}
.fa-code:before {
	content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
	content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
	content: "\f123";
}
.fa-location-arrow:before {
	content: "\f124";
}
.fa-crop:before {
	content: "\f125";
}
.fa-crop-alt:before {
    content: "\f565";
}
.fa-code-fork:before {
	content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
	content: "\f127";
}
.fa-question:before {
	content: "\f128";
}
.fa-info:before {
	content: "\f129";
}
.fa-exclamation:before {
	content: "\f12a";
}
.fa-superscript:before {
	content: "\f12b";
}
.fa-scroll-old:before {
	content: "\f70f";
}
.fa-subscript:before {
	content: "\f12c";
}
.fa-eraser:before {
	content: "\f12d";
}
.fa-puzzle-piece:before {
	content: "\f12e";
}
.fa-shield:before {
	content: "\f132";
}
.fa-shield-check:before {
	content: "\f2f7";
}
.fa-shield-alt:before {
	content: "\f3ed";
}
.fa-calendar-o:before {
	content: "\f133";
}
.fa-chevron-circle-left:before {
	content: "\f137";
}
.fa-chevron-circle-right:before {
	content: "\f138";
}
.fa-chevron-circle-up:before {
	content: "\f139";
}
.fa-chevron-circle-down:before {
	content: "\f13a";
}
.fa-html5:before {
	content: "\f13b";
}
.fa-css3:before {
	content: "\f13c";
}
.fa-file-csv:before {
	content: "\f6dd";
}
.fa-anchor:before {
	content: "\f13d";
}
.fa-unlock-alt:before {
	content: "\f13e";
}
.fa-bullseye:before {
	content: "\f140";
}
.fa-ellipsis-h:before {
	content: "\f141";
}
.fa-ellipsis-v:before {
	content: "\f142";
}
.fa-ellipsis-v-alt:before {
	content: "\f39c";
}
.fa-rss-square:before {
	content: "\f143";
}
.fa-play-circle-o:before,
.fa-play-circle:before {
	content: "\f144";
}
.fa-ticket:before {
	content: "\f145";
}
.fa-minus-square:before {
	content: "\f146";
}
.fa-minus-square-o:before {
	content: "\f147";
}
.fa-level-up:before {
	content: "\f148";
}
.fa-level-down:before {
	content: "\f149";
}
.fa-check-square:before {
	content: "\f14a";
}
.fa-pencil-square:before {
	content: "\f14b";
}
.fa-external-link-square:before {
	content: "\f14c";
}
.fa-share-square:before,
.fa-share-square-o:before {
	content: "\f14d";
}
.fa-compass:before {
	content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
	content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
	content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
	content: "\f152";
}
.fa-file:before {
	content: "\f15b";
}
.fa-sort-alpha-asc:before {
	content: "\f15d";
}
.fa-sort-alpha-desc:before {
	content: "\f15e";
}
.fa-sort-amount-asc:before {
	content: "\f160";
}
.fa-sort-amount-desc:before {
	content: "\f161";
}
.fa-sort-numeric-asc:before {
	content: "\f162";
}
.fa-sort-numeric-desc:before {
	content: "\f163";
}
.fa-thumbs-up:before {
	content: "\f164";
}
.fa-thumbs-down:before {
	content: "\f165";
}
.fa-long-arrow-down:before {
	content: "\f175";
}
.fa-long-arrow-up:before {
	content: "\f176";
}
.fa-long-arrow-left:before {
	content: "\f177";
}
.fa-long-arrow-right:before {
	content: "\f178";
}
.fa-apple:before {
	content: "\f179";
}
.fa-windows:before {
	content: "\f17a";
}
.fa-android:before {
	content: "\f17b";
}
.fa-linux:before {
	content: "\f17c";
}

.fa-archive:before {
	content: "\f187";
}
.fa-file-archive:before {
	content: "\f1c6";
}
.fa-box:before {
	content: "\f466";
}
.fa-box-alt:before {
	content: "\f49a";
}
.fa-bug:before {
	content: "\f188";
}

.fa-renren:before {
	content: "\f18b";
}
.fa-pagelines:before {
	content: "\f18c";
}
.fa-stack-exchange:before {
	content: "\f18d";
}
.fa-arrow-circle-o-right:before {
	content: "\f18e";
}
.fa-arrow-circle-o-left:before {
	content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
	content: "\f191";
}
.fa-dot-circle-o:before {
	content: "\f192";
}

.fa-plus-square-o:before {
	content: "\f196";
}

.fa-envelope-square:before {
	content: "\f199";
}

.fa-google:before {
	content: "\f1a0";
}
.fa-language:before {
	content: "\f1ab";
}

.fa-child:before {
	content: "\f1ae";
}

.fa-cube:before {
	content: "\f1b2";
}
.fa-cubes:before {
	content: "\f1b3";
}
.fa-recycle:before {
	content: "\f1b8";
}

.fa-database:before {
	content: "\f1c0";
}
.fa-file-pdf-o:before {
	content: "\f1c1";
}
.fa-file-word-o:before {
	content: "\f1c2";
}
.fa-file-excel-o:before {
	content: "\f1c3";
}
.fa-file-powerpoint-o:before {
	content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
	content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
	content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
	content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
	content: "\f1c8";
}
.fa-file-code-o:before {
	content: "\f1c9";
}
.fa-file-export:before {
  content: "\f56e";
}
.fa-file-upload:before {
  content: "\f574";
}
.fa-file-download:before {
  content: "\f56d";
}
.fa-vine:before {
	content: "\f1ca";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
	content: "\f1cd";
}
.fa-circle-o-notch:before {
	content: "\f1ce";
}
.fa-ge:before,
.fa-qq:before {
	content: "\f1d6";
}
.fa-send:before,
.fa-paper-plane:before {
	content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
	content: "\f1d9";
}
.fa-history:before {
	content: "\f1da";
}
.fa-circle-thin:before {
	content: "\f1db";
}
.fa-header:before {
	content: "\f1dc";
}
.fa-paragraph:before {
	content: "\f1dd";
}
.fa-sliders:before {
	content: "\f1de";
}
.fa-sliders-v-square:before {
	content: "\f3f2";
}
.fa-share-alt:before {
	content: "\f1e0";
}
.fa-share-alt-square:before {
	content: "\f1e1";
}
.fa-bomb:before {
	content: "\f1e2";
}
.fa-tty:before {
	content: "\f1e4";
}
.fa-binoculars:before {
	content: "\f1e5";
}
.fa-plug:before {
	content: "\f1e6";
}
.fa-slideshare:before {
	content: "\f1e7";
}
.fa-newspaper-o:before {
	content: "\f1ea";
}
.fa-sparkles:before {
	content: "\f890";
}
.fa-wifi:before {
	content: "\f1eb";
}
.fa-calculator:before {
	content: "\f1ec";
}
.fa-bell-slash:before {
	content: "\f1f6";
}
.fa-bell-slash-o:before {
	content: "\f1f7";
}
.fa-trash:before,
.fa-trash-o:before {
	content: "\f1f8";
}
.fa-trash-alt:before {
	content: "\f2ed";
}
.fa-copyright:before {
	content: "\f1f9";
}
.fa-at:before {
	content: "\f1fa";
}
.fa-area-chart:before {
	content: "\f1fe";
}
.fa-chart-pie:before {
	content: "\f200";
}
.fa-line-chart:before {
	content: "\f201";
}
.fa-cc:before {
	content: "\f20a";
}
.fa-cart-plus:before {
	content: "\f217";
}
.fa-cart-arrow-down:before {
	content: "\f218";
}

.fa-user-tie:before {
	content: "\f508";
}
.fa-user-plus:before {
	content: "\f234";
}
.fa-user-minus:before {
	content: "\f503";
}
.fa-user-times:before {
	content: "\f235";
}
.fa-medium:before {
	content: "\f23a";
}
.fa-i-cursor:before {
	content: "\f246";
}
.fa-sticky-note:before {
	content: "\f249";
}
.fa-sticky-note-o:before {
	content: "\f24a";
}
.fa-clone:before {
	content: "\f24d";
}
.fa-hourglass-o:before {
	content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
	content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
	content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
	content: "\f253";
}
.fa-hourglass:before {
	content: "\f254";
}
.fa-hand-pointer-o:before {
	content: "\f25a";
}
.fa-calendar-plus-o:before {
	content: "\f271";
}
.fa-calendar-minus-o:before {
	content: "\f272";
}
.fa-calendar-times-o:before {
	content: "\f273";
}
.fa-calendar-check-o:before {
	content: "\f274";
}
.fa-map:before {
	content: "\f279";
}
.fa-comment:before,
.fa-comment-o:before {
	content: "\f075";
}
.fa-comment-alt:before {
	content: "\f27a";
}
.fa-comments-alt:before {
	content: "\f4b6";
}
.fa-comments:before,
.fa-comments-o:before {
	content: "\f086";
}
.fa-commenting:before,
.fa-commenting-o:before {
	content: "\f27b";
}
.fa-edge:before {
	content: "\f282";
}
.fa-pause-circle:before {
	content: "\f28b";
}
.fa-pause-circle-o:before {
	content: "\f28c";
}
.fa-stop-circle:before {
	content: "\f28d";
}
.fa-stop-circle-o:before {
	content: "\f28e";
}
.fa-hashtag:before {
	content: "\f292";
}
.fa-percent:before {
	content: "\f295";
}
.fa-dice-d6:before {
	content: "\f6d1";
}
.fa-sun:before {
	content: "\f185";
}
.fa-tools:before {
	content: "\f7d9";
}
.fa-page-break:before {
	content: "\f877";
}
.fa-smile-wink:before {
	content: "\f4da";
}

/* ext-all.min.css */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,td,th,ul{margin:0;padding:0}body,html,img{border:0}th{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%}q:after,q:before{content:''}:root{--pad:24px}.ext-border-box,.ext-border-box *{box-sizing:border-box}body,html{height:100%;overflow:hidden}.fr-mask{z-index:100;position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background-color:var(--theme-mask-hidden);transition:background-color .3s;pointer-events:none;border-radius:inherit}.fr-mask.shown{background-color:var(--theme-mask-shown);pointer-events:auto}.fr-mask.x-disabled{background-color:var(--theme-mask-popups-shown);backdrop-filter:blur(0.5px)}body.popup .fr-mask{background-color:var(--theme-mask-popups-hidden)}body.popup .fr-mask.shown{background-color:var(--theme-mask-popups-shown)}body.popup .x-panel-ghost,body.popup .x-window-modal{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 10px -1px rgba(60,64,67,.5)}.fr-mask-msg{z-index:1001;padding:15px;background-color:var(--theme-bg);border-radius:var(--sBr);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.fr-mask.x-disabled .fr-mask-msg{box-shadow:none;border:1px solid var(--sBCol)}.x-hidden,.x-hide-offsets{position:absolute!important;left:-10000px;top:-10000px;visibility:hidden}.x-hide-display{display:none!important}.x-hide-nosize,.x-hide-nosize *{height:0!important;width:0!important;visibility:hidden!important;border:none!important}.x-hide-visibility{visibility:hidden!important}.unselectable,.x-unselectable,.x-unselectable *{user-select:none;cursor:default}input,textarea{background-color:var(--theme-bg)}.x-splitbar-proxy{position:absolute;visibility:hidden;z-index:20001;line-height:1px;font-size:1px;overflow:hidden}.x-splitbar-h,.x-splitbar-proxy-h{cursor:e-resize}.x-splitbar-proxy-h{border-left:5px solid var(--hBCol)}.x-splitbar-proxy-v,.x-splitbar-v{cursor:s-resize}.x-splitbar-proxy-v{border-top:5px solid var(--hBCol)}.x-color-palette{max-width:194px;cursor:pointer}.x-color-palette div{float:left;cursor:pointer;margin:4px;height:16px;width:16px;border:1px solid var(--hBCol)}.fr-touch-only .x-color-palette{max-width:300px}.fr-touch-only .x-color-palette div{height:30px;width:30px;margin:6px}.x-color-palette div.x-color-palette-sel,.x-color-palette div:hover{outline:4px solid var(--theme-lighter)}.x-text-resize{position:absolute;left:-1000px;top:-1000px;visibility:hidden;zoom:1}.x-drag-overlay{width:100%;height:100%;display:none;position:absolute;left:0;top:0;z-index:20000}.x-clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0}.x-resizable-handle{position:absolute;z-index:100;font-size:1px;line-height:6px;overflow:hidden;opacity:0}.x-resizable-handle-east{width:6px;cursor:e-resize;right:0;top:0;height:100%}.x-resizable-handle-south{width:100%;cursor:s-resize;left:0;bottom:0;height:6px}.x-resizable-handle-west{width:6px;cursor:w-resize;left:0;top:0;height:100%}.x-resizable-handle-north{width:100%;cursor:n-resize;left:0;top:0;height:6px}.x-resizable-handle-southeast{width:6px;cursor:se-resize;right:0;bottom:0;height:6px;z-index:101}.x-resizable-handle-northwest{width:6px;cursor:nw-resize;left:0;top:0;height:6px;z-index:101}.x-resizable-handle-northeast{width:6px;cursor:ne-resize;right:0;top:0;height:6px;z-index:101}.x-resizable-handle-southwest{width:6px;cursor:sw-resize;left:0;bottom:0;height:6px;z-index:101}.x-resizable-proxy{border:2px solid var(--hBCol);border-radius:var(--mBr);position:absolute;overflow:hidden;display:none;left:0;top:0;z-index:50000}.x-resizable-overlay{width:100%;height:100%;display:none;position:absolute;left:0;top:0;z-index:200000;opacity:0}.x-tab-strip{color:var(--theme-textLight)}.x-tab-strip .frBtn{margin:0 2px 0 0;padding:0 6px;border-radius:var(--sBr)}.x-tab-strip .frBtn:hover{background-color:var(--theme-menu-highlight)}.x-tab-closable .menuIndicator{width:1.25em;height:1.25em;line-height:1.25em;border-radius:var(--sBr);font-size:12px}.x-tab-closable .menuIndicator:hover{background-color:var(--theme-lighter)}.x-tab-strip .frBtn.x-tab-strip-active{background-color:var(--theme-lighter);color:var(--theme-textOnLighter)}.x-tab-strip .frBtn.x-tab-strip-active .menuIndicator:hover{background-color:var(--theme-menu-highlight)}.x-tab-closable .menuIndicator:active{background-color:var(--theme-lighter)}.x-tab-panel,.x-tab-panel-body,.x-tab-panel-bwrap,.x-tab-panel-footer,.x-tab-panel-header{overflow:hidden}.x-form-field{margin:0;font-size:14px}.fr-touch-only .x-form-field{font-size:16px}.infoButton{position:absolute;top:0;right:0}.infoButton .frBtn{margin-right:2px;text-align:center;width:20px;height:20px;padding:0;border-radius:50%;line-height:19px}.ext-webkit :focus{outline:0!important}.x-form-number,.x-form-text,textarea.x-form-field{padding-left:5px;border:1px solid var(--sBCol);color:var(--theme-text);border-radius:1px}.x-superboxselect-input input{color:var(--theme-text)}.x-form-number,.x-form-text,.x-form-text-suffix{height:24px;padding-left:5px}.x-form-field::placeholder,.x-form-number::placeholder,.x-form-text::placeholder,textarea.x-form-field::placeholder{color:var(--theme-textLighter)}textarea{resize:none}.x-form-check-wrap{line-height:18px;height:auto}.x-form-check-wrap input{vertical-align:middle}.x-editor .x-form-check-wrap{padding:3px;background-color:#fff}.x-editor .x-form-checkbox{height:13px}.x-form-check-group-label{margin-bottom:5px;padding-left:3px!important;float:none!important;border-bottom:1px solid #d0d0d0;color:#333}.x-form-field-wrap .x-form-trigger{width:24px;height:24px;line-height:22px;position:absolute;top:0;cursor:pointer;border:1px solid var(--sBCol);border-top-right-radius:1px;border-bottom-right-radius:1px;border-left:none;text-align:center;color:var(--theme-text)}.x-form-field-wrap .x-form-trigger-over{color:var(--theme-text)}.x-form-field-wrap .x-form-trigger-click{box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.1)}.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{position:static;top:auto;vertical-align:top}.x-form-field-wrap{position:relative;left:0;top:0;text-align:left;white-space:nowrap}.x-trigger-noedit{cursor:pointer}.x-form-focus,textarea.x-form-focus{box-shadow:inset 0 1px 2px rgba(0,0,0,.1);border-color:var(--theme-main)}.x-form-invalid,textarea.x-form-invalid{border:1px solid #ff7870;background-color:#fee}.x-form-inner-invalid,textarea.x-form-inner-invalid{background-color:#fff}.x-editor{visibility:hidden;padding:0;margin:0}.x-form-grow-sizer{left:-10000px;padding:8px 3px;position:absolute;visibility:hidden;top:-10000px;white-space:pre-wrap;word-wrap:break-word}.x-form-grow-sizer p{margin:0!important;border:0 none!important;padding:0!important}.x-form-item{display:block;margin-bottom:8px}.x-form-item label.x-form-item-label{display:block;float:left;width:100px;padding:3px;padding-left:0;clear:left;z-index:2;position:relative}.x-form-element{padding-left:105px;position:relative}.x-form-invalid-msg{padding:2px;padding-left:18px;line-height:16px;width:200px;color:var(--theme-textDanger);font-size:12px}.x-form-label-left label.x-form-item-label{text-align:left}.x-form-label-right label.x-form-item-label{text-align:right}.x-form-label-top .x-form-item label.x-form-item-label{width:auto;float:none;clear:none;display:inline;margin-bottom:4px;position:static}.x-form-label-top .x-form-element{padding-left:0;padding-top:4px}.x-form-label-top .x-form-item{padding-bottom:4px}.x-form-empty-field{color:var(--theme-textLighter)}.x-form-clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0}.x-form-clear-left{clear:left;height:0;overflow:hidden;line-height:0;font-size:0}.x-form-cb-label{margin-left:4px;vertical-align:middle}.x-form-column{float:left;padding:0;margin:0;width:48%;overflow:hidden}.x-form .x-form-btns-ct .x-form-btns td{border:0;padding:0}.x-form .x-form-btns-ct .x-form-btns-right table{float:right;clear:none}.x-form .x-form-btns-ct .x-form-btns-left table{float:left;clear:none}.x-form .x-form-btns-ct .x-form-btns-center{text-align:center}.x-form .x-form-btns-ct .x-form-btns-center table{margin:0 auto}.x-form .x-form-btns-ct table td.x-form-btn-td{padding:3px}.x-form-invalid-icon{width:16px;height:18px;visibility:hidden;position:absolute;left:0;top:0;display:block;background:transparent url(../images/generic/exclamation.gif) no-repeat 0 2px}.x-fieldset{position:relative;border:1px solid var(--sBCol);padding:15px;margin-bottom:15px;border-radius:var(--sBr)}.x-fieldset-header-text{display:inline}.x-fieldset legend{color:var(--theme-textLighter);padding:0 5px;font-size:15px;display:flex;align-items:center}.x-fieldset legend .x-tool-toggle{margin-right:3px;margin-left:0;float:left!important}.x-fieldset legend input{margin-right:5px}fieldset.x-panel-collapsed{padding-bottom:0!important;border-width:1px 1px 0 1px!important;border-left-color:transparent;border-right-color:transparent;border-radius:0}fieldset.x-panel-collapsed .x-fieldset-bwrap{visibility:hidden;position:absolute;left:-1000px;top:-1000px}.x-fieldset-noborder{border:0}.x-fieldset-noborder legend{margin-left:-3px}.x-hide-label label.x-form-item-label{display:none}.x-hide-label .x-form-element{padding-left:0!important}.x-form-label-top .x-hide-label label.x-form-item-label{display:none}.x-fieldset-body,.x-fieldset-bwrap{overflow:hidden}.frBtn{line-height:30px;padding:0 6px;border-radius:var(--sBr);cursor:pointer;transition:background-color .2s ease;text-align:center;display:flex;align-items:center;user-select:none}.frBtn span{flex:1;text-overflow:ellipsis;overflow:hidden;pointer-events:none}.frBtn i.menuIndicator{margin-left:7px;margin-right:2px;color:var(--theme-textLight)}.frBtn *{cursor:pointer}.frBtn.x-btn-text-icon i.fa:first-child{margin-right:5px}.frBtn:hover{background-color:var(--theme-lighter)}.x-btn-click,.x-btn-click:hover,.x-btn-pressed,.x-btn-pressed:hover{box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.1);background-color:var(--sBCol)}.fr-btn-default{font-weight:500}.fr-btn-default:hover{color:var(--theme-main)}.fr-btn-link{color:var(--theme-main);font-weight:700}.fr-btn-link:hover{box-shadow:none}.fr-btn-smaller{line-height:22px;min-width:50px}.fr-btn-pagingtbar{margin:2px!important}.fr-btn-primary,.fr-btn-primary:hover{background-color:var(--theme-main)}.fr-btn-danger,.fr-btn-danger:hover{background-color:var(--theme-textDanger)}.fr-btn-primary i,.fr-btn-primary span{color:var(--theme-textOnMain)}.fr-btn-primary span{min-width:70px}.fr-btn-primary.x-btn-text-icon span{min-width:auto}.x-btn-icon{border-radius:50%;margin:0;padding:0;width:30px;height:30px}.x-btn-icon i{margin:auto}.x-panel-header .x-btn-icon,.x-window-header .x-btn-icon{font-size:16px}.x-btn-icon:hover{background-color:var(--theme-menu-highlight);box-shadow:none}.x-btn-icon.x-btn-click,.x-btn-icon.x-btn-pressed,.x-btn-menu-active{background-color:var(--theme-lighter);border-color:var(--theme-lighter);box-shadow:none}.x-btn-icon.x-btn-click i,.x-btn-icon.x-btn-pressed i{color:var(--theme-main)}.x-btn-disabled *{cursor:default!important;color:var(--theme-textLighter)!important}.fr-btn-in-form{padding:3px!important;line-height:inherit;height:24px;min-width:24px;border-radius:2px}.fr-btn-in-form .fa{vertical-align:middle}.x-toolbar{display:block;position:relative;left:0;top:0;overflow:hidden}.x-toolbar-left{width:100%}.x-toolbar .x-item-disabled .x-btn-icon{opacity:.35}.x-toolbar td{vertical-align:middle}.x-toolbar div,.x-toolbar input,.x-toolbar label,.x-toolbar select,.x-toolbar span,.x-toolbar td{white-space:nowrap}.x-toolbar div.xtb-text{padding:0 5px}.x-toolbar .xtb-sep{display:block;font-size:1px;height:18px;width:0;overflow:hidden;cursor:default;margin:0 2px 0;border:0;border-left:1px solid var(--sBCol)}.x-toolbar .xtb-spacer{width:2px}.x-tbar-page-number{width:30px}.x-paging-info{position:absolute;top:5px;right:8px}.paging-tbar-info{color:var(--theme-textLight)}.x-toolbar-ct{width:100%;height:100%}.x-toolbar-right td{text-align:center}.x-panel-bbar,.x-panel-tbar,.x-plain-bbar,.x-plain-tbar,.x-window-bbar,.x-window-tbar{overflow:hidden}div.x-toolbar-no-items{color:var(--theme-textLight)!important;padding:5px 10px!important}.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text{margin:0!important}.x-toolbar-cell .x-form-checkbox,.x-toolbar-cell .x-form-radio{margin-top:5px}.x-toolbar-cell .x-form-cb-label{vertical-align:bottom;top:1px}.x-grid3{position:relative;overflow:hidden;background-color:var(--theme-bg)}.x-grid3 table{table-layout:fixed}.x-grid3-viewport{overflow:hidden}.x-grid3-row td,.x-grid3-summary-row td{vertical-align:middle;padding-left:1px;padding-right:1px;user-select:none;overflow:hidden;position:relative}.x-grid3-hd-row td{color:var(--theme-textLighter);font-weight:700}.x-grid3-hd-row .x-grid3-marker-hd{padding:3px}.x-grid3-row .x-grid3-marker{padding:3px}.x-grid3-cell-inner,.x-grid3-hd-inner{padding:0 5px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.fr-touch-only .x-grid3-hd-inner{line-height:46px}.x-grid3-hd-inner{position:relative;cursor:inherit;transition:background-color .3s ease}.x-grid3-hd-inner:hover{background-color:var(--theme-menu-highlight)}.x-grid3-row-body{white-space:normal}.x-grid-page{overflow:hidden}.x-grid3-row{cursor:default;width:100%;border-bottom:1px solid var(--sBCol)}.x-grid3-row-alt{background-color:#fafafa}.x-grid3-row-over{background-color:var(--theme-menu-highlight)}.x-grid3-resize-proxy{width:1px;left:0;cursor:col-resize;position:absolute;top:0;height:100px;overflow:hidden;visibility:hidden;border:0 none;z-index:7;background-color:var(--hBCol)}.x-grid3-resize-marker{width:1px;left:0;position:absolute;top:0;height:100px;overflow:hidden;visibility:hidden;border:0 none;z-index:7;background-color:var(--hBCol)}.x-grid3-focus{position:fixed;left:0;top:0;width:1px;height:1px;line-height:1px;font-size:1px;outline:0 none;user-select:none;pointer-events:none}.x-grid3-header{cursor:default;border-bottom:1px solid var(--hBCol);min-height:20px}.x-grid3-header-inner{overflow:hidden}td.sort-asc,td.sort-desc,td.x-grid3-hd-menu-open{color:var(--theme-text)}.x-grid3-sort-icon{display:none;margin-left:6px;margin-right:5px;vertical-align:middle}.sort-asc .x-grid3-sort-icon,.sort-desc .x-grid3-sort-icon{display:inline-block}.sort-asc .x-grid3-sort-icon:before{content:"\f0d8"}.sort-desc .x-grid3-sort-icon:before{content:"\f0d7"}.gridSpacer{height:15px;pointer-events:none}.x-grid3-scroller{overflow:auto;overflow:overlay;-webkit-overflow-scrolling:touch;position:relative}.x-grid3-body{height:100%;padding-bottom:50px}.x-grid3-split{cursor:col-resize;display:block;font-size:1px;height:16px;overflow:hidden;position:absolute;top:2px;width:6px;z-index:3}.x-dd-drag-proxy .x-grid3-hd-inner{width:120px;padding:3px;overflow:hidden}.col-move-bottom,.col-move-top{width:12px;height:12px;position:absolute;top:0;visibility:hidden;z-index:20000;font-family:'Font Awesome 5 Pro';font-size:10px;color:#7d7d7d}.col-move-top:before{content:"\f063"}.col-move-bottom:before{content:"\f062"}.x-grid3-row-selected{color:var(--theme-textOnLighter);background-color:var(--theme-lighter)}.x-grid3-col-dd{border:0 none;padding:0;background-color:transparent}.x-dd-drag-ghost .x-grid3-dd-wrap{padding:1px 3px 3px 1px}.x-grid3-hd{user-select:none}.x-grid3-hd-btn{display:none;position:absolute;width:18px;height:22px;right:0;top:0;z-index:2;cursor:pointer;font-family:'Font Awesome 5 Pro';font-size:18px;color:var(--theme-textLighter);text-align:center;font-weight:300}.x-grid3-hd-btn:hover{color:var(--theme-text);text-decoration:none}.x-grid3-hd-btn:before{content:"\f142"}.x-grid3-hd-menu-open .x-grid3-hd-btn,.x-grid3-hd-over .x-grid3-hd-btn{display:block}.x-grid-empty,.x-list-message{pointer-events:none;user-select:none;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--theme-textLight)}.x-dd-drag-proxy{position:absolute;left:0;top:0;z-index:15000}.x-dd-drag-ghost{opacity:.95;padding:10px 10px 10px 35px;white-space:nowrap;box-shadow:0 1px 5px #888;background-color:var(--theme-bg);border-radius:var(--sBr)}.x-dd-drag-repair .x-dd-drag-ghost{opacity:.4;border:0;padding:0;background-color:transparent}.x-dd-drag-repair .x-dd-drop-icon{visibility:hidden}.x-dd-drop-icon{position:absolute;top:9px;left:10px;display:block;width:18px;height:18px;z-index:1;font-family:'Font Awesome 5 Pro';font-size:16px;font-weight:900;color:var(--theme-textLight)}.x-dd-drop-ok .x-dd-drop-icon:before{content:"\f357"}.x-tree-drop-ok-append .x-dd-drop-icon:before{content:"\f355"}.x-view-selector{position:absolute;left:0;top:0;width:0;box-shadow:0 0 5px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1);border:1px solid #d4d4d4}.x-tree-elbow-line{display:inline-block;height:18px;width:26px}.x-tree-node-icon{display:inline-block;flex:0 0 24px;text-align:center;margin:0 5px;background-image:none!important}.x-tree-node .x-tree-node-inline-icon{height:24px}.x-tree-node-cb{vertical-align:middle;margin-right:5px}.x-tree-noicon .x-tree-node-icon{width:0;height:0}.x-tree-node-el{display:flex;align-items:center;line-height:28px;padding-left:5px;overflow:hidden;cursor:pointer;user-select:none;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--sBr)}.fr-touch-only .x-tree-node-el{line-height:38px}.x-tree-node-el:hover{background-color:var(--theme-menu-highlight)}.x-tree-node-indent{pointer-events:none}.x-dd-drag-ghost a,.x-tree-node a{text-decoration:none;color:var(--theme-text);text-overflow:ellipsis;overflow:hidden}.x-tree-node .x-tree-node-disabled .x-tree-node-icon{opacity:.5}.x-tree-node .x-tree-node-disabled a span{color:gray!important}.x-dd-drag-ghost a:hover,.x-tree-node a:hover{text-decoration:none}.x-tree-selected{cursor:default;background-color:var(--theme-lighter)}.x-tree-selected a{font-weight:700;color:var(--theme-textOnLighter)}.x-tree-selected .x-tree-node-icon:not(.fa-folder){color:var(--theme-textOnLighter)}.x-tree-ec-icon{text-align:center;transition:transform .2s ease;font-weight:900;flex:0 0 20px;width:20px;height:20px;line-height:20px;color:var(--theme-textLight)}.x-tree-ec-icon.closed,.x-tree-ec-icon.open{cursor:default}.x-tree-node .x-tree-ec-icon:hover{font-weight:300}.x-tree-node .x-tree-ec-icon.closed:before,.x-tree-node .x-tree-ec-icon.open:before{content:"\f0da"}.x-tree-node .x-tree-ec-icon.open{transform:rotate(90deg)}.x-tree .x-panel-body{padding-left:10px;padding-right:10px}.x-tree.plain-list .x-panel-body{padding-top:10px;padding-bottom:10px}.x-tree.user-chooser-tree .x-panel-body{padding-bottom:10px}.user-chooser-tree .x-tree-node{margin-top:1px}.fr-userlist-field-tbar{padding-top:5px}.x-date-picker a{outline:0 none}.x-date-picker a em{font-style:normal}.x-date-left,.x-date-middle,.x-date-right{overflow:hidden}.x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br,.x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,.x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr{vertical-align:middle}.x-date-middle .x-btn i{color:#fff}.x-date-left,.x-date-right{width:18px}.x-date-right{text-align:right}.x-date-middle{padding-top:2px;padding-bottom:2px}.x-date-left a,.x-date-right a{display:block;cursor:pointer;opacity:.6;font-family:'Font Awesome 5 Pro';text-align:center}.x-date-left a:hover,.x-date-right a:hover{opacity:1}.x-date-right a{margin-right:2px}.x-date-right a:before{content:"\f054"}.x-date-left a{margin-left:2px}.x-date-left a:before{content:"\f053"}table.x-date-inner{table-layout:fixed}.x-date-inner th{text-align:right!important;border-bottom:1px solid var(--hBCol);cursor:default;padding:0;width:25px;font-size:11px}.x-date-inner th span{display:block;padding:3px;text-align:center}.x-date-inner td{text-align:center}.x-date-inner a{padding:3px 5px;display:block;text-decoration:none;font-size:12px}.x-date-inner .x-date-active{cursor:pointer;color:var(--theme-main)}.x-date-inner .x-date-selected a{background-color:var(--theme-main);color:var(--theme-textOnMain);border-radius:2px}.x-date-inner .x-date-selected span,.x-date-inner .x-date-today a{font-weight:700}.x-date-inner .x-date-nextday a,.x-date-inner .x-date-prevday a{text-decoration:none!important;color:var(--theme-textLight)}.x-date-bottom{padding:2px}.x-date-inner .x-date-disabled a:hover,.x-date-inner a:hover{text-decoration:none!important;color:var(--theme-textOnMain);background-color:var(--theme-main);border-radius:2px}.x-item-disabled .x-date-inner a:hover{background:0 0}.x-date-inner .x-date-disabled a{cursor:default;color:var(--theme-textLight)}.x-date-mp{position:absolute;left:0;top:0;height:100%;width:100%;margin:2px;display:none;background-color:var(--theme-bg);border-radius:var(--sBr)}.x-date-mp td{padding:2px;font-size:11px}td.x-date-mp-month,td.x-date-mp-ybtn,td.x-date-mp-year{border:0 none;text-align:center;vertical-align:middle;width:25%}.x-date-mp-ok{margin-right:3px}.x-date-mp-btns .frBtn{text-align:center;padding:2px 3px;cursor:pointer;font-size:13px;display:inline-block}.x-date-mp-btns td{text-align:center}td.x-date-mp-month a,td.x-date-mp-year a{display:block;text-decoration:none;text-align:center}td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{text-decoration:none;cursor:pointer}td.x-date-mp-sel a{background-color:var(--theme-main);color:var(--theme-textOnMain)}.x-date-mp-ybtn a{overflow:hidden;width:15px;height:15px;cursor:pointer;display:block;margin:0 auto;font-family:'Font Awesome 5 Pro'}.x-date-mp-ybtn a.x-date-mp-prev:before{content:"\f053"}.x-date-mp-ybtn a.x-date-mp-next:before{content:"\f054"}.x-date-mp-ybtn{text-align:center}td.x-date-mp-sep{border-right:1px solid var(--hBCol)}.x-menu{z-index:15000}.x-menu-floating{background-color:var(--theme-bg);padding:5px 0;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);border-radius:var(--mBr)}.x-menu-floating .x-date-picker{border-radius:var(--mBr)}.x-menu-list{overflow-y:auto;overflow-y:overlay}.x-menu-list .x-plain-header-text{padding:10px 20px;color:var(--theme-textLight)}.x-menu-list-item{line-height:32px;cursor:pointer;user-select:none;display:flex;align-items:center}.x-menu-list-item .x-plain:first-child{flex:1}.fr-touch-only .x-menu-list-item{line-height:50px}.x-menu-item-arrow .x-menu-item-the-arrow{visibility:visible}.x-menu-sep-li{line-height:0;font-size:0;margin:3px 0;border-bottom:1px solid var(--sBCol)}.x-menu-focus{position:absolute;left:-1px;top:-1px;width:1px;height:1px;line-height:1px;font-size:1px;outline:0 none;user-select:none;overflow:hidden;display:block}.x-menu-item-active{background-color:var(--theme-menu-highlight)}.x-menu-list-checkbox{color:var(--theme-textLight);text-align:center;margin-left:20px;font-size:16px;width:16px;flex:0 0 16px}.x-menu-check-item.checked{color:var(--theme-main)}.x-menu-check-item.checked .x-menu-item-icon i,.x-menu-check-item.checked .x-menu-list-checkbox{color:var(--theme-main)}.x-menu-item-icon{width:56px;flex:0 0 56px;display:flex;justify-content:center;align-items:center}.x-menu-item-icon i{color:var(--theme-textLight);font-size:16px}.x-menu-item-icon img{height:16px}.fr-touch-only .x-menu-item-icon img{height:20px;width:20px}.fr-touch-only .x-menu-item-icon i{font-size:18px}.x-menu-item-text{flex:1;min-width:100px;max-width:300px;margin-right:25px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-menu-item-text.no-icon{margin-left:25px}.x-menu-check-item .x-menu-item-text.no-icon{margin-left:20px}.x-menu-item-the-arrow{font-size:10px;width:10px;flex:0 0 10px;margin-right:15px;text-align:center;line-height:inherit}.x-menu-date-item{line-height:normal;display:block;min-width:auto}.x-menu .x-date-picker{margin:5px}.x-date-menu{padding:0}.x-combo-list{border:1px solid var(--hBCol);overflow:hidden}.x-combo-list-inner{position:relative;background-color:var(--theme-bg);overflow:auto;overflow-x:hidden}.x-resizable-pinned .x-combo-list-inner{border-bottom:1px solid #bebebe}.x-combo-list-item{padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;min-height:24px;line-height:24px;vertical-align:middle}.x-combo-list .x-combo-selected{background-color:var(--theme-lighter);color:var(--theme-textOnLighter)}.fr-touch-only .x-combo-list-item{min-height:34px;line-height:34px}.x-combo-list-small{font-size:11px}.x-combo-list-inner .loading-indicator{padding:5px}.x-panel{background-color:var(--theme-bg)}.x-panel-header{overflow:hidden;display:flex;align-items:center;padding:15px;justify-content:flex-end}.x-panel-header-icon i{margin-right:15px}.header-text{cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0}.x-panel-header-text{font-size:20px}.x-panel-bwrap{overflow:hidden;left:0;top:0}.x-panel-body{overflow:hidden;position:relative}.x-panel-collapsed .x-resizable-handle{display:none}.x-plain,.x-plain-bbar .x-toolbar,.x-plain-body,.x-plain-bwrap,.x-plain-tbar .x-toolbar{overflow:hidden}.x-tool-refresh,.x-tool-search{font-size:1em}.x-panel-ghost{z-index:12000;overflow:hidden;position:absolute;left:0;top:0;border-radius:8px;background-color:var(--sBCol);opacity:.65;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}.x-panel-ghost .x-window-header .frBtn{visibility:hidden}.x-panel-ghost *{cursor:move!important}.x-panel-dd-spacer{border:2px dashed var(--sBCol)}.x-panel-btns{overflow:hidden}.x-window{border-radius:var(--mBr);background-color:var(--theme-bg);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}body:not(.darkMode) .x-window-modal{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px #3c4043}.x-window.x-window-maximized{border-radius:0;box-shadow:none}.x-window.x-window-maximized .x-window-draggable,.x-window.x-window-maximized .x-window-draggable .x-window-header-text{cursor:default}body.popup .x-window.x-window-maximized{outline:1px solid var(--hBCol);outline-offset:-1px}.x-window .x-window-handle{opacity:0}.x-window-header{overflow:hidden;padding:24px 24px 0;display:flex;align-items:center;justify-content:flex-end}.x-window-header-text{font-size:20px;max-height:24px;padding-right:10px}.x-window-draggable,.x-window-draggable .x-window-header-text{cursor:move}.x-window-bwrap{padding:0 24px 24px 24px}.x-window-body,.x-window-bwrap{overflow:hidden}.x-window-body.x-masked{position:relative}.x-dlg-focus{position:absolute;font-size:0;width:0;height:0;overflow:hidden;line-height:0}.x-html-editor-wrap{border:1px solid var(--hBCol)}.x-html-editor-tb i{display:block;width:16px;height:16px;background:transparent url(../images/extjs/default/editor/tb-sprite.png) no-repeat;background-size:224px 16px}.x-html-editor-tb .x-edit-bold,.x-menu-item .x-edit-bold{background-position:0 0}.x-html-editor-tb .x-edit-italic,.x-menu-item .x-edit-italic{background-position:-16px 0}.x-html-editor-tb .x-edit-underline,.x-menu-item .x-edit-underline{background-position:-32px 0}.x-html-editor-tb .x-edit-forecolor,.x-menu-item .x-edit-forecolor{background-position:-160px 0}.x-html-editor-tb .x-edit-backcolor,.x-menu-item .x-edit-backcolor{background-position:-176px 0}.x-html-editor-tb .x-edit-justifyleft,.x-menu-item .x-edit-justifyleft{background-position:-112px 0}.x-html-editor-tb .x-edit-justifycenter,.x-menu-item img.x-edit-justifycenter{background-position:-128px 0}.x-html-editor-tb .x-edit-justifyright,.x-menu-item img.x-edit-justifyright{background-position:-144px 0}.x-html-editor-tb .x-edit-insertorderedlist,.x-menu-item img.x-edit-insertorderedlist{background-position:-80px 0}.x-html-editor-tb .x-edit-insertunorderedlist,.x-menu-item img.x-edit-insertunorderedlist{background-position:-96px 0}.x-html-editor-tb .x-edit-increasefontsize,.x-menu-item img.x-edit-increasefontsize{background-position:-48px 0}.x-html-editor-tb .x-edit-decreasefontsize,.x-menu-item img.x-edit-decreasefontsize{background-position:-64px 0}.x-html-editor-tb .x-edit-sourceedit,.x-menu-item img.x-edit-sourceedit{background-position:-192px 0}.x-html-editor-tb .x-edit-createlink,.x-menu-item img.x-edit-createlink{background-position:-208px 0}.x-html-editor-tip .x-tip-bd .x-tip-bd-inner{padding:5px;padding-bottom:1px}.x-html-editor-tb .x-toolbar{position:static!important;background-color:#f5f5f5}.x-border-layout-ct{position:relative}.x-border-panel{position:absolute;left:0;top:0}.x-layout-collapsed{position:absolute;left:-10000px;top:-10000px;visibility:hidden;width:30px;height:30px;overflow:hidden;z-index:20}.x-layout-collapsed-over{cursor:pointer}.x-layout-collapsed-east .x-layout-collapsed-tools,.x-layout-collapsed-west .x-layout-collapsed-tools{position:absolute;top:0;left:0;width:30px;height:30px}.x-layout-split{position:absolute;height:15px;width:15px;line-height:1px;font-size:1px;z-index:3}.x-column-layout-ct{overflow:hidden}.x-column{float:left;padding:0;margin:0;overflow:hidden}.x-column-inner{overflow:hidden}.x-viewport,.x-viewport body{margin:0;padding:0;border:0 none;overflow:hidden;height:100%}.x-abs-layout-item{position:absolute;left:0;top:0}.x-box-layout-ct{overflow:hidden}.x-box-inner{overflow:hidden;position:relative;left:0;top:0}.x-box-item{position:absolute;left:0;top:0}.x-progress-wrap{overflow:hidden;border-radius:var(--sBr)}.x-progress-inner{position:relative;height:16px}.ux-progress-cell-background,.x-progress-inner{background-color:var(--theme-lighter)}.x-grid3-row-selected .ux-progress-cell-background{background-color:var(--theme-lighter)}.x-progress-bar{border-bottom-left-radius:2px;border-top-left-radius:2px;height:18px;float:left;width:0}.ux-progress-cell-foreground,.x-progress-bar{background-color:var(--theme-main)}.x-progress-text{padding:0 5px;overflow:hidden;position:absolute;left:0;text-align:center;color:var(--theme-textOnMain)}.x-progress-text-back{color:#000;width:100%}.x-list-over,.x-list-selected{background-color:var(--theme-lighter)}.fr-touch-only .x-list-body dl{border-bottom:1px solid var(--sBCol);line-height:46px}.x-list-body{overflow:auto;overflow-x:hidden;padding-top:15px}.x-list-body-inner{height:100%}.x-list-body dt{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.x-slider-inner{position:relative;left:0;top:0;overflow:visible}.x-slider-inner:before{display:block;content:' '}.x-slider-focus{position:absolute;left:0;top:0;width:1px;height:1px;line-height:1px;font-size:1px;outline:0 none;user-select:none;display:block;overflow:hidden}.x-slider-horz .x-slider-inner{height:22px}.x-slider-horz .x-slider-inner:before{border-bottom:2px solid transparent;padding-top:10px}.x-slider-vert{padding-top:7px;width:16px}.x-slider-vert .x-slider-end{padding-bottom:7px}.x-slider-vert .x-slider-inner:before{border-left:2px solid transparent;margin-left:7px;height:100%}.x-slider-thumb{position:absolute;border:2px solid transparent;border-radius:15px;width:10px;height:10px;background-color:var(--theme-bg)}.x-slider-horz .x-slider-inner:before,.x-slider-thumb,.x-slider-vert .x-slider-inner:before{border-color:var(--theme-lighter)}.x-slider-horz:hover .x-slider-inner:before,.x-slider-vert:hover .x-slider-inner:before,.x-slider:hover .x-slider-thumb{border-color:var(--theme-main)}.x-slider-thumb:hover{background-color:var(--theme-main)}.x-slider-horz .x-slider-thumb{left:0;top:6px}.x-slider-vert .x-slider-thumb{left:3px;bottom:0}.x-slider-horz .x-slider-thumb:active{width:12px;height:12px;top:5px}.x-slider-vert .x-slider-thumb:active{width:12px;height:12px;left:2px}.x-html-editor-tb .x-btn-icon{width:24px;border-radius:1px}.x-date-picker .frBtn{margin:1px;border-radius:1px;padding:2px;line-height:12px}.plain-list .x-tree-ec-icon{display:none}.plain-list .x-tree-node{margin-bottom:1px}.x-item-disabled{cursor:default;opacity:.4;pointer-events:none}.x-item-disabled *{cursor:default!important}dl dt{vertical-align:middle}.x-tip{z-index:20002;background-color:var(--theme-main);color:var(--theme-textOnMain);max-width:400px;box-shadow:none;font-size:13px;border-radius:2px;border:1px solid var(--theme-bg);pointer-events:none}.x-window-closable.x-tip{pointer-events:auto}.x-tip .x-window-header{padding:5px 5px 0 10px}.x-tip .x-window-header .x-btn-icon,.x-tip .x-window-header .x-window-header-text{font-size:14px}.x-tip .x-window-bwrap{padding:5px 10px}.fr-touch-only .x-form-number,.fr-touch-only .x-form-text,.fr-touch-only .x-form-text-suffix{height:34px}.fr-touch-only .x-form-field-wrap .x-form-trigger{width:34px;height:34px;line-height:34px}.fr-touch-only .fr-btn-in-form{height:34px;min-width:34px}.fr-feedback-msg{border-radius:var(--mBr);box-shadow:0 0 5px #888;background-color:var(--theme-main);color:var(--theme-textOnMain);padding:15px;margin-bottom:20px}.fr-feedback-msg a{color:var(--theme-textOnMain);text-decoration:underline}.fr-feedback-msg.error{background-color:#c53929}.flex-center{display:flex;align-content:center;justify-content:center}.extLabel{display:inline-block;text-align:center;vertical-align:middle;text-transform:uppercase;border-radius:var(--sBr);font-weight:700;background-color:var(--theme-bg-transparent);border:1.5px solid var(--theme-folder);padding:2px 4px;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-grid3-row .extLabel{font-size:11px;line-height:normal;padding:2px 3px}

/* ext-ux/SuperBoxSelect.css */
.x-superboxselect {
	position:relative;
	height: auto !important;
	margin: 0;
	overflow: hidden;
	padding:2px;
	display:block;
	outline: none !important;
	min-height: 28px;
}
.x-superboxselect ul {
	cursor: text;
}
.x-superboxselect .x-superboxselect-btn-edit {
	display:none;
}
.x-superboxselect-display-btns {
	padding-right: 32px !important;
}

.x-superboxselect-locked .x-superboxselect-input,
.x-superboxselect-locked .x-superboxselect-btn-lock {
	display: none;
}
.x-superboxselect-locked:hover .x-superboxselect-btn-edit,
.fr-touch-only .x-superboxselect-locked .x-superboxselect-btn-edit
{
	display:block;
}

.x-superboxselect-btns {
	position: absolute;
	right: 0;
	top: 2px;
	overflow: hidden;
}
.x-superboxselect-btn-hide {display:none;}

.x-superboxselect-stacked li {float: none !important;}
.x-superboxselect-input input {
	float: left;
	padding: 4px;
	border: none;
	outline: none;
	box-shadow:none !important;
}
.x-superboxselect-item {
	display: inline-flex;
	align-items: flex-start;

	white-space: normal !important;
	float: left;
	margin: 2px;
	padding: 0 6px;
	line-height: 22px;
	cursor: default;
	min-width:14px;
	max-width: 200px;
	overflow: hidden;
	position: relative;
	border-radius: 2px;
	border: 1px solid var(--sBCol);
	background-color: var(--theme-bg);
}

.x-superboxselect-item-focus {
	background: var(--theme-lighter);
	border-color: var(--theme-main);
}
.x-superboxselect-item-close {
	background-color: var(--theme-bg);
    border-radius: 50%;
    height: 14px;
    width: 14px;
    margin-left: 10px;
    margin-top: 4px;
	flex: 0 0 14px;
    line-height: 14px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    font-size: 10px;
    text-align: center;
}
.x-superboxselect-item-close:before {
	content: "\f00d";
}
.x-superboxselect-item-close:hover {
	background-color: var(--theme-textDanger);
    color: white;
}
.x-superboxselect-locked .x-superboxselect-item:hover {
	cursor:pointer;
	color: var(--theme-main);
}
.x-superboxselect-locked .x-superboxselect-item-close {
	display:none;
}


.fr-touch-only .x-superboxselect-item-close {
	flex: 0 0 20px;
	height: 20px;
	line-height: 20px;
	font-size:18px;
}

/* ext-ux/ProgressColumn.css */
td.x-grid3-td-progress-cell {
    padding: 0;
}
td.x-grid3-td-progress-cell div.x-grid3-cell-inner {
    padding: 0;
    position: relative;
    height: 21px;
    line-height: 16px;
    border-radius: var(--sBr);
}
.ux-progress-cell-inner {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.ux-progress-cell-background {
    white-space: nowrap;
}
.ux-progress-cell-foreground {
    white-space: nowrap;
    overflow: hidden;
}
.ux-progress-cell-inner-right {
    text-align: right;
}
.ux-progress-cell-inner-center {
    text-align: center;
}
.ux-progress-cell .ux-progress-cell-inner div {
    padding: 3px 0 0 4px;
}
.ux-progress-cell-inner-right div {
    padding: 3px 4px 0 0;
    position: relative;
}
.ux-progress-cell-inner-center div {
    padding: 3px 0 0 0;
    position: relative;
    color:var(--theme-textOnMain);
}
.ux-progress-cell-inner-left div {
    padding: 3px 0 0 4px;
    position: relative;
}

/* ui/various.css */
.x-panel-body ::-webkit-scrollbar-thumb {
    background-color: transparent;
	border: 1px solid transparent;
}
.x-panel-body:hover ::-webkit-scrollbar-thumb {
    background-color: var(--sBCol);
	border-color: var(--theme-bg);
}

#FR-SearchPanel .searchPanelBody {
	padding:10px 0 10px 10px;
}
#FR-SearchPanel .x-toolbar {
	padding-bottom:10px;
}

.bubbleCount {
	display: inline-flex;
    font-size: 80%;
    font-weight: bold;
    border-radius: var(--sBr);
    background-color: var( --theme-main);
    color: var( --theme-textOnMain);
    padding: 2px 4px;
    line-height: 1;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    vertical-align: super;
}
.bubbleCount.alert {
	background-color: var(--theme-textDanger);
}
.fr-info-panel .x-tab-strip-active .bubbleCount {
	display: none;
}


#FR-AudioPlayer .x-panel-body {
	padding-top: 7px;
	border: 1px solid var(--theme-filelist-bg);
	border-bottom: none;
}
#FR-AudioPlayer iframe {
	height:100%;
	width:100%;
	border:0;
	padding:0;
	overflow:hidden;
}

.FRLabel {
	display:inline-block;
	padding: 2px 4px;
	color:white;
	text-shadow:
			0.05em 0 black,
			0 0.05em black,
			-0.05em 0 black,
			0 -0.05em black;
	font-weight:bold;
	/*font-size: 11px;*/
	border-radius: 2px;
}

.x-menu-list-item.fr-label i {
	color: inherit;
}

.dragged-over-from-desk {
	box-shadow: inset 0 0 0 2px var(--theme-dark) !important;
	background-color: var(--theme-lighter) !important;
}

.fr-absolute-mask {
	z-index: 999999;
}
.fr-absolute-mask-msg {
	z-index: 9999999;
}

#LinkURLField {
	font-size: 14px;
	border-color: transparent;
	border-radius: var(--sBr);
	background-color: var(--theme-lighter);
	color: var(--theme-textOnLigher);
}

.fa-folder {
	color: var(--theme-folder);
}

.quota-indication .frBtn {
	font-size:12px;
	line-height: 22px;
	color:var(--theme-textLight);
	margin-bottom: 10px;
}

.x-list-message .illustration {
	max-width: 160px;
	max-height: 80px;
	margin-bottom: 15px;
}

.fr-prompt .x-form-text {
	height: 30px;
}
.fr-touch-only .fr-prompt .x-form-text {
	height: 40px;
}

/* sharing panel */
#listPane {
	border-right:1px solid var(--hBCol);
}

.x-tip.fr-grid-filter {
	background-color: var(--theme-bg);
    color: var(--theme-text);
	border-color: var(--hBCol);
}
.x-tip.fr-grid-filter .x-window-bwrap {
	padding-bottom: 10px;
}

.x-tab-panel.uploadErrorsTabPanel .x-tab-strip .frBtn {
	max-width: 200px;
}

.filename-in-context {
	color: var(--theme-textLighter);
}

.ext_xlsx,.ext_xls,.ext_csv,.ext_tsv, .ext_ods {color: #1C6C42;border-color: #1C6C42;}
.ext_pdf {color: #EB1000;border-color: #EB1000;}
.ext_doc,.ext_docx, .ext_odt {color: #285192;border-color: #285192;}
.ext_ppt,.ext_pptx, .ext_odp {color: #BE3C1B;border-color: #BE3C1B;}
.ext_php, .ext_inc {color: #4F5B93;border-color: #4F5B93;}
.ext_md {color: black;border-color: black;}

/* ui/toolbars.css */
#FR-Tree-Region .header-text {
	font-size: 22px;
	color: var(--theme-main);
	font-weight: bold;
}

.logoContainer {
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
}

.headerTbar .frBtn {
	margin: 5px;
	line-height: 42px;
}
.headerTbar .x-btn-icon {
	height: 42px;
	width: 42px;
}


.headerTbar .frBtn i {
	color: var(--theme-main);
    font-size: 21px;
}

.fr-btn-tree-close {
	margin-right: 15px;
	opacity: 0;
	transition: opacity .2s ease;
	font-size:16px;
}
.fr-touch-only .fr-btn-tree-close,
#FR-Tree-Region:hover .fr-btn-tree-close {
	opacity: 1;
}


.frBtn.fr-btn-new,
.frBtn.fr-btn-clear-sel {
	margin-left: 0;
}


.fr-btn-new span,
.fr-btn-clear-sel span {
	margin-right:10px;
	font-size: 15px;
}
.fr-btn-new {
	background-color: var(--theme-filelist-bg);
	border-radius: var(--mBr);
}

.fr-btn-tree-toggle {
	margin-right: 15px;
}

.headerTbar .frBtn.fr-btn-tree-toggle i,
.headerTbar .frBtn.fr-btn-info-toggle i {
	color: var(--theme-text);
}

.fr-btn-clear-sel {
	margin-right:20px;
}
.fr-btn-clear-sel span	{
	float: left;
	overflow: hidden;
}
.fr-btn-clear-sel .fileName {
	font-weight:bold;
	display: inline-block;
	margin-right:5px;
	max-width: 100px;
    text-overflow: ellipsis;
}
.fr-btn-clear-sel .isSelected {
	color:var(--theme-textLight);
}

.fr-btn-file-picker {
	border-radius: var(--mBr);
	padding-left:10px;
	padding-right:12px;
}

.headerTbar .frBtn.fr-btn-search i {
	font-size:18px;
}

/* Grid toolbar */
.fr-grid-tbar {
	user-select: none;
}

#FR-Grid-Panel.thumbMode .fr-grid-tbar {
	padding: 15px 18px 0px 10px;
}
#FR-Grid-Panel:not(.thumbMode) .fr-grid-tbar {
	padding: 15px 18px 15px 10px;
}
.fr-grid-tbar .x-btn-icon {
	color: var(--theme-textLighter);
}

.fr-grid-tbar .frBtn {
	margin-left:10px;
	font-size: 16px;
}
.breadcrumbsBar {
	color: var(--theme-textLight);
	min-height: 30px;
}
.breadcrumbsBar .spacer {
	color: var(--theme-textLighter);
	padding:0 5px;
}
.breadcrumbsBar .frBtn {
	max-width: 100px;
}
.breadcrumbsBar .frBtn:hover {
	background-color: var(--theme-menu-highlight);
}
.breadcrumbsBar .currentFolder {
	max-width: 200px;
	color: var(--theme-text);
}
.breadcrumbsBar .x-toolbar-more {
	border-radius: var(--sBr);
}
.fr-grid-utils-tbar .x-btn-icon.fa-spin {
	border-radius: 50%;
}

.fr-paging-bar {
	margin: 0 10px;
	height: 50px;
	border-top: 1px solid var(--theme-bg);
	color: var(--theme-textLight);
}
.fr-paging-bar .x-tbar-page-number {
	border-radius: 2px;
	text-align: center;
	padding-left: 0;
}

.cornerMenu {
	z-index: auto;
}

.fr-btn-user .x-menu-item-icon img {
	height: 20px;
	border-radius: 50%;
}
.x-menu-list-item.fr-btn-user .x-menu-item-text {
}
.fr-btn-cart.withItems {
	outline: 1px solid var(--theme-main);
	outline-offset: -1px;
	color: var(--theme-textOnLighter);
}
.fr-btn-cart.withItems .x-menu-item-icon i {
	font-weight: bold;
	color: var(--theme-main);
}

/* ui/tree.css */
/* Tree */
#FR-Tree-Panel .x-panel-body {
	-webkit-overflow-scrolling: touch;
	overflow-y: overlay !important;
	padding-left: 0;
	padding-bottom: 25px;
}

#FR-Tree-Panel .x-tree-node-el {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.x-tree-node-el.layed .x-tree-node-icon,
.x-tree-node-el.layed a {
	color: var(--theme-textLighter);
}

.x-tree-node-el .avatar {
	background-size:cover;
	margin-left: 7px;
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 50%;
}
#FR-Tree-Region .x-tree-root-node > .x-tree-node > .x-tree-node-el {
	line-height: 34px;
	border-top-right-radius: var(--mBr);
	border-bottom-right-radius: var(--mBr);
}
#FR-Tree-Region .x-tree-root-node > .x-tree-node > .x-tree-node-el .x-tree-node-icon {
	margin-right: 10px;
}
#FR-Tree-Region .x-tree-root-node > .x-tree-node > .x-tree-node-el .x-tree-node-icon,
#FR-Tree-Region .x-tree-root-node > .x-tree-node > .x-tree-node-el .avatar {
	margin-right: 10px;
}

.x-tree-node-el .icons {
	margin-left: auto;
	margin-right: 4px;
}

.x-tree-node-el .icons i {
	font-size:13px;
	color: var(--theme-textLighter);
	display: inline;
}

.nodeMenu {
	flex: 0 0 20px;
	visibility: hidden;
	text-align: center;
	cursor: default !important;
}
.nodeMenu i {
	color: var(--theme-textLighter);
	cursor: default !important;
	vertical-align: middle;
}
.nodeMenu:hover i {
	color: var(--theme-text);
}
.x-tree-node .x-tree-selected .nodeMenu,
.x-tree-node-el:hover .nodeMenu {
	visibility: inherit;
}

.x-tree-node .x-tree-drag-append {
	box-shadow: inset 0 0 0 2px var(--theme-main);
	background-color: var(--theme-menu-highlight);
}


/* ui/grid.css */
#FR-Grid-Panel {
	background-color: var(--theme-filelist-bg);
}
#FR-Grid-Panel .x-grid3-row,
#FR-Grid-Panel .x-grid3-header {
	border-color: var(--sBCol);
}

#FR-Grid-Panel .x-grid3-row:hover .x-grid3-row-table {
	background-color: var(--theme-menu-highlight);
}


#FR-Grid-Panel .x-grid3-row-selected {
	background-color: transparent;
}
#FR-Grid-Panel .x-grid3-row-selected .x-grid3-row-table,
#FR-Grid-Panel .x-grid3-row-selected:hover .x-grid3-row-table {
	background-color: var(--theme-lighter);
}

#FR-Grid-Panel {
	border-top-left-radius: var(--mBr);
	border-top-right-radius: var(--mBr);
}
#FR-Grid-Panel .x-grid3 {
	background-color: var(--theme-bg);
	border-top-left-radius: var(--mBr);
    border-top-right-radius: var(--mBr);
}
#FR-Grid-Panel.thumbMode .x-grid3 {
	background-color: transparent;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}


#FR-Grid-Panel .x-grid3-header {
	background-color: var(--theme-bg);
	display: none;
}
#FR-Grid-Panel .x-grid3-cell-inner {
	line-height: 40px;
}
.fr-touch-only #FR-Grid-Panel .x-grid3-cell-inner {
	line-height: 50px;
}
#FR-Grid-Panel .x-grid3-td-icon i.gridFolderIcon {
	font-size: 24px;
}

#FR-Grid-Panel .x-grid3-col-checkbox,
#FR-Grid-Panel .x-grid3-col-icon {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}


#FR-Grid-Panel .x-grid3-row .gridTmb.tmbLoaded {
	display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
	width: 30px;
	height: 30px;
}
#FR-Grid-Panel .x-grid3-row .gridTmb.tmbLoaded.isNotPicture img {
	outline: 1px solid var(--theme-menu-highlight);
	outline-offset: -1px;
}

#FR-Grid-Panel .large_grid .tmbInner.tmbLoaded img {
	background-image: url(../images/transparent.png);
	border-radius: 2px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
			rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

#FR-Grid-Panel .x-grid3-body {
	padding-bottom: 50px;
}

#FR-Grid-Panel.thumbMode .x-grid3-body,
#FR-Grid-Panel.large_grid .x-grid3-body {
	padding-top: 20px;
}

#FR-Grid-Panel td.x-grid3-td-icons i.fa {
	margin-right:2px;
}

#FR-Grid-Panel .x-grid-empty .illustration {
	max-width: 200px;
	max-height: 150px;
}
#FR-Grid-Panel .x-grid-empty .text {
	font-size: 16px;
    color: var(--theme-textLight);
    margin-top: 15px;
	text-align: center;
}

/* Thumb mode */


.gridGroup.thumbnails,
.gridGroup.large_grid {
	padding-left: 15px;
	padding-right: 15px;
	display: grid;
	grid-gap: 15px;
	align-items: stretch;
	height: auto !important;
	grid-template-columns: repeat(auto-fill, minmax(var(--ui-thumbSize), 1fr));
}
.gridGroup.large_grid {
	grid-template-columns: repeat(auto-fill, minmax(var(--ui-thumbSizeLarge), 1fr));
	grid-gap: 24px;
	padding-bottom: 24px;
}
.gridGroup.large_grid .extLabel {
	right: 10px;
}
.gridGroup.large_grid .iconsHolder {
	left: 10px;
}


#FR-Grid-Panel.thumbMode .x-grid-empty,
#FR-Grid-Panel.photoMode .x-grid-empty {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#FR-Grid-Panel.photoMode .gridGroup.thumbnails {
	padding-top:15px;
}

.gridGroup .gridItem {
	user-select: none;
	cursor: default;
	position:relative;
}
.gridGroup .gridItem:before {
	content: "";
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-top: calc(100%/var(--ui-thumbRatio) + 24px);
}
.gridGroup .gridItem:after {
	content: "";
	display: table;
	clear: both;
}

.gridGroup.thumbnails .gridItem,
.gridGroup.large_grid .gridItem {
	border-radius: var(--sBr);
	transition: box-shadow 150ms ease-out,
				background-color 200ms,
				outline 200ms ease;
	/*height: var(--ui-thumbSize);*/
	position: relative;
	text-align: center;

	/*
	margin: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;

	align-items: center;
	justify-content: center;
	 */
}
.gridGroup.large_grid .gridItem {
	/*height: var(--ui-thumbSizeLarge);*/
}

.gridGroup.thumbnails .gridItem,
.gridGroup.large_grid .gridItem {
	transition: background-color 200ms ease;
}
.gridGroup.thumbnails .gridItem .selOverlay {
	position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
	opacity: 0;
	transition: opacity 200ms;
	border-radius: var(--sBr);
	background-color: var(--theme-main);
}
.gridGroup.large_grid .gridItem .selOverlay {
	display: none;
}

.gridGroup.large_grid .gridItem.tmbItemSel {
	outline: 1px solid var(--theme-main);
	background-color: var(--theme-lighter);
}

.gridGroup.thumbnails .gridItem.tmbItemSel .tmbInner {
	outline: 1px solid var(--theme-main);
	background-color: var(--theme-lighter);
}

.gridGroup.large_grid .gridItem.tmbItemSel .tmbInner {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: var(--theme-lighter);
}


.gridGroup.thumbnails .gridItem.tmbItemSel .tmbInner.tmbLoaded .selOverlay {
	opacity: 0.12;
}

.gridGroup.thumbnails .gridItem.typeFolder,
.gridGroup.large_grid .gridItem.typeFolder {
	height: 42px !important;
	position:relative;
	text-align:left;
	/*border: 1px solid var(--hBCol);*/
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,.2);
	background-color: var(--theme-bg);
}
.gridGroup.thumbnails .gridItem .tmbInner,
.gridGroup.large_grid .gridItem .tmbInner {
	height: calc(100% - 24px);
	border-radius: var(--sBr);
	position:relative;
	background-size: 40px;
	background-position:center;
	background-repeat:no-repeat;
	transition: border-color 150ms ease-out,
				border-width 75ms ease-out,
				border-radius 500ms ease,
				box-shadow 150ms ease-out,
				background 500ms ease,
				background-color 200ms;

	box-shadow: 1px 1px 3px 0px rgba(0,0,0,.2);
	background-color: var(--theme-bg);
	outline: 1px solid transparent;
}
.gridGroup.large_grid .gridItem .tmbInner {
	background-size: 80px;
	background-color: transparent;
	box-shadow: none;
	display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.gridGroup.thumbnails .gridItem.typeFolder.tmbItemSel,
.gridGroup.large_grid .gridItem.typeFolder.tmbItemSel {
	background-color: var(--theme-lighter);
	outline: 1px solid var(--theme-main);
	box-shadow: none;
}
.gridGroup.thumbnails .gridItem.typeFolder.dragged-over,
.gridGroup.large_grid .gridItem.typeFolder.dragged-over {
	box-shadow: inset 0 0 0 2px var(--theme-main);
	background-color: var(--theme-menu-highlight);
}


.x-grid3 .chkbx {
	z-index: 1;
	width: 16px;
	height: 16px;
	border-radius: var(--sBr);
	background-color: var(--theme-bg);
	border: 1px solid var(--theme-textLighter);
	visibility: hidden;
	font-size:11px;
}
.x-grid3 .chkbx i {
	color: var(--theme-textLighter);
}
.gridGroup.thumbnails .gridItem .chkbx,
.gridGroup.large_grid .gridItem .chkbx {
	width: 18px;
	height: 18px;
	position: absolute;
	top: -4px;
	right: -4px;
	font-size:13px;
}
.fr-touch-only .gridGroup.thumbnails .gridItem .chkbx,
.fr-touch-only .gridGroup.large_grid .gridItem .chkbx,
.fr-touch-only .x-grid3 .chkbx {
	width: 20px;
	height: 20px;
	font-size:13px;
}

.x-grid3 .chkbx:hover {
	background-color: var(--theme-menu-highlight);
}
.x-grid3 .chkbx:hover i,
.x-grid3-cell-inner .chkbx:hover i {
	color: var(--theme-text);
}

.x-grid3-row-selected .chkbx i,
.x-grid3-row-selected .chkbx:hover i {
	color: var(--theme-textOnMain);
}

.gridItem.tmbItemSel .chkbx i,
.gridItem.tmbItemSel .chkbx:hover i {
	color: var(--theme-textOnMain);
}

.x-grid3-row-selected .chkbx,
.x-grid3-row-selected .chkbx:hover {
	background-color: var(--theme-main);
	border-color: var(--theme-main);
}


.x-grid3.withSelection .gridItem:hover .chkbx,
.fr-touch-only .x-grid3.withSelection .chkbx,
.x-grid3.withSelection .x-grid3-row:hover .chkbx,
.gridItem.tmbItemSel .chkbx,
.x-grid3-row-selected .chkbx {
	visibility: visible;
	display: flex;
	justify-content: center;
	align-items: center;
}

.gridItem.tmbItemSel .chkbx {
	background-color: var(--theme-main);
    border-color: var(--theme-lighter);
}

.x-grid3-header {
	border-top: none;
}

.x-grid3-hd-inner:hover {
	background-color: var(--theme-menu-highlight);
}
.x-grid3-hd-icon i {
	visibility: hidden;
}
.x-grid3-hd-icon:hover i {
	visibility: visible;
}
.x-grid3-hd-checkbox a.select-all {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.gridGroup.thumbnails .gridItem .name,
.gridGroup.large_grid .gridItem .name {
	overflow: hidden;
	line-height: 24px;
	vertical-align:middle;
	white-space:nowrap;
	width: 100%;
	display:inline-block;
	text-overflow:ellipsis;
	color: var(--theme-text);
	border-bottom-left-radius: var(--sBr);
	border-bottom-right-radius: var(--sBr);
}
.gridGroup.large_grid .gridItem .name {
	font-size: 110%;
}


.gridGroup.large_grid .tmbItemSel:not(.typeFolder) .name {
	background-color: var(--theme-lighter);
}

.x-grid3-cell-inner .x-grid3-td-extension {
	color: silver;
	text-transform: uppercase;
	font-size: 11px;
}
.gridGroup.thumbnails .gridItem:not(.typeFolder) .name,
.gridGroup.large_grid .gridItem:not(.typeFolder) .name {
	padding: 0 3px;
}
.gridGroup.thumbnails .gridItem .thumbFolder .name,
.gridGroup.large_grid .gridItem .thumbFolder .name {
	padding-right: 5px;
	font-weight: 500;
}

.tmbInner {
	display: flex;
    justify-content: center;
    align-items: center;
}

.tmbInner .extLabel {
	transition: right 0.5s ease-in-out,
				bottom 0.5s ease-in-out,
				font-size 0.5s ease,
				padding 0.5s ease,
				color 0.5s ease,
				background-color 0.1s ease;
	font-size:16px;
	padding: 4px 8px;
}
.tmbInner:not(.tmbLoaded) .extLabel {
	max-width: 80px;
	text-overflow: ellipsis;
}
.tmbInner.tmbLoaded .extLabel {
	position: absolute;
    right: 5px;
    bottom: 5px;
	font-size:10px;
	border-width: 0;
    padding: 2px 4px;
}
.tmbInner.tmbLoaded.isNotPicture .extLabel {
	border-width: 1px;
	background-color: var(--theme-bg);
}
.gridTmb.tmbLoaded  .extLabel {
	display: none;
}

.iconsHolder {
	position: absolute;
    left: 5px;
    bottom: 5px;
    background-color: var(--theme-bg-transparent);
	border-radius: var(--sBr);
	display: flex;
	gap: 1px;
}
.iconsHolder .extra {
	padding: 0 4px;
	color: var(--theme-textLighter);
	display: flex;
	align-items: center;
	font-weight: bold;
}
.iconsHolder:empty {display:none;}

.iconsHolder i {
	color: var(--theme-textLighter);
	margin:3px;
}

.gridGroup.thumbnails .gridItem.typeFolder .iconsHolder,
.gridGroup.large_grid .gridItem.typeFolder .iconsHolder {
	font-size: 11px;
	right:0;
	bottom: 0;
	left:unset;
	background-color: transparent;
}
.gridGroup.thumbnails .gridItem .thumbFolder,
.gridGroup.large_grid .gridItem .thumbFolder {
	height: 40px;
	width: 100%;
}

.gridGroup.thumbnails .gridItem .thumbFolder .icon,
.gridGroup.large_grid .gridItem .thumbFolder .icon {
	width: 43px;
	text-align: center;
	font-size:16px;
}
.gridGroup.thumbnails .gridItem .thumbFolder .font-icon,
.gridGroup.large_grid .gridItem .thumbFolder .font-icon,
#FR-Grid-Panel .x-grid3-row .font-icon {
	font-style: normal;
	text-align: center;
	font-size: 1.33333em;
	font-family: 'Font Awesome 5 Pro';
	color: #898989;
}

.gridGroup.thumbnails .gridItem .label,
.gridGroup.large_grid .gridItem .label {
	position:relative;
	z-index:2;
}
/*

.gridGroup.thumbnails .gridItem .label .FRLabel {
	position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 1px 5px;
    max-width: 65px;
}
 */
.x-grid3-td-label .FRLabel {
	display: inline;
}
.dragging {
	opacity: 0.3;
	pointer-events: none;
}

/* end Thumb mode */

/* Photo mode */

.gridGroup.photos {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}
.gridGroup.photos .gridItem {
	position: relative;
	margin: 5px;
	transition: outline 0.2s ease;
	border-radius: var(--sBr);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: var(--sBCol);
	outline: 1px solid var(--hBCol);
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.gridGroup.photos .gridItem.tmbLoaded {
	outline: 0;
}
.gridGroup.photos .gridItem .chkbx {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: var(--theme-lighter);
	opacity: 0.7;
	border-color: transparent;
	transition: background-color 200ms ease, opacity 200ms ease;
}
.gridGroup.photos .gridItem .chkbx:hover {
	opacity: 1;
}
.gridGroup.photos .gridItem .chkbx i {
	font-size: 150%;
	color: white;
}
.gridGroup.photos .gridItem.tmbItemSel .chkbx {
	opacity: 1;
	background-color: var(--theme-main);
}
.gridGroup.photos .gridItem.tmbItemSel {
	outline: 2px solid var(--theme-dark);
}
.gridGroup.photos .gridItem .videoIcon {
	position:absolute;
	top:5px;
	left:5px;
	color:white;
	opacity:0.8;
	pointer-events: none;
	font-size:22px;
}

/* end Photo mode */



/* ui/details_panel.css */
.fr-info-panel > .x-panel-header {
	padding: 0 15px 0 15px;
}
.fr-info-panel .x-panel-header .x-tool-close {
	margin-top: 3px;
}
.fr-info-panel .x-list-body-inner {
	padding-bottom: 40px;
}
.fr-info-panel > .x-panel-header > .header-text {
	font-size: 22px;
	text-overflow: ellipsis;
	transition: all .3s ease;
}
.fr-info-panel > .x-panel-header:hover {
	max-height: 300px;
}
.fr-info-panel > .x-panel-header:hover .header-text {
	white-space: normal;
	word-break: break-word;
}
.fr-info-panel > .x-panel-header > .x-panel-header-icon i {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	font-size: 30px;
}
.fr-info-panel > .x-panel-header > .x-panel-header-icon i.round {
	border-radius: 50%;
	height: 32px;
	width: 32px;
}

.fr-details-panel-body {
	padding: 0 15px 30px 15px;
	overflow: auto;
	overflow-y: overlay !important;
}
.fr-details-fields {
	display: none;
}
.fr-details-fields .field {
	display: flex;
}
.fr-details-fields .field .name {
	flex: 1;
	text-align: right;
	padding: 5px;
	color: var(--theme-textLight);
}
.fr-details-fields .field .name.multiple {
	vertical-align: top;
}

.fr-details-fields .field .value {
	flex: 2;
	padding: 5px;
	word-wrap: break-word;
	word-break: break-word;
}
.fr-details-fields .field.title {
	background-color: var(--theme-filelist-bg);
	border-radius: var(--sBr);
	margin-top:15px;
	margin-bottom:7px;
}
.fr-details-fields .field.title .name {
	flex: 5;
	text-align:left;
	padding-left:10px;
	color: var(--theme-text);
}
.fr-details-fields .field.title .value {
	flex: 1;
	text-align:right;
}

.fr-details-fields .field.title .editIcon {
	opacity: 0;
	transition: opacity 0.3s ease;
}
.fr-details-fields:hover .field.title .editIcon {
	opacity: 1;
}
.fr-details-fields .field.title .editIcon:hover i {
	font-weight:900;
}
.fr-details-fields .field .value a {
	cursor: pointer;
}

.fr-info-panel .x-tab-strip {
	padding-left: 15px;
}
.fr-info-panel .x-tab-strip .frBtn {
	max-width: 120px;
}

.fr-details-panel .map {
	text-align:center;
}
.fr-details-panel .map img {
	border-radius: var(--mBr);
}

.fr-details-panel .text {
	float: left;
	margin-left: 15px;
}
.fr-details-panel .size {
	float:right;
	margin-right: 15px;
}

.fr-details-thumb {
	text-align: center;
	margin-bottom: 15px;
	line-height: 0;
}
.fr-details-thumb img {
	cursor: pointer;
	border-radius: var(--sBr);
	transition: border-radius 300ms,
				margin 300ms,
				mox-shadow 300ms,
				width 300ms ease-in-out,
				height 300ms ease-in-out;
	margin-top:15px;
	margin-bottom:15px;
	background-image: url(../images/transparent.png);
}
body.darkMode .fr-details-thumb img {
	background-image: url(../images/transparent_dark.png);
}
.fr-details-thumb img.isNotPicture {
	outline: 1px solid var(--hBCol);
	border-radius: 2px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
			rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.fr-details-thumb img.empty {
	width:0;
	height:0;
	box-shadow: none;
	border: 0;
	margin:0;
}
.fr-details-panel .x-superboxselect {
	border-color:transparent;
	box-shadow: none;
	max-height:150px;
	overflow: auto;
}
.fr-details-panel .x-superboxselect-item {
	font-size: 13px;
	border-radius: var(--lBr);
}
.fr-details-panel .x-superboxselect-input input {
	margin-left: 7px;
	margin-top: 3px;
}
.fr-details-readme {
	display: none;
	border-top: 1px solid var(--sBCol);
	margin-top:20px;
}
.fr-details-panel .x-superboxselect-btns .frBtn {
	color: var(--theme-main);
	font-size: 16px;
}
.frBtn.labelSelector {
	display: inline-flex;
	line-height: 18px;
	text-shadow:
			0.05em 0 black,
			0 0.05em black,
			-0.05em 0 black,
			0 -0.05em black;
	color:white;
	font-size:12px;
}
.frBtn.labelSelector i.menuIndicator {
	color:white;
}

.rating-star i.fa-star,
.rating-star i.fa-minus-circle {
	visibility: hidden;
}
.fr-touch-only .rating-star i.fa-star,
.fr-touch-only .rating-star i.fa-minus-circle{
	visibility: inherit;
}
.rating-star:hover i.fa-star,
.rating-star:hover i.fa-minus-circle {
	visibility:inherit;
}
.rating-star.empty i.fa-star {
	visibility:inherit;
}
.rating-star i.fa-star:hover,
.rating-star i.filledstar {
	visibility: inherit;
	font-weight: 900;
	color: #FFD700;
}

.fr-touch-only .fr-details-panel .x-superboxselect-item,
.fr-touch-only .fr-details-panel .x-superboxselect-input input {
	font-size: 18px;
	line-height: 28px;
}

.fr-touch-only .fr-info-panel .closeButton,
.fr-touch-only .fr-details-fields .fa,
.fr-touch-only .fr-details-panel .x-superboxselect-btns .frBtn {
	font-size: 24px;
}
.fr-touch-only .x-superboxselect-btns li {
	font-size: 24px;
	margin: 8px;
}

/* ui/comments_panel.css */
.comments {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
}
.comments .comment {
	position: relative;
	margin: 10px 5px 1px 5px;
}
.comment .text {
	margin-top:5px;
	margin-left:50px;
	margin-right:5px;
	vertical-align: top;
	border-radius:5px;
	padding: 7px 10px;
	line-height: 1.28;
	position:relative;
	background-color: var(--theme-filelist-bg);
	min-height: 26px;
}
.comment .text .inner:after,
.comment .text .inner:before {
	position: absolute;
	right: 100%;
	top: 13px;
	border: 4px solid transparent;
	border-right-color: var(--theme-filelist-bg);
	content: ' ';
	height: 0;
	width: 0;
	pointer-events: none;
	margin-top: -5px;
}
.comment .avatar {
	float: left;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	background-size: cover;
	margin: 0 auto;
}
.comment .name {
	color: var(--theme-textLighter);
	padding-left:59px;
}
.comment.own .name {
	text-align: right;
	padding-right: 57px;
}
.comment.own .avatar {
	float:right;
	margin-right: 5px;
}
.comment.own .text {
	margin-right:50px;
	margin-left:5px;
	background-color: var(--theme-main);
	color: var(--theme-textOnMain);
}
.comment.own .text a ,
.comment.own .removeBtn a {
	color: var(--theme-textOnMain);
}
.comment.own .text .inner:after,
.comment.own .text .inner:before {
	right: auto;
	left: 100%;
	border-right-color: transparent;
	border-left-color: var(--theme-main);
}
.comment.followup .name {display:none;}
.comment.followup {margin-top: 0;}
.comment.followup .text {padding: 5px 10px;margin-top: 0;}
.comment.followup .text .inner:after, .comment.followup .text .inner:before {display:none;}
.comments .removeBtn {
	position:absolute;
	width:16px;
	height:16px;
	top: 2px;
	right: -2px;
	visibility: hidden;
}
.comments .comment:hover .removeBtn {
	visibility: visible;
}
.comments .removeBtn a {
	display: block;
	width:16px;
	height:16px;
	cursor: pointer;
}
.comments .removeBtn a:hover {
	color:var(--theme-textDanger);
}

.comment .text blockquote {
	border-left: 2px solid var(--sBCol);
	margin:5px;
	padding-left: 5px;
}
.comment.own .text blockquote {
	border-color: var(--sBCol);
}
.comment .text code {
	box-shadow: inset 0 1px 10px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.1),0 -1px 0 rgba(0,0,0,0.3);
	border-radius: 2px;
	padding: 1px 3px;
}
.comment .text ul {
	list-style-type: initial;
	margin-left:10px;
}
.comment .text ol {
	list-style-type: decimal;
	margin-left:10px;
}

.commentField .x-form-field {
	border: 0;
	border-top: 1px solid var(--sBCol);
	box-shadow: none;
	padding: 10px;
}

.fr-touch-only .commentField .x-form-field {
	font-size: 18px;
}

/* ui/download_cart.css */
.fr-cart-empty {
	white-space: normal;
	text-align:center;
	line-height: 125%;
}
.fr-cart-item {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin:2px;
    padding:5px;
}
.fr-cart-item .ico {
	width:32px;
	height:32px;
	float: left;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fr-cart-item .ico img {
    max-width: 32px;
    max-height: 32px;
}
.fr-cart-item .filesize,
.cartPanel .xtb-text.size {
	color: var(--theme-textLighter);
}

/* ui/activity_panel.css */
.eventItem {
	display: flex;
	flex-direction: row;
	padding: 5px 5px 5px 0;
}
.eventItem .ico {
	display: flex;
    align-items: flex-start;
	justify-content: center;
	width: 74px;
	height: 54px;
}
.eventItem .ico img {
	max-width: 32px;
    max-height: 32px;
	margin: 3px auto;
}
.eventItem .ico img.fr-thumbnail {
	outline: 1px solid var(--hBCol);
	border-radius: 2px;
}
.eventItem .ico i {
	margin: 0 auto;
}
.eventItem .txt {
	display: flex;
    flex-direction: column;
	flex: 1;
}
.eventItem .txt .fn {
	margin-bottom: 2px;
	font-size: 14px;
	word-break: break-word;
}
.eventItem .txt .d {
	color: var(--theme-textLight);
	margin-top: 3px;
}
.eventItem .txt .andMore {
	margin-top: 3px;
	color: var(--theme-text);
}
.eventItem .txt .t {
	color:#999;
	font-size:11px;
}

/* ui/image_viewer.css */
/* Image Preview */
.fr-prv-tbar.top {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.fr-prv-tbar .x-btn-icon {
	margin: 5px 5px;
}
.fr-prv-tbar.top .x-btn-icon {
	margin: 5px 5px;
	width: 42px;
	height: 42px;
}
.fr-prv-tbar .x-btn-icon i {
	color: var(--theme-main);
}
.fr-prv-tbar.top .x-btn-icon i {
	font-size: 21px;
}


.fr-prv-tbar-filename {
	font-size: 22px;
	overflow: hidden;
	white-space: nowrap;
	max-width: 300px;
	text-overflow: ellipsis;
	margin-left:15px;
}
.image-viewer.fr-layout-small .fr-prv-tbar-filename {
	max-width: 170px;
}
.fr-prv-tbar-status {
	min-width: 80px;
	text-align: center;
	color: var(--theme-textLight);
}


.fr-prv-nav-btn {
	width: 32px;
	height: 32px;
}
.fr-prv-nav-btn.loading {
	border: 2px solid var(--theme-main);
}

.fr-prv-tbar-slider {
	margin-left: 20px;
	margin-right: 20px;
}
.image-viewer {
	background: var(--theme-bg);
}
.image-viewer .canvas {
	background-color: var(--theme-filelist-bg);
	border-top-right-radius: var(--mBr);
	border-bottom-right-radius: var(--mBr);
	border: 1px solid var(--hBCol);
	border-left: none;
	position:relative;
}

.image-viewer .canvas.transparent {
	background-image: url(../images/transparent.png);
}
body.darkMode .image-viewer .canvas.transparent {
	background-image: url(../images/transparent_dark.png);
}
.image-viewer .canvas iframe {
	height:100%;
	width:100%;
	border: 0;
	border-top-right-radius: var(--mBr);
	border-bottom-right-radius: var(--mBr);
}

.image-viewer.fr-layout-small .canvas,
.image-viewer.fr-layout-small .canvas iframe {
	border-radius: 0;
	border-right:0;
}
.image-viewer .centered {
	width: 100%;
	height: 100%;
}
.image-viewer .spinner {
	visibility: hidden;
	position: absolute;
	z-index: 99;
	width: 80px;
	height: 80px;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.image-viewer .activeImage {
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center;
	text-align:center;
	transition: transform 0.5s ease;
	border-top-right-radius: var(--mBr);
	border-bottom-right-radius: var(--mBr);
}
.image-viewer .dragging-zoom {
	position: absolute;
}

/* ui/target_selector.css */
.targetSelector .topToolbar {
	border-bottom: 1px solid var(--hBCol);
	padding-bottom: 10px;
}
.targetSelector .topToolbar i {
	font-size:16px;
}
.targetSelector .backButton {
	margin-left: 10px;
}
.targetSelector .x-toolbar div.xtb-text.folderName {
    cursor: default;
	font-size: 16px;
	margin-left: 10px;
	padding: 0;
}

.targetSelector dt {
	line-height: 33px;
}
.targetSelector dl .frBtn {
	visibility: hidden;
	margin: 3px 45px;
}
.targetSelector dl .frBtn:hover {
	background-color: var(--theme-main);

}
.targetSelector dl .frBtn:hover i {
	color: var(--theme-textOnMain);
}
.targetSelector dl.x-list-selected .frBtn,
.targetSelector dl:hover .frBtn {
	visibility: inherit;
}

.targetSelector dl.x-list-selected dt {
	font-weight:bold;
	color: var(--theme-main);
}

.targetSelector .x-window-footer i {
	font-size:18px;
}
.cprt {
	position:fixed !important;
	bottom:0px !important;
	right:0px !important;
	z-index:99999 !important;
	display:flex !important;
	justify-content: center;
	width:100% !important;
	height:auto !important;
	visibility: visible !important;
}
.cprt a {
	font-weight:bold;
	text-decoration: none;
	visibility: visible !important;
	font-size:14px !important;
	display:flex !important;
	align-items: center;
	border-top-left-radius:var(--mBr);
	border-top-right-radius:var(--mBr);
	padding:10px;
	box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),
		0 8px 10px 1px rgba(0,0,0,.14),
		0 3px 14px 2px rgba(0,0,0,.12);
	user-select: none;
	cursor: pointer;
		background-color: rgba(255,255,255,0.6) !important;
		color: var(--theme-text) !important;
	backdrop-filter: blur(10px);
}
.cprt:hover a {
	background-color: var(--theme-lighter) !important;
}
.cprt img {
	margin-left:10px;
}