*{
	box-sizing: border-box;
}
body {
	color: #000000;
	font: 12px tahoma;
	background: #5a8198;
	margin: 0;
	padding: 0;
}
.frameset {
	display: flex;
}
.frameset .menu-frame {
	width: 190px;
	/*padding-right: 10px;*/

	flex-shrink: 0;
}
.frameset .content-frame {
	padding: 5px;
	width: 100%;
}
.frameset .menu-container {
	padding: 5px;
	position: -webkit-sticky;
	position: sticky;
	top: -1px;
	overflow: auto;
	height: calc(100vh);
}
.window {
	border: 1px solid #cccccc;
	background: #cccccc;
	width: 100%;
}
.elem {
	border: 1px solid #000000;
	font: 12px tahoma;
	padding: 3px;
}
.hidtable {
	border: 0px;
	width: auto;
}
.field {
	font: 12px tahoma;
	padding: 3px;
	border: 1px solid #999999;
}
.field .button {
	font-weight: bold;
}
.field.codes img {
	margin: 5px;
}
.header {
	font: bold 12px tahoma;
	color: #ffffff;
	background: #525252;
	padding: 3px;
	border: 1px solid #000000;

}
.note {
	font: 12px tahoma;
	background: #a8a8a8;
	padding: 3px;
	border: 1px solid #000000;

}
.error {
	font: bold 12px tahoma;
	background: #bf6a6a;
	border: 1px solid #000000;
}
.warning {
	font: bold 12px tahoma;
	color: #000000;
	background: #cbbf04;
	border: 1px solid #000000;
}
.ok {
	font: bold 12px tahoma;
	background: #91b098;
	border: 1px solid #000000;
}

a:link,a:active,a:visited {
	color: #000000;
	font: 12px tahoma;
}
a:hover {
	color: #666666;
	font: 12px tahoma;
}
.header a {
	font: bold 12px tahoma;
	color: #ffffff;
	text-decoration: none;
}
.header a:hover {
	text-decoration: underline;
	font: bold 12px tahoma;
	color: #ffffff;
}
.boldtext a:link,
.boldtext a:visited,
.boldtext a:active {
	font: bold 12px tahoma;
	color: #ffffff;
}
.boldtext a:hover {
	font: bold 12px tahoma;
	color: #ffffff;
}
.boldtext {
	font: bold 12px tahoma;
	color: #ffffff;
}
.fix {
	width: 100%;
}
.quick_edit {
	width: 120px;
}
button.quick_edit {
	width: auto;
}
.quick_edit_textarea {
	width: 500px;
}
pre {
	font-family: tahoma;
	font-size: 12px;
}
.ind {
	padding-top: 2px;
	padding-bottom: 2px;
}
.tb_container
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-bottom: 1px solid #000000;
	padding: 0 0 10px 2px;
	margin: 0 5px 0 5px;
	font: 12px dejavu sans, verdana, sans-serif;
	color: #000000;
	clear: both;
	overflow: auto;
	text-align: center;
	justify-content: center;
}
.tb_a
{
	display: flex;
	justify-content: center;
	flex-flow: column;
	border: 1px solid #999999;
	margin: 5px;
	padding: 5px;

}
.tb_w
{
	display: inline-block;
	margin: 5px 0;
	vertical-align: top;
	/*width: 185px;*/
	text-align: center;
}
.tb_b
{
	/*display: table-cell;*/
	/*height: 152px;*/
	padding-left: 0 !important;
	padding-right: 0 !important;
	/*vertical-align: middle;*/
	/*width: 185px;*/
	text-aling: center;
}
.tb_b a img
{
	max-width: 100%;
	max-height: 240px;
	/*vertical-align: middle;*/
	border: none;
}
.plaintext {
	font-family: monospace;
	white-space: pre-wrap;
	border: 1px solid #000000;
	color: #000000;
	margin: 10px;
	overflow: auto;
	padding: 10px 10px;
	max-height: 150px;
}
.pictures-gallery {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}
.pictures-gallery .item {
	display: flex;
	margin: 10px;
	justify-content: center;
}
.pictures-gallery .item > div {
	padding: 5px;
}
.pictures-gallery .editor > div {
	margin: 5px 0;
}
.disabled {
	opacity: .5;
	cursor: default;
	pointer-events: none;
}
textarea, input, select, button, .btn {
	font-family: tahoma;
	font-size: 12px;
	padding: 3px 5px;
	background-color: #e1e1e1;
	border: 1px solid #000000;
}
input[type="button"], input[type="submit"], button, .btn {
	padding: 5px 10px;
	font-weight: normal !important;
	color: #000 !important;
	text-decoration: none !important;
	cursor: pointer;
}
.pointer {
	cursor: pointer;
}
.btn {
	margin-left: 5px;
	display: inline-block;
}
.btn.btn-warning {
	background-color: #ff6a6c;
}
.btn.btn-status {
	background-color: #ff6a6c;
}
.btn.btn-on {
	background-color: #8bff83;
}
.filelist-gallery {
	margin: 0 auto;
	max-width: 1100px;
}
.filelist-gallery .item {
	display: flex;
	margin: 10px;
	justify-content: left;
	border-bottom: 1px solid #999999;
}
.filelist-gallery .item > div {
	padding: 5px;
}
.quick-edit > div {
	margin: 5px 0;
}
.quick-edit input {
	width: 100%;
}

@keyframes save-success {
	from {
		background-color: rgba(0,165,0,.8);
	}
	to {
		background-color: transparent;
	}
}
.save-success {
	border-radius: 10px;
	animation-name: save-success;
	animation-duration: 4s;
}
.fancybox__content {
	padding: 5px !important;
}
.ck-editor, .ck-editor__editable {
	min-height: 400px;
}
.multi-files-area {
	padding-left: 20px;
}
.multi-files-area h4 {
	margin: 10px 0 0 0;
}
.multi-files-area .hidden {
	opacity: .4;
}

/* UPLOADS */

.uploads-gallery {
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	margin: 0 auto;
}
.uploads-gallery .item {
	width: 180px;
	margin: 5px;
	border: 1px solid #999999;
	padding: 5px;
}
.uploads-gallery .item img {
	object-fit: cover;
	width: 100%;
	height: 100px;
}
.uploads-gallery .item .title {
	word-break: break-all;
	font-size: 80%;
}
.note-message {
	font-size: 14px;
	margin: 10px 0;
	vertical-align: middle;
}
.note-message .mdi {
	font-size: 18px;
}

.picture-item-form .img-wrapper {
	background-color: #000;
	margin: 5px;
	padding: 0 !important;
}
.picture-item-form .img-wrapper img {
	display: block;
}
.picture-item-form .hidden img {
	opacity: 0.3;
	transition: .2s;
}
.picture-item-form .hidden img:hover {
	opacity: 1;
}

/* CK */
.tox-statusbar__branding {
	display: none !important;
}


/* ballon */
:root {
	--balloon-border-radius: 2px;
	--balloon-color: rgba(16, 16, 16, 0.95);
	--balloon-text-color: #fff;
	--balloon-font-size: 12px;
	--balloon-move: 4px;
}
button[aria-label][data-balloon-pos] {
	overflow: visible;
}
[aria-label][data-balloon-pos] {
	position: relative;
	cursor: pointer;
}
[aria-label][data-balloon-pos]:after {
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    text-indent: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
    font-size: var(--balloon-font-size);
    background: var(--balloon-color);
    border-radius: 2px;
    color: var(--balloon-text-color);
    border-radius: var(--balloon-border-radius);
    content: attr(aria-label);
    padding: .5em 1em;
    position: absolute;
    white-space: nowrap;
    z-index: 10;
}
[aria-label][data-balloon-pos]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: var(--balloon-color);
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    content: "";
    position: absolute;
    z-index: 10;
}
[aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
    opacity: 1;
    pointer-events: none;
}
[aria-label][data-balloon-pos].font-awesome:after {
    font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
[aria-label][data-balloon-pos][data-balloon-break]:after {
    white-space: pre;
}
[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
    white-space: pre-line;
    word-break: break-word;
}
[aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after {
    transition: none;
}
[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after {
    transform: translate(-50%, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before {
    transform: translate(-50%, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:after {
    left: 0;
}
[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:before {
    left: 5px;
}
[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:after {
    right: 0;
}
[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:before {
    right: 5px;
}
[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:after {
    transform: translate(0, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:before {
    transform: translate(0, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos^="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    bottom: 100%;
    transform-origin: top;
    transform: translate(0, var(--balloon-move));
}
[aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    margin-bottom: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos="up"]:after {
    left: 50%;
    transform: translate(-50%, var(--balloon-move));
}
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    top: 100%;
    transform: translate(0, calc(var(--balloon-move) * -1));
}
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    margin-top: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--balloon-color);
}
[aria-label][data-balloon-pos][data-balloon-pos="down"]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:before {
    left: 50%;
    transform: translate(-50%, calc(var(--balloon-move) * -1));
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after {
    transform: translate(0, -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before {
    transform: translate(0, -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:after, [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    right: 100%;
    top: 50%;
    transform: translate(var(--balloon-move), -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:after {
    margin-right: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: var(--balloon-color);
}
[aria-label][data-balloon-pos][data-balloon-pos="right"]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    left: 100%;
    top: 50%;
    transform: translate(calc(var(--balloon-move) * -1), -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos="right"]:after {
    margin-left: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: var(--balloon-color);
}
[aria-label][data-balloon-pos][data-balloon-length]:after {
    white-space: normal;
}
[aria-label][data-balloon-pos][data-balloon-length="small"]:after {
    width: 80px;
}
[aria-label][data-balloon-pos][data-balloon-length="medium"]:after {
    width: 150px;
}
[aria-label][data-balloon-pos][data-balloon-length="large"]:after {
    width: 260px;
}
[aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
    width: 380px;
}
@media screen and (max-width: 768px) {
	[aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
        width: 90vw;
	}
}
[aria-label][data-balloon-pos][data-balloon-length="fit"]:after {
    width: 100%;
}
.flex-container {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.field thead td {
	font-weight: bold;
	background-color: #CED4D9;
}