/* CLASSIC */

html {
	height: 100%;
}
body {
	font-family: Roboto, Verdana, sans-serif;
	font-weight: 300;
	line-height: 1.2;
	height: 100%;
	background-color: #eeeeee;
	color: #333333;
	margin: 0px;
	overflow: hidden;
}
.hidden {
	display: none !important;
}
.inline-block {
	display: inline-block;
}
.cursor-pointer {
	cursor: pointer !important;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.clear {
	clear: both !important;
}
.underlined {
	text-decoration: underline;
}
.strong {
	font-weight: bold;
}
hr {
	display: block;
	clear: both;
	height: 1px;
	margin: 15px 0;
	padding: 0px;
	border: 0px;
	background-color: #333333;
}
pre {
	overflow: auto;
}

/* FILLERS */

.space-x10  { width: 10px;  }
.space-x20  { width: 20px;  }
.space-x50  { width: 50px;  }
.space-x100 { width: 100px; }
.space-x10, .space-x20, .space-x50, .space-x100 {
	min-height: 1px;
}

.space-y10  { height: 10px;  }
.space-y20  { height: 20px;  }
.space-y50  { height: 50px;  }
.space-y100 { height: 100px; }
.space-y10, .space-y20, .space-y50, .space-y100 {
	min-width: 1px;
}

/* RADIUS */

.radius-3  { border-radius: 3px;  }
.radius-5  { border-radius: 5px;  }
.radius-10 { border-radius: 10px; }
.radius-20 { border-radius: 20px; }

/* ELLIPSIS */

.middleEllipsis {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.middleEllipsis>span {
    margin: -2px;
    padding: 2px;
}
.middleEllipsis>span:first-of-type {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-shrink: 1;
}
.middleEllipsis>span:last-of-type {
	white-space: nowrap;
	flex-basis: content;
	flex-grow: 0;
	flex-shrink: 0;
	overflow: hidden;
}


/* MAIN ELEMENTS */

div.mainBlock {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #efefef;
}
div.headerBlock {
	flex: 0 0 auto;
	background-color: #ffffff;
	height: 60px;
	box-shadow: 0px 3px 5px 1px #cccccc;
	z-index: 50;
}
div.contentBlock {
	flex: 1 1 auto;
	position: relative;
	overflow-y: overlay;
	margin: 0px;
}
div.footerBlock {
	flex: 0 0 auto;
	background-color: #ffffff;
	height: 50px;
	box-shadow: 0px -3px 5px 1px #cccccc;
	z-index: 50;
}
div.frame {
	display: block;
	min-width: 640px;
	max-width: 1200px;
	margin: auto;
	padding: 0px;
}
div.contentBlock div.frame {
	padding-bottom: 20px;
}
div.link {
	display: inline-block;
}

/* MAIN ELEMENTS : SCROLLBARS */

div.contentBlock.customscrollbar::-webkit-scrollbar {
	width: 12px;
}
div.contentBlock.customscrollbar::-webkit-scrollbar-track {
	border-radius: 6px;
	background-color: #dddddd;
}
div.contentBlock.customscrollbar::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: #aaaaaa;
	box-shadow: inset 0px 0px 1px 0 #dddddd;
}

/* MAIN ELEMENTS : BLUR */

body.blurred *.blurrable {
	filter: blur(2px);
}

/* BLOCKS (HEADER) */

div.headerBlock.withNav {
	height: 100px;
}
div.headerBlock.withNav hr.separator {
	background: #dddddd;
	margin: 10px 20px;
}

/* BLOCKS (HEADER) : LINK */

div.headerBlock #homelink,
div.headerBlock #homelink:visited,
div.headerBlock #homelink:hover,
div.headerBlock #homelink:focus,
div.headerBlock #homelink:active {
	text-decoration: none;
	color: #333333;
}

/* BLOCKS (HEADER) : LOGO */

div.headerBlock div.frame div.logo {
	width: 36px;
	height: 36px;
	margin: 12px 15px 12px 0px;
	border-radius: 18px;
	transition: opacity 200ms ease-in-out;
}
div.headerBlock div.frame div.logo-back {
	width: 36px;
	height: 36px;
	border-radius: 18px;
	background: conic-gradient(#3f57ff, #2bff4c, #3f57ff, #2bff4c, #3f57ff, #2bff4c, #3f57ff);
	/* background: conic-gradient(#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000); /* Color wheel */
}
div.headerBlock div.frame div.logo-front {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	margin: -7px;
	background: #ffffff;
	mask: url(assets/images/logo_inverted.svg) no-repeat center / 50px;
	-webkit-mask: url(assets/images/logo_inverted.svg) no-repeat center / 50px;
}

div.headerBlock div.frame div.logo.paused {
	filter: grayscale(1);
}
div.headerBlock div.frame div.logo.paused div.logo-back,
div.headerBlock div.frame div.logo.paused div.logo-front {
	animation-play-state: paused;
}

/* BLOCKS (HEADER) : TEXT */

div.headerBlock div.frame div {
	display: inline-block;
}

div.headerBlock div.frame div.title {
	font-family: Roboto Condensed, Roboto, Verdana, sans-serif;
	font-style: normal;
	font-size: 40px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin: 10px 20px 10px 0px;
	vertical-align: top;
}
div.headerBlock div.frame *.button {
	position: relative;
	font-family: Roboto, Verdana, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin: 11px 0px 11px 0px;
	padding: 3px 10px;
	vertical-align: top;
	/* border: #333333 solid 1px; */
    box-shadow: inset 0px 0px 0px 1px #333333;
	border-radius: 3px;
	cursor: pointer;
	transition: background 200ms ease-in-out, color 200ms ease-in-out;
}
div.headerBlock div.frame *.button.float-left {
	margin: 11px 10px 11px 0px;
}
div.headerBlock div.frame *.button.float-right {
	margin: 11px 0px 11px 10px;
}
div.headerBlock div.frame *.button.button-disabled {
	color: #aaaaaa;
	/* border: #aaaaaa solid 1px; */
	box-shadow: inset 0px 0px 0px 1px #aaaaaa;
	cursor: default;
}
div.headerBlock div.frame *.button:not(.button-disabled):hover {
	/* border: #333333 solid 1px; */
	background-color: #333333;
	color: #ffffff;
}
div.headerBlock div.frame *.button.button-noborder {
	/* border: #ffffff solid 1px; */
    box-shadow: none;
}
div.headerBlock div.frame *.button.button-noborder.float-left {
	margin-right: 0px;
}
div.headerBlock div.frame *.button.button-noborder.float-right {
	margin-left: 0px;
}
div.headerBlock div.frame *.button.button-radius-10 {
	border-radius: 10px;
}

div.headerBlock div.frame *.button.button-img-lbl {
	padding: 3px 10px;
}
div.headerBlock div.frame *.button.button-img {
	padding: 3px 3px;
}
div.headerBlock div.frame *.button.button-img span.icon,
div.headerBlock div.frame *.button.button-img-lbl span.icon {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	background: #333333;
}
div.headerBlock div.frame *.button.button-img-lbl span.icon {
	margin-bottom: 2px;
}
div.headerBlock div.frame *.button.button-img span.icon {
	margin: 3px 3px 3px 3px;
}
div.headerBlock div.frame *.button.button-img-lbl span.label {
	margin-left: 5px;
}
div.headerBlock div.frame *.button.button-disabled span.icon {
	background: #aaaaaa;
	cursor: default;
}
div.headerBlock div.frame *.button:not(.button-disabled):hover span.icon {
	background: #ffffff;
}
div.headerBlock div.frame #header-button-inject span.icon {
	mask: url("assets/images/inject.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/inject.svg") no-repeat center / contain;
}
div.headerBlock div.frame #header-button-upload span.icon {
	mask: url("assets/images/upload.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/upload.svg") no-repeat center / contain;
}
div.headerBlock div.frame #header-button-profile span.icon {
	mask: url("assets/images/profile.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/profile.svg") no-repeat center / contain;
}
div.headerBlock div.frame #header-button-selectfolder span.icon {
	mask: url("assets/images/folder.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/folder.svg") no-repeat center / contain;
}
div.headerBlock div.frame #header-button-bookmark span.icon {
	mask: url("assets/images/bookmark.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/bookmark.svg") no-repeat center / contain;
}
div.headerBlock div.frame #header-button-maintenance span.icon {
	mask: url("assets/images/maintenance.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/maintenance.svg") no-repeat center / contain;
}

/* BLOCKS (HEADER) : NAVIGATION */

div.headerBlock div.navtohome,
div.headerBlock div.navtoparent {
	margin: 0px 30px 0px 0px;
	position: relative;
	color: #333333;
}
div.headerBlock div.navtohome.selectable,
div.headerBlock div.navtoparent.selectable {
	font-weight: bold;
	cursor: pointer;
}
div.headerBlock div.navtohome.selectable::after,
div.headerBlock div.navtoparent.selectable::after {
	position: absolute;
	top: 0px;
	right: -15px;
	transform: translateX(50%);
	line-height: 18px;
	font-size: 24px;
	font-weight: normal;
	color: #aaaaaa;
}
div.headerBlock div.navtoparent.selectable::after {
	content: "\203a";
}
div.headerBlock div.navtohome.selectable::after {
	content: "|";
}
div.headerBlock div.navtohome.selectable:hover,
div.headerBlock div.navtoparent.selectable:hover {
	text-decoration: underline;
}

/* BLOCKS (CONTENT) */

div.block_debugmsg_info, div.block_actionmsg_info,
div.block_inprogressfiles_info, div.block_inprogressfiles_infotemp,
div.block_finishedfiles_info, div.block_finishedfiles_infotemp,
div.block_remotefiles_info, div.block_remotefiles_infotemp,
div.block_video, div.block_audio, div.block_visua {
	padding: 15px 20px;
	margin: 0px 20px 0px 20px;
	color: #333333;
	box-shadow: 0px 3px 5px 1px #cccccc; /* 0px 3px 5px -1px #cccccc; */
	background-color: #ffffff;
	border-radius: 10px;
	border-left: #cccccc solid 25px;
	overflow: hidden;
	position: relative;
	/* transition: all 200ms ease-in-out; */
	transition: border 200ms ease-in-out;
}
p.bodycontent {
	font-family: monospace;
	border-left: solid 1px #000000;
	margin: 5px 10px;
	padding: 0px 10px;
}

/* BLOCKS (CONTENT) : LOGIN FRAME */

div.contentBlock #loginFrame {
	height: 50%;
	min-width: 700px;
	background: #ffffff;
	margin: 100px 40px;
	padding: 50px 50px;
	box-shadow: 0px 3px 5px 1px #cccccc;
	border-radius: 5px;
}
div.contentBlock #loginFrame .title {
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 26px;
	margin: 0px 0px 45px 0px;
}
div.contentBlock #loginFrame p {
	display: block;
	margin-block-start: 25px;
	margin-block-end: 25px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
div.contentBlock #loginFrame p:first-child {
	margin-block-start: 0px;
}
div.contentBlock #loginFrame p:last-child {
	margin-block-end: 0px;
}
div.contentBlock #loginFrame label {
	display: block;
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;
}
div.contentBlock #loginFrame label .mandatory {
	font-weight: normal;
	color: #cd3d14;
}
div.contentBlock #loginFrame #username,
div.contentBlock #loginFrame #password {
	display: block;
	width: calc(100% - 20px - 4px);
	padding: 5px 10px;
	margin: 10px 0px;
	font-size: 15px;
	line-height: 18px;
	text-overflow: ellipsis;
	outline: none;
	border: #aaaaaa solid 2px;
}
div.contentBlock #loginFrame #connect {
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 7px 10px;
	font-weight: bold;
	font-size: 17px;
	outline: none;
	background-color: #8151c9;
	border-radius: 3px;
	border: #8151c9 solid 1px;
	color: #ffffff;
	cursor: pointer;
}
div.contentBlock #loginFrame #username:focus,
div.contentBlock #loginFrame #password:focus {
	outline: none;
	background: #ffffff;
	border: #333333 solid 2px;
}
div.contentBlock #loginFrame #connect:disabled {
	background-color: #c0a9e2;
	border: #c0a9e2 solid 1px;
}
div.contentBlock #loginFrame #drawing {
	background-image: url(assets/images/backgrounds/login.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 700px;
	height: 300px;
	margin: 0px 0px 0px 40px;
}

/* BLOCKS (CONTENT) : BORDER (NBTRIES COLORS) */

div.block_warning_msg {
	border-color: #ffb400 !important;
}
div.block_error_msg {
	border-color: #cd3c14 !important;
}
div.block_debugmsg_info {
	border-color: #aaaaaa;
}
div.block_actionmsg_info {
	border-color: #33a46d;
}
div.block_inprogressfiles_info:not([nbTries]), div.block_finishedfiles_info:not([nbTries]), div.block_remotefiles_info:not([nbTries]) {
	border-color: #999999;
}
div.block_inprogressfiles_info[nbTries], div.block_finishedfiles_info[nbTries], div.block_remotefiles_info[nbTries] {
	border-color: #cd3d14;
}
div.block_inprogressfiles_info[nbTries="0"],
div.block_inprogressfiles_info[nbTries="1"] {
	border-color: #1b92e2;
}
div.block_finishedfiles_info[nbTries="0"],
div.block_finishedfiles_info[nbTries="1"] {
	border-color: #8151c9;
}
div.block_remotefiles_info[nbTries="0"],
div.block_remotefiles_info[nbTries="1"] {
	border-color: #8151c9;
}
div.block_inprogressfiles_info[nbTries="2"], div.block_finishedfiles_info[nbTries="2"], div.block_remotefiles_info[nbTries="2"],
div.block_inprogressfiles_info[nbTries="3"], div.block_finishedfiles_info[nbTries="3"], div.block_remotefiles_info[nbTries="3"],
div.block_inprogressfiles_info[nbTries="4"], div.block_finishedfiles_info[nbTries="4"], div.block_remotefiles_info[nbTries="4"],
div.block_inprogressfiles_info[nbTries="5"], div.block_finishedfiles_info[nbTries="5"], div.block_remotefiles_info[nbTries="5"] {
	border-color: #ffb400;
}
div.block_video, div.block_audio, div.block_visua {
	border-color: #999999;
}
div.block_inprogressfiles_infotemp, div.block_finishedfiles_infotemp, div.block_remotefiles_infotemp {
	display: none;
}
div.block_inprogressfiles_info.reloadable:not([nbTries]), div.block_finishedfiles_info.reloadable:not([nbTries]), div.block_remotefiles_info.reloadable:not([nbTries]) {
	border-color: #ffb400;
}

/* BLOCKS (CONTENT) : FOLD/UNFOLD (BEHAVIOURS) */

div.contentSubBlock {
	display: inline-block;
	position: relative;
	margin-top: 20px;
}
div.contentSubBlock:not(.folded) {
	width: 100%;
}
div.contentSubBlock.folded {
	display: inline-block;
	max-width: fit-content;
}
div.contentSubBlock a.reloadButton {
	position: absolute;
	left: 12px;
	display: block;
	top: 0px;
	height: 100%;
	font-size: 21px;
	color: #ffffff;
	cursor: pointer;
	opacity: 0.8;
	text-shadow: 0px 0px 5px #000000;
	transition: text-shadow 200ms ease-in-out;
}
div.contentSubBlock a.unfoldButton,
div.contentSubBlock a.foldButton {
	position: absolute;
	left: 20px;
	text-align: center;
	width: 25px;
	display: block;
	top: 0px;
	padding-top: 5px;
	height: calc(100% - 5px);
	font-family: Roboto, Verdana, sans-serif;
	font-size: 25px;
	color: #ffffff;
	cursor: pointer;
	text-shadow: 0px 0px 1px #000000;
	transition: text-shadow 200ms ease-in-out;
}
div.contentSubBlock a.foldButton:hover,
div.contentSubBlock a.unfoldButton:hover {
	text-shadow: 0px 0px 3px #000000;
	transition: text-shadow 200ms ease-in-out;
}
div.contentSubBlock:not(.folded) a.foldButton,
div.contentSubBlock.folded a.unfoldButon {
	display: block;
}
div.contentSubBlock.folded a.foldButton,
div.contentSubBlock:not(.folded) a.unfoldButton {
	display: none;
}

/* BLOCKS (CONTENT) : FOLD/UNFOLD (ELEMENTS) */

div.contentSubBlock.folded>div.foldable>*.onlyWhenFolded {
	font-size: 14px;
	line-height: 18px;
}
div.contentSubBlock.folded>div.foldable>*.onlyWhenFolded div.size-smallbar {
	width: 50px;
	height: 5px;
	display: inline-block;
	background: #dddddd;
	margin-bottom: 2px;
	margin-left: 5px;
	overflow: hidden;
}
div.contentSubBlock.folded>div.foldable>*.onlyWhenFolded div.size-smallbar>div.progress{
	display: inline-block;
	width: 80px;
	height: 12px;
	line-height: 12px;
	background: #333333;
	position: relative;
}
div.contentSubBlock.folded>div.foldable>*.onlyWhenFolded div.size-smallbar.inprogress>div.progress {
	background: #1b92e2;
}
div.contentSubBlock.folded>div.foldable>*.onlyWhenFolded div.size-smallbar.unknownprogress>div.progress {
	background: linear-gradient(to right, transparent, #1b92e2, transparent);
}
div.contentSubBlock.folded>div.foldable>*.onlyWhenFolded div.size-smallbar.size-ok>div.progress {
	background: #33a46d;
}
div.contentSubBlock.folded>div.foldable>*.onlyWhenFolded div.size-smallbar.size-kk>div.progress {
	background: #ffb400;
}
div.contentSubBlock.folded>div.foldable>*.onlyWhenFolded div.size-smallbar.size-ko>div.progress {
	background: #cd3c14;
}

/* BLOCKS (CONTENT) : FOLD/UNFOLD (COLORS) */

div.contentSubBlock.folded>div.foldable {
	position: relative;
	margin: 0px 0px 0px 20px;
	padding: 10px 15px;
	overflow: hidden;
	border-radius: 10px;
	min-width: 30px;
	max-width: 300px;
}
div.contentSubBlock.folded>div.block_finishedfiles_info.foldable {
	max-width: 300px;
}
div.contentSubBlock.folded>div.foldable>*:not(.onlyWhenFolded),
div.contentSubBlock:not(.folded)>div.foldable>*.onlyWhenFolded {
	display: none !important;
}

div.contentSubBlock.folded>div.block_warning_msg.foldable {
	border-left-color: #ffb400 !important;
}
div.contentSubBlock.folded>div.block_error_msg.foldable {
	border-left-color: #cd3c14 !important;
}
div.contentSubBlock.folded>div.block_debugmsg_info.foldable {
	border-left-color: #aaaaaa;
}
div.contentSubBlock.folded>div.block_actionmsg_info.foldable {
	border-left-color: #33a46d;
}

/* BLOCKS (CONTENT) : FOLD/UNFOLD (NBTRIES COLORS) */

div.contentSubBlock.folded>div.block_inprogressfiles_info.foldable:not([nbTries]),
div.contentSubBlock.folded>div.block_finishedfiles_info.foldable:not([nbTries]),
div.contentSubBlock.folded>div.block_remotefiles_info.foldable:not([nbTries]) {
	border-left-color: #999999;
}
div.contentSubBlock.folded>div.block_inprogressfiles_info.foldable[nbTries],
div.contentSubBlock.folded>div.block_finishedfiles_info.foldable[nbTries],
div.contentSubBlock.folded>div.block_remotefiles_info.foldable[nbTries] {
	border-left-color: #cd3c14;
}
div.contentSubBlock.folded>div.block_inprogressfiles_info.foldable[nbTries="0"],
div.contentSubBlock.folded>div.block_inprogressfiles_info.foldable[nbTries="1"] {
	border-left-color: #1b92e2;
}
div.contentSubBlock.folded>div.block_finishedfiles_info.foldable[nbTries="0"],
div.contentSubBlock.folded>div.block_finishedfiles_info.foldable[nbTries="1"] {
	border-left-color: #8151c9;
}
div.contentSubBlock.folded>div.block_remotefiles_info.foldable[nbTries="0"],
div.contentSubBlock.folded>div.block_remotefiles_info.foldable[nbTries="1"] {
	border-left-color: #8151c9;
}
div.contentSubBlock.folded>div.block_inprogressfiles_info.foldable[nbTries="2"], div.contentSubBlock.folded>div.block_finishedfiles_info.foldable[nbTries="2"], div.contentSubBlock.folded>div.block_remotefiles_info.foldable[nbTries="2"],
div.contentSubBlock.folded>div.block_inprogressfiles_info.foldable[nbTries="3"], div.contentSubBlock.folded>div.block_finishedfiles_info.foldable[nbTries="3"], div.contentSubBlock.folded>div.block_remotefiles_info.foldable[nbTries="3"],
div.contentSubBlock.folded>div.block_inprogressfiles_info.foldable[nbTries="4"], div.contentSubBlock.folded>div.block_finishedfiles_info.foldable[nbTries="4"], div.contentSubBlock.folded>div.block_remotefiles_info.foldable[nbTries="4"],
div.contentSubBlock.folded>div.block_inprogressfiles_info.foldable[nbTries="5"], div.contentSubBlock.folded>div.block_finishedfiles_info.foldable[nbTries="5"], div.contentSubBlock.folded>div.block_remotefiles_info.foldable[nbTries="5"] {
	border-left-color: #ffb400;
}
div.contentSubBlock.folded>div.block_video.foldable, div.contentSubBlock.folded>div.block_audio.foldable, div.contentSubBlock.folded>div.block_visua.foldable {
	border-left-color: #999999;
}

/* BLOCKS (CONTENT) : FIRST LOAD (BEHAVIOURS) */

div.contentSubBlock.firstLoadKO div.firstLoad .loadingOK,
div.contentSubBlock:not(.firstLoadKO) div.firstLoad .loadingKO {
	display: none;
}

/* BLOCKS (CONTENT) : TEXT */

div.contentBlock div.title {
	font-style: normal;
	font-size: 20px;
	line-height: 20px;
	margin: 2px 0px;
}
div.contentBlock div.title.pause::before {
	content: "\26a0\00a0";
	font-size: 25px;
	float: left;
	color: red;
}
div.contentBlock div.title a.url {
	width: 16px;
	height: 16px;
	display: inline-block;
	opacity: 0.01;
	background: #333333;
	mask: url("assets/images/bookmark.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/bookmark.svg") no-repeat center / contain;
}
div.contentBlock div.title a.url:hover {
	opacity: 1.00;
}

div.contentBlock div.title.size-text {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	margin: 4px 0px;
}
div.contentBlock div.title.size-bar {
	width: 120px;
	height: 12px;
	font-size: 10px;
	line-height: 12px;
	margin: 6px 15px 6px 0px;
	background: #dddddd;
	overflow: hidden;
}
div.contentBlock div.title.size-bar>div.progress {
	display: inline-block;
	width: 80px;
	height: 12px;
	line-height: 12px;
	background: #333333;
	position: relative;
}
div.contentBlock div.title.size-bar.inprogress>div.progress {
	background: #1b92e2;
}
div.contentBlock div.title.size-bar.inprogress>div.progress.progressarrow::before {
	content: "";
	position: absolute;
	right: -3px;
	bottom: 0px;
	width: 0px;
	height: 0px;
	border-left: #1b92e2 solid 3px;
	border-top: transparent solid 6px;
	border-bottom: transparent solid 6px;
}
div.contentBlock div.title.size-bar.unknownprogress>div.progress {
	background: linear-gradient(to right, transparent, #1b92e2, transparent);
}
div.contentBlock div.title.size-bar.size-ok>div.progress {
	background: #33a46d;
}
div.contentBlock div.title.size-bar.size-kk>div.progress {
	background: #ffb400;
}
div.contentBlock div.title.size-bar.size-ko>div.progress {
	background: #cd3c14;
}

div.contentBlock div.text {
	/* font-style: normal; */
	/* font-weight: normal; */
}
div.contentBlock div.details {
	font-size: 13px;
}
div.contentBlock div.text + div.details {
	margin-top: 5px;
}
div.contentBlock div.subtext {
	font-size: 0.75em;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
}
div.contentBlock div.title.indent-1:not(.float-right),
div.contentBlock div.text.indent-1:not(.float-right),
div.contentBlock div.subtext.indent-1:not(.float-right) {
	margin-left: 37px;
	padding-left: 10px;
}
div.contentBlock div.title.indent-2:not(.float-right),
div.contentBlock div.text.indent-2:not(.float-right),
div.contentBlock div.subtext.indent-2:not(.float-right) {
	margin-left: 63px;
	padding-left: 10px;
}


/* BLOCKS (CONTENT) : TEXT (ANIMATION) */

div.contentBlock div.title.animated,
div.contentBlock div.text.animated,
div.contentBlock div.subtext.animated {
	transition: margin-left 200ms ease-in-out;
}

/* BLOCKS (CONTENT) : SELECTBAR */

div.more>span.select-bar {
	position: absolute;
	top: -31px;
	left: 3px;
	background: #ffffff;
	padding: 0 0 0 0;
	border: #aaaaaa solid 2px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: solid 1px #ffffff;
}
div.more>span.select-bar>div.button {
	float: left;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0 5px;
	width: 20px;
	height: 20px;
	padding-top: 8px;
	transition: background 200ms ease-in-out;
	cursor: pointer;
	background: #333333;
}
div.more>span.select-bar>div.button:last-of-type {
	margin: 0 5px 0 5px;
}
div.more>span.select-bar>div.button.button-disabled {
	background: #aaaaaa;
	cursor: default;
}
div.more>span.select-bar>div.button:not(.button-disabled):hover {
	background: #8151c9;
}
div.more>span.select-bar>div.button.deleteAll {
	mask: url("assets/images/delete.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/delete.svg") no-repeat center / contain;
}
div.more>span.select-bar>div.button.downloadAll {
	mask: url("assets/images/download.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/download.svg") no-repeat center / contain;
}
div.more>span.select-bar>div.button.waitAll {
	mask: url("assets/images/wait.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/wait.svg") no-repeat center / contain;
	cursor: default;
}

/* BLOCKS (CONTENT) : SELECTBAR (ANIMATION) */

div.more>span.select-bar.animated {
	transition: opacity 200ms ease-in-out;
}
div.more>span.select-bar.showing,
div.more>span.select-bar.hiding {
	overflow-y: hidden;
}
div.more>span.select-bar.hiding {
	opacity: 0.01;
	height: 1px;
}
div.more>span.select-bar.showing {
	opacity: 1.00;
}

/* BLOCKS (CONTENT) : STATUSBAR */

div.status-bar {
	margin-left: 10px;
	margin-top: 3px;
	font-size: 0.7em;
	color: #666666;
}
div.status-bar.float-left {
	margin-right: 10px;
}
div.status-bar.float-right {
	margin-left: 10px;
}

div.contentSubBlock div.status-bar#refreshInprogressFilesDate,
div.contentSubBlock div.status-bar#refreshFinishedFilesDate,
div.contentSubBlock div.status-bar#refreshRemoteFilesDate {
	font-size: 14px;
	min-width: 1px;
	height: 16px;
	vertical-align: bottom;	
}
div.contentSubBlock div.status-bar div.hourglass {
	display: inline-block;
	width: 16px;
	height: 18px;
	margin-top: 3px;
	margin-bottom: -4px;
	margin-right: 5px;
	background: #aaaaaa;
	mask: url("assets/images/time.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/time.svg") no-repeat center / contain;
}
div.contentSubBlock div.block_inprogressfiles_info:hover div.status-bar div.hourglass,
div.contentSubBlock div.block_finishedfiles_info:hover div.status-bar div.hourglass,
div.contentSubBlock div.block_remotefiles_info:hover div.status-bar div.hourglass {
	animation: blinking 2s linear infinite;
}

/* BLOCKS (CONTENT) : ACTION BUTTONS */

div.contentSubBlock div.foldedBlock div.action,
div.contentSubBlock div.status-bar div.action {
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
}
div.contentSubBlock div.foldedBlock span.splitter {
	margin: 0px 5px;
	color: #aaaaaa;
}
div.contentSubBlock div.status-bar div.action {
	margin-left: 10px;
}
div.contentSubBlock#contentSubBlock_debugmsg.debugmsg_success div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_debugmsg.debugmsg_success div.status-bar div.action {
	color: #aaaaaa;
}
div.contentSubBlock#contentSubBlock_debugmsg.debugmsg_warning div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_debugmsg.debugmsg_warning div.status-bar div.action {
	color: #ffffff;
}
div.contentSubBlock#contentSubBlock_debugmsg.debugmsg_error div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_debugmsg.debugmsg_error div.status-bar div.action {
	color: #cd3c14;
}
div.contentSubBlock#contentSubBlock_actionmsg.actionmsg_success div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_actionmsg.actionmsg_success div.status-bar div.action {
	color: #33a46d;
}
div.contentSubBlock#contentSubBlock_actionmsg.actionmsg_warning div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_actionmsg.actionmsg_warning div.status-bar div.action {
	color: #755300;
}
div.contentSubBlock#contentSubBlock_actionmsg.actionmsg_error div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_actionmsg.actionmsg_error div.status-bar div.action {
	color: #cd3c14;
}
div.contentSubBlock#contentSubBlock_inprogressfiles div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.status-bar div.action {
	color: #1b92e2;
}
div.contentSubBlock#contentSubBlock_finishedfiles div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.status-bar div.action {
	color: #8151c9;
}
div.contentSubBlock#contentSubBlock_remotefiles div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.status-bar div.action {
	color: #8151c9;
}

/* BLOCKS (CONTENT) : ACTION BUTTONS (NBTRIES COLORS) */

div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries] div.status-bar div.action {
	color: #cd3d14;
}
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="0"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="0"] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="1"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="1"] div.status-bar div.action {
	color: #1b92e2;
}
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="0"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="0"] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="1"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="1"] div.status-bar div.action {
	color: #8151c9;
}
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="0"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="0"] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="1"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="1"] div.status-bar div.action {
	color: #8151c9;
}

div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="2"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="2"] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="3"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="3"] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="4"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="4"] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="5"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="5"] div.status-bar div.action {
	color: #755300;
}
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="2"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="2"] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="3"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="3"] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="4"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="4"] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="5"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="5"] div.status-bar div.action {
	color: #755300;
}
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="2"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="2"] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="3"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="3"] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="4"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="4"] div.status-bar div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="5"] div.foldedBlock div.action,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="5"] div.status-bar div.action {
	color: #755300;
}

/* BLOCKS (CONTENT) : STATUSBAR (TOKENS) */

div.status-bar#profileTokens {
	padding: 3px 0px 0px 0px;
	margin: 2px 0px -7px 0px;
	background: #ffffff;
	border-radius: 10px;
	opacity: 1.0; 
	display: inline-block;
}
div.status-bar#profileTokens div.token {
	width: 8px;
	height: 14px;
	margin: 2px 0px 0px -2px;
	border-radius: 3px / 7px;
	display: inline-block;
	background: #cccccc;
	border: solid 1px #aaaaaa;
	box-shadow: inset -2px 0px 1px 1px rgba(255,255,255,0.7);
}
div.status-bar#profileTokens div.token div.top-token {
	width: 5px;
	height: 14px;
	margin: 0px 0px 0px 2px;
	border-radius: 3px / 7px;
	background: #dddddd;
	border-left: solid 1px #aaaaaa;
}

div.status-bar#profileTokens div.token.on {
	background: #ffdd66;
	border: solid 1px #ddbb44;
}
div.status-bar#profileTokens div.token.on div.top-token {
	background: #ffee77;
	border-left: solid 1px #ddbb44;
}

div.status-bar.warning#profileTokens div.token.on {
	background: #ff7777;
	border: solid 1px #dd1111;
}
div.status-bar.warning#profileTokens div.token.on div.top-token {
	background: #ff9999;
	border-left: solid 1px #dd1111;
}

div.status-bar#profileTokens div.token-text {
	display: inline-block;
	font-size: 14px;
	min-width: 1px;
	height: 16px;
	vertical-align: bottom;
	margin: 0px 5px 2px 5px;
}

/* BLOCKS (CONTENT) SUBBLOCKS */

div.more {
	margin: 10px 0 0 0;
	font-weight: normal;
	line-height: 2em;
	margin-bottom: 3px;
	position: relative;
	border-top: solid 2px #aaaaaa;
	border-bottom: solid 2px #aaaaaa;
}
div.more.nobordertop {
	border-top: none;
}
div.more.noborderbottom {
	border-bottom: none;
}
div.more>div.back {
	border-bottom: solid 1px #aaaaaa;
	background: #ffffff;
}
div.more.folder>div.back:last-of-type {
	border-bottom: none;
}
div.more:not(.folder)>div.back:last-of-type {
	border-bottom: none;
}
div.more>div.back:hover {
	background-color: #efefef;
	transition: background 200ms ease-in-out;
}
div.more>div.back>div.item {
	padding: 2px 10px;
	transition: background 200ms ease-in-out;
}
div.more>div.back>div.item.failed {
	/*color: #efbdaf;*/
	color: #cd3c14;
}
div.more>div.back>div.item>div.text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 5px;
}
div.more>div.back>div.item>div.text.italic {
	font-style: italic;
}
div.more>div.back>div.item>div.text.strike {
	text-decoration: line-through;
}

/* BLOCKS (CONTENT) SUBBLOCKS : SIZE/SPEED */

div.more>div.back>div.item>div.size,
div.more>div.back>div.item>div.sizeonly,
div.more>div.back>div.item>div.speed {
	font-style: normal;
	font-weight: bold;
	float: right;
	padding-left: 20px;
	padding-right: 5px;
}
div.more>div.back>div.item>div.speed {
	display: none;
}
div.more>div.back:hover>div.item>div.size {
	display: none;
}
div.more>div.back:hover>div.item>div.speed {
	display: block;
}

/* BLOCKS (CONTENT) SUBBLOCKS : BUTTON */

div.more>div.back>div.item>div.checkbox {
	padding: 10px 5px 0 0;
}
div.more>div.back>div.item>div.checkbox>input[type=checkbox] {
	margin: 0px;
	-webkit-appearance: none;
	background: #aaaaaa;
	mask: url("assets/images/checkboxOff.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/checkboxOff.svg") no-repeat center / contain;
	display: inline-block;
	position: relative;
	top: -4px;
	left: 0px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	transition: background 200ms ease-in-out;
	outline: none;
}
div.more>div.back>div.item>div.mark,
div.more>div.back>div.item>div.button {
	font-style: normal;
	font-weight: bold;
	width: 20px;
	height: 20px;
	transition: background 200ms ease-in-out;
	cursor: pointer;
}
div.more>div.back>div.item>div.mark {
	margin-left: 5px;
	padding: 12px 0 0 0;
	background: #aaaaaa;
	mask: url("assets/images/mark.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/mark.svg") no-repeat center / contain;
}
div.more>div.back>div.item>div.button {
	padding-top: 12px;
	background: #333333;
}
div.more>div.back>div.item>div.button.float-left {
	margin-right: 5px;
}
div.more>div.back>div.item>div.button.float-right {
	margin-left: 15px;
}

div.more>div.back>div.item>div.checkbox>input[type=checkbox]:checked {
	background: #333333;
	mask: url("assets/images/checkboxOn.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/checkboxOn.svg") no-repeat center / contain;
}
div.block_inprogressfiles_info div.more>div.back>div.item>div.button.button-disabled {
	background: #aaaaaa;
	cursor: default;
}
div.block_inprogressfiles_info div.more>div.back>div.item>div.checkbox>input[type=checkbox]:hover,
div.block_inprogressfiles_info div.more>div.back>div.item>div.mark:hover,
div.block_inprogressfiles_info div.more>div.back>div.item>div.button:not(.button-disabled):hover {
	background: #1b92e2;
}
div.block_inprogressfiles_info div.more>div.back>div.item.failed>div.checkbox>input[type=checkbox]:hover,
div.block_inprogressfiles_info div.more>div.back>div.item.failed>div.mark:hover,
div.block_inprogressfiles_info div.more>div.back>div.item.failed>div.button:not(.button-disabled):hover {
	background: #cd3c14;
}
div.block_finishedfiles_info div.more>div.back>div.item>div.checkbox>input[type=checkbox]:hover,
div.block_finishedfiles_info div.more>div.back>div.item>div.mark:hover,
div.block_finishedfiles_info div.more>div.back>div.item>div.button:not(.button-disabled):hover {
	background: #8151c9;
}
div.block_remotefiles_info div.more>div.back>div.item>div.checkbox>input[type=checkbox]:hover,
div.block_remotefiles_info div.more>div.back>div.item>div.mark:hover,
div.block_remotefiles_info div.more>div.back>div.item>div.button:not(.button-disabled):hover {
	background: #8151c9;
}

div.more>div.back>div.item>div.button.archive {
	mask: url("assets/images/archive.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/archive.svg") no-repeat center / contain;
}
div.more>div.back>div.item>div.button.cancel {
	mask: url("assets/images/cancel.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/cancel.svg") no-repeat center / contain;
}
div.more>div.back>div.item>div.button.delete {
	mask: url("assets/images/delete.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/delete.svg") no-repeat center / contain;
}
div.more>div.back>div.item>div.button.download {
	mask: url("assets/images/download.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/download.svg") no-repeat center / contain;
}
div.more>div.back>div.item>div.button.folder {
	mask: url("assets/images/folder.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/folder.svg") no-repeat center / contain;
}
div.more>div.back>div.item>div.button.info {
	mask: url("assets/images/info.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/info.svg") no-repeat center / contain;
}
div.more>div.back>div.item>div.button.rename {
	mask: url("assets/images/rename.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/rename.svg") no-repeat center / contain;
}
div.more>div.back>div.item>div.button.resume {
	mask: url("assets/images/resume.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/resume.svg") no-repeat center / contain;
}
div.more>div.back>div.item>div.button.stream {
	mask: url("assets/images/stream.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/stream.svg") no-repeat center / contain;
}
div.more>div.back>div.item>div.button.wait {
	mask: url("assets/images/wait.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/wait.svg") no-repeat center / contain;
	cursor: default;
}

/* BLOCKS (CONTENT) SUBBLOCKS : PROGRESS */

div.block_inprogressfiles_info div.more>div.back>div.item>div.progress-bar {
	background: #eaf5ff;
	width: 100%;
	overflow: hidden;
	height: 4px;
	border: #ffffff solid 1px;
	outline: #aaaaaa 1px solid;
}
div.block_inprogressfiles_info div.more>div.back>div.item:hover>div.progress-bar {
	background: #ffffff;
}
div.block_inprogressfiles_info div.more>div.back>div.item>div.progress-bar>div.progress {
	background: #1b92e2;
	height: 4px;
}

/* BLOCKS (CONTENT) SUBBLOCKS : STREAM */

div.block_video:empty,
div.block_audio:empty,
div.block_visua:empty {
	display: none;
}
div.block_video video {
	width: 80%;
	padding: 10px 10%;
}
div.block_audio audio {
	width: 80%;
	padding: 0px 10%;
}

div.reload {
	background: #333333;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 15px;
	display: inline-block;
	float: right;
	margin: 0px;
}

/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (FIX ACTIONS) */

div.block_debugmsg_info div.fixaction,
div.block_actionmsg_info div.fixaction,
div.block_inprogressfiles_info div.fixaction,
div.block_finishedfiles_info div.fixaction,
div.block_remotefiles_info div.fixaction {
	font-size: 14px;
	font-weight: bold;
	padding: 3px 10px;
	margin-left: 10px;
	margin-top: -1px;
	border-radius: 3px;
	cursor: pointer;
}

/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (FIX ACTIONS) - COLORS */

div.block_debugmsg_info.block_success_msg div.fixaction {
	background-color: #aaaaaa;
	color: #ffffff;
}
div.block_debugmsg_info.block_warning_msg div.fixaction {
	background-color: #ffb400;
	color: #755300;
}
div.block_debugmsg_info.block_error_msg div.fixaction {
	background-color: #cd3c14;
	color: #ffffff;
}
div.block_actionmsg_info.block_success_msg div.fixaction {
	background-color: #33a46d;
	color: #ffffff;
}
div.block_actionmsg_info.block_warning_msg div.fixaction {
	background-color: #ffb400;
	color: #755300;
}
div.block_actionmsg_info.block_error_msg div.fixaction {
	background-color: #cd3c14;
	color: #ffffff;
}

/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (FIX ACTIONS) - NBTRIES COLORS */

div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries] div.fixaction,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries] div.fixaction,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries] div.fixaction {
	background-color: #cd3c14;
	color: #ffffff;
}
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="0"] div.fixaction,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="1"] div.fixaction {
	background-color: #1b92e2;
	color: #ffffff;
}
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="0"] div.fixaction,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="1"] div.fixaction {
	background-color: #8151c9;
	color: #ffffff;
}
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="0"] div.fixaction,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="1"] div.fixaction {
	background-color: #8151c9;
	color: #ffffff;
}

div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="2"] div.fixaction,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="3"] div.fixaction,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="4"] div.fixaction,
div.contentSubBlock#contentSubBlock_inprogressfiles div.block_inprogressfiles_info[nbTries="5"] div.fixaction {
	background-color: #ffb400;
	color: #755300;
}
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="2"] div.fixaction,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="3"] div.fixaction,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="4"] div.fixaction,
div.contentSubBlock#contentSubBlock_finishedfiles div.block_finishedfiles_info[nbTries="5"] div.fixaction {
	background-color: #ffb400;
	color: #755300;
}
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="2"] div.fixaction,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="3"] div.fixaction,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="4"] div.fixaction,
div.contentSubBlock#contentSubBlock_remotefiles div.block_remotefiles_info[nbTries="5"] div.fixaction {
	background-color: #ffb400;
	color: #755300;
}









/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (FILE INFOS) */

div.block_actionmsg_info div.more div.fileInfos.warningsign::before {
	content: "\26a0\00a0";
	color: #cd3c14;
}
div.block_actionmsg_info div.more div.text.fileInfos {
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.block_actionmsg_info div.more div.fileInfos span.unknown {
	font-style: italic;
}
div.block_actionmsg_info div.more div.fileInfos span.fileName {
	font-weight: bold;
}
div.block_actionmsg_info div.more div.fileInfos span.splitter {
	margin: 0px 10px;
	color: #aaaaaa;
}
div.block_actionmsg_info div.more div.fileInfos span.fileLink {
	text-decoration: underline;
}
div.block_actionmsg_info div.more div.fileInfos span.fileLink:not(.unknown) {
	cursor: pointer;
}

/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (FILE INFOS) - COLORS */

div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileName,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileSize,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink {
	color: #333333;
}
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink a,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink a:visited,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink a:hover,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink a:focus,
div.block_actionmsg_info.block_success_msg div.more div.fileInfos span.fileLink a:active {
	color: #333333 !important;
}
	
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileName,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileSize,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink {
	color: #aaaaaa;
}
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink a,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink a:visited,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink a:hover,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink a:focus,
div.block_actionmsg_info.block_warning_msg div.more div.fileInfos span.fileLink a:active {
	color: #aaaaaa !important;
}
	
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileName,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileSize,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink {
	color: #aaaaaa;
}
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink a,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink a:visited,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink a:hover,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink a:focus,
div.block_actionmsg_info.block_error_msg div.more div.fileInfos span.fileLink a:active {
	color: #aaaaaa !important;
}
	
/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (DEBUG TABLE) */

div.block_debugmsg_info div.more table.debug,
div.block_actionmsg_info div.more table.debug {
	border-collapse: collapse;
	width: 100%;
	font-size: 13px;
	line-height: normal;
	vertical-align: baseline;
}
div.block_debugmsg_info div.more table.debug thead tr td.debugtitle,
div.block_actionmsg_info div.more table.debug thead tr td.debugtitle {
	position: relative;
	width: 40px;
	padding: 5px 20px 5px 35px;
	cursor: pointer;
	font-weight: bold;
}
div.block_debugmsg_info div.more table.debug thead tr td.debugtitle div.flag,
div.block_actionmsg_info div.more table.debug thead tr td.debugtitle div.flag {
	position: absolute;
	top: 1px;
	left: 15px;
	font-weight: normal;
    font-size: 19px;
	padding: 0px;
	margin: 0px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg); 
	transform: rotate(90deg);
	transition: transform 200ms ease-in-out, left 200ms ease-in-out;
}
div.block_debugmsg_info div.more table.debug.expanded thead tr td.debugtitle div.flag,
div.block_actionmsg_info div.more table.debug.expanded thead tr td.debugtitle div.flag {
	left: 12px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: transform 200ms ease-in-out, left 200ms ease-in-out;
}
div.block_debugmsg_info div.more table.debug tr td,
div.block_actionmsg_info div.more table.debug tr td {
	vertical-align: baseline;
}
div.block_debugmsg_info div.more table.debug tbody tr td:first-of-type,
div.block_actionmsg_info div.more table.debug tbody tr td:first-of-type {
    padding: 5px 0px 5px 10px;
	font-weight: bold;
}
div.block_debugmsg_info div.more table.debug thead tr td,
div.block_actionmsg_info div.more table.debug thead tr td {
	padding: 5px 10px 5px 10px;
}
div.block_debugmsg_info div.more table.debug:not(.expanded) tbody,
div.block_actionmsg_info div.more table.debug:not(.expanded) tbody {
	display: none;
}
div.block_debugmsg_info div.more table.debug tbody tr td,
div.block_actionmsg_info div.more table.debug tbody tr td {
	padding: 5px 5px 5px 10px;
}
div.block_debugmsg_info div.more table.debug tbody tr.hr td,
div.block_actionmsg_info div.more table.debug tbody tr.hr td {
	height: 1px;
	padding: 0px;
}
div.block_debugmsg_info div.more table.debug tbody tr td div.debugcell,
div.block_actionmsg_info div.more table.debug tbody tr td div.debugcell {
	font-family: monospace;
	word-break: break-all;
	white-space: break-spaces;
	max-height: 75px;
	overflow: auto;
}
div.block_debugmsg_info div.more table.debug tbody tr td div.debugcell.small,
div.block_actionmsg_info div.more table.debug tbody tr td div.debugcell.small {
	max-height: 30px;
}
div.block_debugmsg_info div.more table.debug tbody tr td div.debugcell.large,
div.block_actionmsg_info div.more table.debug tbody tr td div.debugcell.large {
	max-height: 150px;
}

/* BLOCKS (CONTENT) SUBBLOCKS : DEBUG MESSAGE (DEBUG TABLE) - SUCCESS COLORS */

div.block_debugmsg_info.block_success_msg div.more table.debug {
	color: #333333;
}
div.block_debugmsg_info.block_success_msg div.more table.debug thead tr td.debugtitle {
	color: #ffffff;
	background-color: #aaaaaa;
}
div.block_debugmsg_info.block_success_msg div.more table.debug thead tr td.debugtitle div.flag {
    text-shadow: 0px 0px 1px #000000;
}
div.block_debugmsg_info.block_success_msg div.more table.debug thead tr td {
	background-color: #cccccc;
}
div.block_debugmsg_info.block_success_msg div.more table.debug tbody tr td {
	background-color: #eeeeee;
}
div.block_debugmsg_info.block_success_msg div.more table.debug tbody tr.hr td {
	background-color: #cccccc;
}

/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (DEBUG TABLE) - SUCCESS COLORS */

div.block_actionmsg_info.block_success_msg div.more table.debug {
	color: #14663e;
}
div.block_actionmsg_info.block_success_msg div.more table.debug thead tr td.debugtitle {
	color: #ffffff;
	background-color: #33a46d;
}
div.block_actionmsg_info.block_success_msg div.more table.debug thead tr td.debugtitle div.flag {
    text-shadow: 0px 0px 1px #000000;
}
div.block_actionmsg_info.block_success_msg div.more table.debug thead tr td {
	background-color: #c1e4d3;
}
div.block_actionmsg_info.block_success_msg div.more table.debug tbody tr td {
	background-color: #dcf5e9;
}
div.block_actionmsg_info.block_success_msg div.more table.debug tbody tr.hr td {
	background-color: #c1e4d3;
}

/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (DEBUG TABLE) - WARNING COLORS */

div.block_debugmsg_info.block_warning_msg div.more table.debug,
div.block_actionmsg_info.block_warning_msg div.more table.debug {
	color: #755300;
}
div.block_debugmsg_info.block_warning_msg div.more table.debug thead tr td.debugtitle,
div.block_actionmsg_info.block_warning_msg div.more table.debug thead tr td.debugtitle {
	color: #755300;
	background-color: #ffb400;
}
div.block_debugmsg_info.block_warning_msg div.more table.debug thead tr td.debugtitle div.flag,
div.block_actionmsg_info.block_warning_msg div.more table.debug thead tr td.debugtitle div.flag {
    text-shadow: 0px 0px 1px #ffffff;
}
div.block_debugmsg_info.block_warning_msg div.more table.debug thead tr td,
div.block_actionmsg_info.block_warning_msg div.more table.debug thead tr td {
	background-color: #ffe19a;
}
div.block_debugmsg_info.block_warning_msg div.more table.debug tbody tr td,
div.block_actionmsg_info.block_warning_msg div.more table.debug tbody tr td {
	background-color: #fff4db;
}
div.block_debugmsg_info.block_warning_msg div.more table.debug tbody tr.hr td,
div.block_actionmsg_info.block_warning_msg div.more table.debug tbody tr.hr td {
	background-color: #ffe19a;
}

/* BLOCKS (CONTENT) SUBBLOCKS : ACTION MESSAGE (DEBUG TABLE) - ERROR COLORS */

div.block_debugmsg_info.block_error_msg div.more table.debug,
div.block_actionmsg_info.block_error_msg div.more table.debug {
	color: #7c2209;
}
div.block_debugmsg_info.block_error_msg div.more table.debug thead tr td.debugtitle,
div.block_actionmsg_info.block_error_msg div.more table.debug thead tr td.debugtitle {
	color: #ffffff;
	background-color: #cd3c14;
}
div.block_debugmsg_info.block_error_msg div.more table.debug thead tr td.debugtitle div.flag,
div.block_actionmsg_info.block_error_msg div.more table.debug thead tr td.debugtitle div.flag {
    text-shadow: 0px 0px 1px #000000;
}
div.block_debugmsg_info.block_error_msg div.more table.debug thead tr td,
div.block_actionmsg_info.block_error_msg div.more table.debug thead tr td {
	background-color: #efbdaf;
}
div.block_debugmsg_info.block_error_msg div.more table.debug tbody tr td,
div.block_actionmsg_info.block_error_msg div.more table.debug tbody tr td {
	background-color: #f8e3de;
}
div.block_debugmsg_info.block_error_msg div.more table.debug tbody tr.hr td,
div.block_actionmsg_info.block_error_msg div.more table.debug tbody tr.hr td {
	background-color: #efbdaf;
}

/* BLOCKS (CONTENT) SUBBLOCKS : DEBUG */

table.debug-bar {
}
table.debug-bar div.debug_button {
	margin-top: 10px;
}
table.debug-bar div.debug_text {
	margin-top: 10px;
	max-height: 60px;
	overflow: auto;
	line-height: 15px;
	font-size: 12px;
}

/* FRAME BUTTONS (TOP) */

div.topbar.profile {
	position: fixed;
	top: 0px;
	left: calc(50% + 0px);
	transform: translateX(-50%);
	font-weight: 700;
	padding: 5px 20px 5px 20px;
	background: #eeeeee;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border: #666666 solid 1px;
	border-top: none;
	color: #666666;
	cursor: default;
}

/* FRAME BUTTONS (TOP+BOTTOM) */

a.mainbutton {
	position: fixed;
	background: #aaaaaa;
	width: 20px;
	height: 20px;
	cursor: pointer;
	transition: all 200ms ease-in-out;
	box-shadow: 0px 0px 10px #eeeeee;
	border-radius: 5px;
	padding: 5px;
}
a.mainbutton.debug {
	mask: url("assets/images/debug.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/debug.svg") no-repeat center / contain;
}
a.mainbutton:hover {
	background: #666666;
}

/* BLOCKS : CORNER */

div a.corner {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	right: -12px;
	top: -12px;
	border-bottom-left-radius: 12px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
	font-weight: bold;
	color: rgba(255,255,255,0);
	text-decoration: none;
	transition: all 200ms ease-in-out;
}
div a.corner:hover {
	right: 0;
	top: 0;
	color: #ffffff;
	text-decoration: none;
}
div.block_warning_msg a.corner {
	background-color: #ffb400 !important;
}
div.block_error_msg a.corner {
	background-color: #cd3c14 !important;
}
div.block_debugmsg_info a.corner {
	background-color: #aaaaaa;
}
div.block_actionmsg_info a.corner {
	background-color: #33a46d;
}
div.block_video a.corner,
div.block_audio a.corner,
div.block_visua a.corner {
	background-color: #88cc88;
}
div.block_inprogressfiles_info a.corner {
	background-color: #1b92e2;
}

/* JQUERY-UI (DIALOG) */

div.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .1;
}
div.ui-dialog.ui-widget.ui-widget-content {
	border-radius: 15px;
	border: none;
	padding: 0px;
	box-shadow: 0px 3px 5px 1px #999999;
}

/* JQUERY-UI (DIALOG) : TITLE (COMMON) */

div.ui-dialog div.ui-dialog-titlebar {
	padding: 10px 15px 10px 15px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border: none;
	background: #333333;
	color: #ffffff;
}

/* JQUERY-UI (DIALOG) : TITLE (SPECIFIC) */

div.ui-dialog.credentials div.ui-dialog-titlebar {
	background-image: linear-gradient(to right, #333333, #999999);
}
/*
div.ui-dialog.archive div.ui-dialog-titlebar {
	background: #ff9933;
}
div.ui-dialog.cancel div.ui-dialog-titlebar {
	background: #cc3333;
}
div.ui-dialog.config div.ui-dialog-titlebar {
	background: #227733;
}
div.ui-dialog.delete div.ui-dialog-titlebar {
	background: #cc3333;
}
div.ui-dialog.download div.ui-dialog-titlebar {
	background: #4488ff;
}
div.ui-dialog.rename div.ui-dialog-titlebar {
	background: #4488ff;
}
div.ui-dialog.stream div.ui-dialog-titlebar {
	background: #4488ff;
}
div.ui-dialog.warning div.ui-dialog-titlebar {
	background: #ff9933;
}
div.ui-dialog.profile div.ui-dialog-titlebar {
	background: #227733;
}
div.ui-dialog.inject div.ui-dialog-titlebar {
	background: #227733;
}
div.ui-dialog.upload div.ui-dialog-titlebar {
	background: #227733;
}
div.ui-dialog.maintenance div.ui-dialog-titlebar {
	background: #ff9933;
}
*/

/* JQUERY-UI (DIALOG) : TITLE BUTTONS */

div.ui-dialog div.ui-dialog-titlebar .ui-dialog-titlebar-close {
	right: 10px;
	background-color: #ffffff;
	mask: url(./assets/images/cancel.svg) no-repeat center / contain;
	-webkit-mask: url(./assets/images/cancel.svg) no-repeat center / contain;
	transition: transform 200ms ease-in-out;
}
div.ui-dialog div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
	transform: rotate(180deg);
}
div.ui-dialog div.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
	display: none;
}
/*
div.ui-dialog div.ui-dialog-titlebar button.default,
div.ui-dialog div.ui-dialog-titlebar button:active {
	border: none;
	font-weight: normal;
	color: #ffffff;
}
div.ui-dialog.archive div.ui-dialog-titlebar button.default,
div.ui-dialog.archive div.ui-dialog-titlebar button:active {
	background: #ff9933;
}
div.ui-dialog.cancel div.ui-dialog-titlebar button.default,
div.ui-dialog.cancel div.ui-dialog-titlebar button:active {
	background: #cc3333;
}
div.ui-dialog.config div.ui-dialog-titlebar button.default,
div.ui-dialog.config div.ui-dialog-titlebar button:active {
	background: #227733;
}
div.ui-dialog.delete div.ui-dialog-titlebar button.default,
div.ui-dialog.delete div.ui-dialog-titlebar button:active {
	background: #cc3333;
}
div.ui-dialog.download div.ui-dialog-titlebar button.default,
div.ui-dialog.download div.ui-dialog-titlebar button:active {
	background: #4488ff;
}
div.ui-dialog.rename div.ui-dialog-titlebar button.default,
div.ui-dialog.rename div.ui-dialog-titlebar button:active {
	background: #4488ff;
}
div.ui-dialog.stream div.ui-dialog-titlebar button.default,
div.ui-dialog.stream div.ui-dialog-titlebar button:active {
	background: #4488ff;
}
div.ui-dialog.warning div.ui-dialog-titlebar button.default,
div.ui-dialog.warning div.ui-dialog-titlebar button:active {
	background: #ff9933;
}
div.ui-dialog.profile div.ui-dialog-titlebar button.default,
div.ui-dialog.profile div.ui-dialog-titlebar button:active {
	background: #227733;
}
div.ui-dialog.inject div.ui-dialog-titlebar button.default,
div.ui-dialog.inject div.ui-dialog-titlebar button:active {
	background: #227733;
}
div.ui-dialog.upload div.ui-dialog-titlebar button.default,
div.ui-dialog.upload div.ui-dialog-titlebar button:active {
	background: #227733;
}
div.ui-dialog.maintenance div.ui-dialog-titlebar button.default,
div.ui-dialog.maintenance div.ui-dialog-titlebar button:active {
	background: #ff9933;
}
div.ui-dialog.credentials div.ui-dialog-titlebar button.default,
div.ui-dialog.credentials div.ui-dialog-titlebar button:active {
	background-image: linear-gradient(to right, #333333, #999999);
}
*/

/* JQUERY-UI (DIALOG) : CONTENT (COMMON) */

div.ui-dialog div.ui-dialog-content {
	font-family: Roboto, Verdana, sans-serif; /* font-family: Verdana,sans-serif; */
	font-weight: 300;
	padding: 20px 20px 0px 20px;
}
div.ui-dialog div.ui-dialog-content hr {
	background-color: #dddddd;
}
div.ui-dialog div.ui-dialog-content p {
	text-overflow: ellipsis;
	text-align: justify;
	margin: 0px 0px 10px 0px;
}
div.ui-dialog div.ui-dialog-content .error {
	color: #cd3c14;
}
div.ui-dialog div.ui-dialog-content>:last-child,
div.ui-dialog div.ui-dialog-content *>:last-child {
	margin-bottom: 0px;
}
div.ui-dialog div.ui-dialog-content table.infos {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	text-align: left;
}
div.ui-dialog div.ui-dialog-content table.infos thead tr th {
	padding: 5px 0px;
	border-bottom: #aaaaaa 2px solid;
}
div.ui-dialog div.ui-dialog-content table.infos tbody {
	font-size: small;
	max-height: 300px;
	overflow-y: auto;
	display: block;
}
div.ui-dialog div.ui-dialog-content table.infos tbody tr td {
	padding: 5px 15px;
	border-bottom: #aaaaaa 1px solid;
}
div.ui-dialog div.ui-dialog-content table.infos tbody tr:last-of-type td {
	border-bottom: #aaaaaa 2px solid;
}
div.ui-dialog div.ui-dialog-content table.infos tbody tr td.value {
	word-break: break-all;
}
div.ui-dialog div.ui-dialog-content table.infos tbody tr td.filename {
	word-break: break-all;
}
div.ui-dialog div.ui-dialog-content table.infos tbody tr td.filesize {
	white-space: nowrap;
	text-align: right;
}
div.ui-dialog div.ui-dialog-content table.infos tbody tr td.fillWidth {
	width: 100%;
}
div.ui-dialog div.ui-dialog-content input.field {
	outline: none;
	width: 95%;
	padding: 5px 10px;
	text-overflow: ellipsis;
	border: #aaaaaa 2px solid;
}
div.ui-dialog div.ui-dialog-content input.field:focus {
	outline: none;
}
div.ui-dialog div.ui-dialog-content input.field.readonly {
	background-color: #dddddd;
	color: #aaaaaa;
}

/* JQUERY-UI (DIALOG) : CONTENT (SPECIFIC) */

div.ui-dialog.download div.ui-dialog-content div.checkbox {
	float: left;
	padding: 10px 8px 0 0;
}
div.ui-dialog.download div.ui-dialog-content div.checkbox>input[type=checkbox] {
	margin: 0px;
	-webkit-appearance: none;
	background: #aaaaaa;
	mask: url("assets/images/checkboxOff.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/checkboxOff.svg") no-repeat center / contain;
	display: inline-block;
	position: relative;
	top: -4px;
	left: 0px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	transition: background 200ms ease-in-out;
	outline: none;
}
div.ui-dialog.download div.ui-dialog-content div.checkbox>input[type=checkbox]:checked {
	mask: url("assets/images/checkboxOn.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/checkboxOn.svg") no-repeat center / contain;
	transition: background 200ms ease-in-out;
}
div.ui-dialog.download div.ui-dialog-content div.checkbox>input[type=checkbox]:hover {
	background: #333333;
}

div.ui-dialog.rename div.ui-dialog-content input#filename {
	width: 75%;
	padding: 5px 10px;
	margin-right: 1.2%;
}
div.ui-dialog.rename div.ui-dialog-content input#fileext {
	width: 10%;
	padding: 5px 10px;
	margin-left: 1.2%;
}

div.ui-dialog.inject div.ui-dialog-content #injectLink {
	margin: 0px 0px 5px 0px;
}
div.ui-dialog.inject div.ui-dialog-content #message {
	display: block;
	overflow: hidden;
}
div.ui-dialog.inject div.ui-dialog-content #message.error p {
	text-align: left;
}
div.ui-dialog.inject div.ui-dialog-content #message.error p::before {
	content: "\26a0\00a0";
}
div.ui-dialog.inject div.ui-dialog-content #message,
div.ui-dialog.inject div.ui-dialog-content #info {
	margin: 0px 0px 0px 0px;
}

div.ui-dialog.upload div.ui-dialog-content #dropzone {
	text-align: center;
	width: calc(100% - 44px);
	border: #d3d3d3 dashed 2px;
	padding: 20px 20px;
	margin: 20px 0px 10px 0px;
	cursor: pointer;
	transition: border 200ms ease-in-out, background-color 200ms ease-in-out;
}
div.ui-dialog.upload div.ui-dialog-content #dropzone.dragndrop {
	border: #808080 dashed 2px;
	background-color: #d3d3d3;
	transition: border 200ms ease-in-out, background-color 200ms ease-in-out;
}
div.ui-dialog.upload div.ui-dialog-content #message.error {
	color: #cc0000;
	font-weight: bold;
}
div.ui-dialog.upload div.ui-dialog-content #message.error p {
	text-align: center;
}

/* JQUERY-UI (DIALOG) : BUTTONS (COMMON) */

div.ui-dialog div.ui-dialog-buttonpane {
	margin: 0px;
	padding: 20px 15px 15px 15px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border: none;
}
div.ui-dialog div.ui-dialog-buttonpane button {
	border-radius: 3px;
	margin: 0px 0px 0px 10px;
}
div.ui-dialog div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog div.ui-dialog-buttonpane button.default {
	border: #333333 solid 1px;
	font-weight: bold;
	background: #ffffff;
	color: #333333;
}
div.ui-dialog div.ui-dialog-buttonpane button.ui-state-disabled {
	border: #aaaaaa solid 1px;
	font-weight: bold;
	background: #dddddd;
	color: #aaaaaa;
}
div.ui-dialog div.ui-dialog-buttonpane button:not(.ui-state-disabled):active,
div.ui-dialog div.ui-dialog-buttonpane button:not(.ui-state-disabled):hover,
div.ui-dialog div.ui-dialog-buttonpane button:not(.ui-state-disabled).ui-state-active {
	text-decoration: underline;
	background: #333333;
	color: #ffffff;
	transition: background 200ms ease-in-out, color 200ms ease-in-out;
}

/* JQUERY-UI (DIALOG) : BUTTONS (SPECIFIC) */

div.ui-dialog.credentials div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.credentials div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.credentials div.ui-dialog-buttonpane button.default,
div.ui-dialog.credentials div.ui-dialog-buttonpane button:active {
	background-image: linear-gradient(to right, #333333, #999999);
}
/*
div.ui-dialog.archive div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.archive div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.archive div.ui-dialog-buttonpane button.default,
div.ui-dialog.archive div.ui-dialog-buttonpane button:active {
	background: #ff9933;
}
div.ui-dialog.cancel div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.cancel div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.cancel div.ui-dialog-buttonpane button.default,
div.ui-dialog.cancel div.ui-dialog-buttonpane button:active {
	background: #cc3333;
}
div.ui-dialog.config div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.config div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.config div.ui-dialog-buttonpane button.default,
div.ui-dialog.config div.ui-dialog-buttonpane button:active {
	background: #227733;
}
div.ui-dialog.delete div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.delete div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.delete div.ui-dialog-buttonpane button.default,
div.ui-dialog.delete div.ui-dialog-buttonpane button:active {
	background: #cc3333;
}
div.ui-dialog.download div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.download div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.download div.ui-dialog-buttonpane button.default,
div.ui-dialog.download div.ui-dialog-buttonpane button:active {
	background: #4488ff;
}
div.ui-dialog.rename div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.rename div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.rename div.ui-dialog-buttonpane button.default,
div.ui-dialog.rename div.ui-dialog-buttonpane button:active {
	background: #4488ff;
}
div.ui-dialog.stream div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.stream div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.stream div.ui-dialog-buttonpane button.default,
div.ui-dialog.stream div.ui-dialog-buttonpane button:active {
	background: #4488ff;
}
div.ui-dialog.warning div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.warning div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.warning div.ui-dialog-buttonpane button.default,
div.ui-dialog.warning div.ui-dialog-buttonpane button:active {
	background: #ff9933;
}
div.ui-dialog.profile div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.profile div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.profile div.ui-dialog-buttonpane button.default,
div.ui-dialog.profile div.ui-dialog-buttonpane button:active {
	background: #227733;
}
div.ui-dialog.inject div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.inject div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.inject div.ui-dialog-buttonpane button.default,
div.ui-dialog.inject div.ui-dialog-buttonpane button:active {
	background: #227733;
}
div.ui-dialog.upload div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.upload div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.upload div.ui-dialog-buttonpane button.default,
div.ui-dialog.upload div.ui-dialog-buttonpane button:active {
	background: #227733;
}
div.ui-dialog.maintenance div.ui-dialog-buttonpane button.ui-button,
div.ui-dialog.maintenance div.ui-dialog-buttonpane button.ui-state-active,
div.ui-dialog.maintenance div.ui-dialog-buttonpane button.default,
div.ui-dialog.maintenance div.ui-dialog-buttonpane button:active {
	background: #ff9933;
}
*/


/* JQUERY-UI : BUTTON BORDER */

div.ui-dialog button {
	border-radius: 15px;
	border: none;
}
div.ui-dialog button:focus,
div.ui-dialog button:hover {
	outline: none;
	border: none;
}

/* JQUERY-UI : PROFILE MANAGEMENT */

div.ui-dialog.profile #profile {
	font-size: 22px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	/*text-align: center;*/
}
div.ui-dialog.profile #profile {
	font-size: 22px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	/*text-align: center;*/
	float: left;
}

div.ui-dialog.profile #rights .right {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	background: #333333;
}
div.ui-dialog.profile #rights .major .right {
	background: #ed800a;
}
div.ui-dialog.profile #rights .major .value {
	font-weight: bold;
	color: #ed800a;
}
div.ui-dialog.profile #rights .major .value a {
    color: #ed800a;
	text-decoration: underline;
	cursor: pointer;
}
div.ui-dialog.profile #rights .right#right_admin {
	mask: url("assets/images/rights/admin.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/rights/admin.svg") no-repeat center / contain;
}
div.ui-dialog.profile #rights .right#right_archive {
	mask: url("assets/images/rights/archive.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/rights/archive.svg") no-repeat center / contain;
}
div.ui-dialog.profile #rights .right#right_delete {
	mask: url("assets/images/rights/delete.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/rights/delete.svg") no-repeat center / contain;
}
div.ui-dialog.profile #rights .right#right_download {
	mask: url("assets/images/rights/download.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/rights/download.svg") no-repeat center / contain;
}
div.ui-dialog.profile #rights .right#right_maintenance {
	mask: url("assets/images/rights/maintenance.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/rights/maintenance.svg") no-repeat center / contain;
}
div.ui-dialog.profile #rights .right#right_rename {
	mask: url("assets/images/rights/rename.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/rights/rename.svg") no-repeat center / contain;
}
div.ui-dialog.profile #rights .right#right_speed {
	mask: url("assets/images/rights/speed.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/rights/speed.svg") no-repeat center / contain;
}
div.ui-dialog.profile #rights .right#right_stream {
	mask: url("assets/images/rights/stream.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/rights/stream.svg") no-repeat center / contain;
}
div.ui-dialog.profile #rights .right#right_synchronize {
	mask: url("assets/images/rights/synchronize.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/rights/synchronize.svg") no-repeat center / contain;
}
div.ui-dialog.profile #rights .right#right_trigger {
	mask: url("assets/images/rights/inject.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/rights/inject.svg") no-repeat center / contain;
}
div.ui-dialog.profile #rights .right#right_upload {
	mask: url("assets/images/rights/upload.svg") no-repeat center / contain;
	-webkit-mask: url("assets/images/rights/upload.svg") no-repeat center / contain;
}

/* JQUERY-UI : RENAME CONFIG MANAGEMENT */

div.ui-dialog.config textarea#renameConfig, div.ui-dialog.config textarea#renameBackup {
	width: calc(100% - 32px);
	height: 480px;
	padding: 10px;
	margin: 5px;
	font-family: Courier New,Lucida Console;
	font-size: 12px;
	white-space: nowrap;
	overflow: auto;
}
div.ui-dialog.config textarea#renameBackup {
	display: none;
}
div.ui-dialog.config textarea.disabled {
	color: #cccccc;
}

/* JQUERY-UI : FOLDER MANAGEMENT */

#selectfolder_button {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 0px;
	height: 0px;
	opacity: 0;
	cursor: pointer;
}
#folderMenu {
	position: absolute;
	left: -1px;
	top: 36px;
	font-weight: normal;
	border: 1px solid #333333;
}
#folderMenu .ui-menu {
	border: 1px solid #333333;
}
#folderMenu .ui-menu-item {
	white-space: nowrap;
}
#folderMenu.hidden {
	display: none;
}
#folderMenu .ui-menu-divider {
	margin: 2px 10px;
	height: 0px;
	font-size: 0;
	line-height: 0;
	border: 1px solid #999999;
}
#folderMenu .ui-menu-item.gotofolder>.ui-menu-item-wrapper {
	width: calc(100% - 20px);
	padding: 3px 10px 3px 10px;
}
#folderMenu .ui-menu-item.parentfolder>.ui-menu-item-wrapper {
	width: calc(100% - 20px);
	padding: 3px 10px 3px 10px;
}

#folderMenu .ui-state-active,
#folderMenu .ui-widget-content .ui-state-active,
#folderMenu .ui-widget-header .ui-state-active,
#folderMenu .ui-button:active,
#folderMenu .ui-button:active,
#folderMenu .ui-button.ui-state-active:hover {
	border: none; /* 1px solid #333333 */
	background: #333333;
	color: #ffffff;
}
#folderMenu .ui-state-focus,
#folderMenu .ui-menu .ui-state-focus,
#folderMenu .ui-state-active,
#folderMenu .ui-menu .ui-state-active {
	margin: 0px; /* -1px */
}
#folderMenu .ui-menu-item.parentfolder {
	padding: 0px 0px 0px 0px;
}
#folderMenu .ui-menu-icon {
	display: none;
}

/* TOASTR MESSAGES */

div#toast-container.toast-bottom-right {
	right: 20px;
	bottom: 20px;
}
div#toast-container.toast-bottom-right > div.toast {
	opacity: 1;
	margin: 15px 0 0 0;
}

/* ANIMATIONS */

.progressSlide {
	animation: progressSliding 3s linear 1;
}
.blink {
	animation: blinking 2s linear infinite;
}
.rotate  {
	animation: rotating 5s linear infinite;
}
.unrotate  {
	animation: rotating 5s linear infinite reverse;
}

.rotate-5, .rotate-7, .rotate-10, .rotate-12, .rotate-15, .rotate-20,
.unrotate-5, .unrotate-7, .unrotate-10, .unrotate-12, .unrotate-15, .unrotate-20 {
	animation-name: rotating;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.unrotate-5, .unrotate-7, .unrotate-10, .unrotate-12, .unrotate-15, .unrotate-20 {
	animation-direction: reverse;
}
.rotate-5, .unrotate-5 {
	animation-duration: 5s;
}
.rotate-7, .unrotate-7 {
	animation-duration: 7s;
}
.rotate-10, .unrotate-10 {
	animation-duration: 10s;
}
.rotate-12, .unrotate-12 {
	animation-duration: 12s;
}
.rotate-15, .unrotate-15 {
	animation-duration: 15s;
}
.rotate-20, .unrotate-20 {
	animation-duration: 20s;
}
.paused {
	animation-play-state: paused;
}

@keyframes progressSliding {
	0% {
		margin-left: -50%;
	}
	100% {
		margin-left: 100%;
	}
}

@keyframes rotating {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes unrotating {
	from {
		transform: rotate(360deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@keyframes blinking {
	50% {
		opacity: 0.2;
	}
}