/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');

@font-face {
    font-family: 'rovas';
    src: url('fonts/RovasFS.ttf');
}

body, html {
	height: 100vh;
	overflow: hidden;
    font-family: 'Roboto'
}

.btn {box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;}
select.form-control-sm {padding: 0;}

#wrapper {
	display: flex;
	width: 100%;
	height: 100vh;
	align-items: stretch;
}

#sidebar {
	width: 320px;
    min-width: 36px;
    overflow-y: auto;
    overflow-x: hidden;
	/*overflow: auto;
	position: fixed;
    left: 0;*/
	/*background: url('/morkpy/static/images/metal02.png') top left repeat;*/
    display: none;
}
#contbar {
	width: 320px;
    overflow-y: auto;
    overflow-x: hidden;
	/*overflow: auto;
	position: fixed;
    right: 0;*/
	/*background: url('/morkpy/static/images/metal02.png') top left repeat;*/
    display: none;
}

#sidebar .card-body, #contbar .card-body {
	padding: 0;
}

/*#sidebar .faicon, #contbar .faicon {color: #663300;}*/

#page {
	width: 100%;
	min-height: 100%;
    overflow-y: auto;
    overflow-x: auto;
	/*background: url('/morkpy/static/images/metal02.png') top left repeat;*/
}

/*#wrapper.sidebar-visible #page {
	margin-left: 250px;
}
#wrapper.contbar-visible #page {
	margin-right: 250px;
}*/
#wrapper.sidebar-visible.contbar-visible #page {
    /*margin-left: 500px;*/
}
#wrapper.sidebar-visible #sidebar {
	display: block;
}
#wrapper.sidebar-visible #contbar {
	/*margin-left: 250px;*/
}
#wrapper.contbar-visible #contbar {
	display: block;
}

#navbar {
	/*background-image: url('/morkpy/static/images/tube02.png');
	background-repeat: repeat-x;
	background-size: auto 100%;*/
}

* {
	transition: none !important;
}

.hide-0px {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.w-33 {width: calc(100% / 3);}
.mw-33 {max-width: calc(100% / 3);}
.dropdown-menu {z-index: 9999}

.preview img {
	width: 100%;
}

.blink {
  -webkit-animation: 0.5s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
  animation: 0.5s linear infinite condemned_blink_effect;
}
/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect {
    0% {visibility: hidden;}
    50% {visibility: hidden;}
    100% {visibility: visible;}
}
@keyframes condemned_blink_effect {
    0% {visibility: hidden;}
    50% {visibility: hidden;}
    100% {visibility: visible;}
}

.form-control.active {border-bottom: 2px dotted #006600;}

div.debug {margin: 1em; padding: 1em; border: 20px solid #8E8BE1; background: #332AB6; color: #ffffff; font-family: Monospace, Courier;}
div.debug pre {max-height: 50vh; width: 100%; background: #332AB6; color: #ffffff; font-weight: bold;}

#mattermost_messages_collapse h1, #mattermost_messages_collapse h2 {font-size: 1em; font-weight: bold;}

.model_list_table .htmlimg {width: 100px;}

fieldset#article .form-group {margin: 0;}
fieldset#article .form-control:focus {box-shadow: 0 0 0;}
.WrappableTextField#article_title {border: 0; font-family: Open Sans; font-size: 32px;}
input#article_suptitle {border: 0; font-family: Open Sans; font-size: 12px;}
input#article_subtitle {border: 0; font-family: Open Sans; font-size: 12px;}
textarea#article_lead {border: 0; font-family: Open Sans; font-size: 20px; font-weight: bold;}

.morkhtmleditor_toolbar .btn-group {padding: 0 1em 0.5em 0;}
.morkhtmleditor_toolbar .btn-group .btn-group {padding: 0;}
.morkhtmleditor_toolbar .btn-group .btn-flat {border-color: transparent; background: transparent;}
.morkhtmleditor_toolbar_floating {background: #ffffff;}
.morkhtmleditor textarea.morkcode {background: #ffeeee;}
.morkhtmleditor div.wysiwyg {border: 0; padding: 0; margin-bottom: 32px; font-family: Open Sans; font-size: 16px; font-weight: 400; line-height: 24px;}
.morkhtmleditor div.wysiwyg:focus {box-shadow: 0 0 0;}
.morkhtmleditor textarea.html {background: #eeeeff;}
.morkhtmleditor div.log {border: 3px inset #000000; padding: 0.5em; background: #000000; color: #efefef; font-family: Monospace, Courier; font-size: 0.85em;}
.morkhtmleditor div.log b {font-weight: bold; color: #ffff00;}
.morkhtmleditor div.log i {font-weight: bold; color: #00ffff;}

.morkhtmleditor div.wysiwyg img {display: block; width: 100%;}
.morkhtmleditor div.wysiwyg a,
.morkhtmleditor div.wysiwyg em,
.morkhtmleditor div.wysiwyg q,
.morkhtmleditor div.wysiwyg s,
.morkhtmleditor div.wysiwyg span,
.morkhtmleditor div.wysiwyg strike,
.morkhtmleditor div.wysiwyg strong,
.morkhtmleditor div.wysiwyg sub,
.morkhtmleditor div.wysiwyg sup,
.morkhtmleditor div.wysiwyg u {border: 1px dotted #f6f6f6;}
.morkhtmleditor div.wysiwyg iframe {border: 0px dotted #c00000 !important; margin: 0.3rem 0.3rem 0.3rem 0.3rem; padding: 0.3rem 0.3rem 0.3rem 0.3rem;}
.morkhtmleditor div.wysiwyg div,
.morkhtmleditor div.wysiwyg h1,
.morkhtmleditor div.wysiwyg h2,
.morkhtmleditor div.wysiwyg h3,
.morkhtmleditor div.wysiwyg h4,
.morkhtmleditor div.wysiwyg h5,
.morkhtmleditor div.wysiwyg h6,
.morkhtmleditor div.wysiwyg p,
.morkhtmleditor div.wysiwyg ol,
.morkhtmleditor div.wysiwyg ul {border: 1px dotted transparent; margin: 0.3rem 0.3rem 0.3rem 0.3rem; padding: 0.3rem 0.3rem 0.3rem 0.3rem;}
.morkhtmleditor div.wysiwyg table {width: 100%;}
.morkhtmleditor div.wysiwyg td {border: 1px dotted #000000;}
.morkhtmleditor div.wysiwyg th {border: 1px dotted #000033;}

.morkhtmleditor div.wysiwyg [data-anchorelem="true"] {border: 1px dotted #c00000 !important;}
.morkhtmleditor div.wysiwyg [data-anchorblock="true"] {border: 1px dotted #c0c0c0 !important;}
.morkhtmleditor div.wysiwyg [data-activeelem="true"] {}
/*.morkhtmleditor div.wysiwyg [data-toolbar="true"] {margin-top: 48px;}*/
.morkhtmleditor div.wysiwyg [data-immutable="true"] {background: #efefef;}
.morkhtmleditor div.wysiwyg [data-fold="true"] img {height: 32px; object-fit: cover; object-position: center;}
.morkhtmleditor div.wysiwyg .handle {}
.morkhtmleditor div.wysiwyg input.input {text-align: center; width: 75%;}

.morkhtmleditor div.wysiwyg a.mc-article {color: #00ff00;}
.morkhtmleditor div.wysiwyg a.mc-email {color: #00ff00;}
.morkhtmleditor div.wysiwyg a.mc-file {color: #00ff00;}
.morkhtmleditor div.wysiwyg a.mc-tag {color: #00ff00;}
.morkhtmleditor div.wysiwyg a.mc-url {color: #0000ff;}
.morkhtmleditor div.wysiwyg div.mc-appendixbox::before {content: "FÜGGELÉK DOBOZ"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg mark.mc-hl {display: inline-block; width: 100%; text-align: center;}
.morkhtmleditor div.wysiwyg p.mc-articlebox {font-family: Courier New; font-weight: bold; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-articlebox::before {content: "CIKKDOBOZ"; display: block; font-size: 0.7rem; color: #c0c0c0; font-weight: normal;}
.morkhtmleditor div.wysiwyg p.mc-articleinclude {font-family: Courier New; font-weight: bold; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-articleinclude::before {content: "CIKKSZÖVEG"; display: block; font-size: 0.7rem; color: #c0c0c0; font-weight: normal;}
.morkhtmleditor div.wysiwyg p.mc-blockquote {padding-left: 30px; font-style: italic;}
.morkhtmleditor div.wysiwyg p.mc-blockquote::before {content: "IDÉZET BEKEZDÉS"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-dload {text-align: center; font-size: 0.7rem;}
.morkhtmleditor div.wysiwyg p.mc-dload::before {content: "LETÖLTÉS"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-fbvideo {font-family: Courier New; font-weight: bold; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-fbvideo::before {content: "FACEBOOK VIDEO"; display: block; font-size: 0.7rem; color: #c0c0c0; font-weight: normal;}
.morkhtmleditor div.wysiwyg p.mc-gallery {text-align: center; font-size: 0.7rem;}
.morkhtmleditor div.wysiwyg p.mc-gallery::before {content: "GALÉRIA"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-ianswer {font-style: italic;}
.morkhtmleditor div.wysiwyg p.mc-ianswer::before {content: "INTERJÚ VÁLASZ"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-image::before {content: "KÉP"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-iquestion {font-weight: bold;}
.morkhtmleditor div.wysiwyg p.mc-iquestion::before {content: "INTERJÚ KÉRDÉS"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-li {display: list-item; padding-left: 30px;}
.morkhtmleditor div.wysiwyg p.mc-li::before {content: "* FELSOROLÁS ELEM SZÁMOZATLAN"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-lio {display: list-item; padding-left: 30px;}
.morkhtmleditor div.wysiwyg p.mc-lio::before {content: "x FELSOROLÁS ELEM SZÁMOZOTT"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-p::before {content: "BEKEZDÉS"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-picture {text-align: center; font-size: 0.7rem;}
.morkhtmleditor div.wysiwyg p.mc-picture::before {content: "KÉP"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-podcast {text-align: center; font-size: 0.7rem;}
.morkhtmleditor div.wysiwyg p.mc-podcast::before {content: "PODCAST"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-signature {font-size: 0.9rem; font-style: italic; text-align: right;}
.morkhtmleditor div.wysiwyg p.mc-signature::before {content: "ALÁÍRÁS"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-subhead {font-size: 1.4rem; font-weight: bold;}
.morkhtmleditor div.wysiwyg p.mc-subhead::before {content: "ALCÍM"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-subhead2 {font-size: 1.1rem; font-weight: bold;}
.morkhtmleditor div.wysiwyg p.mc-subhead2::before {content: "ALCÍM2"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-subhead3 {font-size: 1.0rem; font-weight: bold;}
.morkhtmleditor div.wysiwyg p.mc-subhead3::before {content: "ALCÍM3"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-vimeo {font-family: Courier New; font-weight: bold; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-vimeo::before {content: "VIMEO VIDEO"; display: block; font-size: 0.7rem; color: #c0c0c0; font-weight: normal;}
.morkhtmleditor div.wysiwyg p.mc-instagram {font-family: Courier New; font-weight: bold; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-instagram::before {content: "INSTAGRAM"; display: block; font-size: 0.7rem; color: #c0c0c0; font-weight: normal;}
.morkhtmleditor div.wysiwyg p.mc-twitter {font-family: Courier New; font-weight: bold; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-twitter::before {content: "TWITTER"; display: block; font-size: 0.7rem; color: #c0c0c0; font-weight: normal;}
.morkhtmleditor div.wysiwyg p.mc-vote {font-family: Courier New; font-weight: bold; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-vote::before {content: "SZAVAZÁS"; display: block; font-size: 0.7rem; color: #c0c0c0; font-weight: normal;}
.morkhtmleditor div.wysiwyg p.mc-youtube::before {content: "YOUTUBE VIDEO"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-youtube {text-align: center; font-size: 0.7rem;}
.morkhtmleditor div.wysiwyg p.mc-pre::before {content: "ELŐFORMÁZOTT"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-pre {font-family: Monospace; white-space: pre;}
.morkhtmleditor div.wysiwyg p.mc-codeblock::before {content: "FORRÁSKÓD"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-codeblock {font-family: Monospace; white-space: pre; background: #333333; color: #efefef;}
.morkhtmleditor div.wysiwyg p.mc-sampblock::before {content: "KIMENET"; display: block; font-size: 0.7rem; color: #c0c0c0;}
.morkhtmleditor div.wysiwyg p.mc-sampblock {font-family: Monospace; white-space: pre; background: #333333; color: #efefef;}
.morkhtmleditor div.wysiwyg table {width: 100%;}
.morkhtmleditor div.wysiwyg table::before {content: "TÁBLÁZAT"; display: block; font-size: 0.7rem; color: #c0c0c0;}