@import '@fontsource/iosevka/latin.css';
@import '@fontsource/iosevka/latin-italic.css';

:root {
  --mork-dark-red: #660000;
  --mork-monospace: 'Iosevka';
}
.font-monospace {font-family: var(--mork-monospace); font-size: 0.85em;}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.blink {
    animation: blink 0.25s infinite;
}
body {font-family: Arial; direction: ltr; background: #c0c0c0 url('../images/metal01.png');}
#page {background: url('../images/white50.png');}
body.nonet form {opacity: 0.6; background: #ffaaaa;}
body.nonet input.input_button {opacity: 0;}
#errors {display: none; padding: 20px; color: #993333;}
body.nonet #errors {display: block !important;}
body.warning #errors {display: block !important;}


a {text-decoration: none;}
input, select, textarea, button {font-family: var(--mork-monospace); font-weight: 500;}


.mandat {color: var(--mork-dark-red);}
.readonly {cursor: not-allowed;}


.adm_table {background: url('../images/white75.png');}
.adm_table th {padding: 10px; background: url('../images/gray50.png');}
.adm_table td.id, .adm_table td.textid, .adm_table td.id, .adm_table td.key {font-family: var(--mork-monospace); font-weight: bold; color: var(--mork-dark-red);}
.adm_table td.args {font-family: var(--mork-monospace);}
.adm_table td.caller {font-family: var(--mork-monospace); font-weight: bold;}
.adm_table td.created, .adm_table td.modified, .adm_table td.time {color: #000066;}
.adm_table td.desc, .adm_table td.note {font-style: italic;}
.adm_table td.expires {font-weight: bold; color: #006600;}
.adm_table td.name, .adm_table td.displayname, .adm_table td.email, .adm_table td.title {font-weight: bold;}
.adm_table td.type {font-weight: bold;}
.adm_table td.uri, .adm_table td.webpath_url {font-style: italic;}
.adm_table td.user_name, .adm_table td.group_name {font-family: var(--mork-monospace); color: #666600;}


.formdiv {margin: 10px;}
.formdiv legend {padding: 10px; background: url('../images/gray50.png');}
.formdiv fieldset {margin: 10px auto; padding: 10px; background: url('../images/white25.png');}
.formdiv fieldset fieldset {margin: 0px 5px 5px 5px;}
.formcheck, .formselect, .formselect2, .formtext, .formtextarea {margin: 10px;}
.formelement {display: block; clear: both;}
.formbutton, .formbutton2 {display: inline; margin: 2px;}
.input_label {display: block; width: 30%; float: left;}
.input_text, .input_textarea, .input_file, .input_select {width: 70%;}
.input_help {display: block; font-size: 80%;}
.input_text.autocomplete_input {background-image: url('../images/icons/search16.png'); background-position: right center; background-repeat: no-repeat;}
.input_text.datepicker_input {background-image: url('../images/icons/calendar16.png'); background-position: right center; background-repeat: no-repeat;}
.input_select.editable {background-image: url('../images/icons/edit16.png'); background-position: right top; background-repeat: no-repeat;}


.iconbtn {padding: 0;}
.icon {width: 30px; height: 30px;}


.btndiv {height: 20px; clear: both;}
.tp_btn {display: block; float: left; min-width: 100px; height: 20px; line-height: 20px; padding: 0px 5px 0px 5px; text-align: center; font-weight: bold;}
.tp_tab {display: none; clear: both;}


.adm_table {margin: 10px;}
.adm_table .button_th, .adm_table .button_td {white-space: nowrap; text-align: right;}


.articlepreview {padding: 10px;}
.articlepreview img {width: 100%;}


.clickeditor {padding: 0px 10px 0px 10px; clear: both; background: url('../images/white50.png');}
.clickeditor .form-control {display: inline;}
.clickeditorbtn {padding: 4px 2px;}
.clickeditor a {color: #000000;}


.helpie {display: none;}


.listsorter .active {text-decoration: underline;}


.config_default {color: #0000c0; font-style: italic; opacity: 0.5;}


.log3 {color: #990000;}
.log4 {color: #cc0000;}


.pager {margin: 10px 20px;}


/*.searchformdiv .inner {display: none;}*/
.searchformdiv .formtext, .searchformdiv .formselectinterval, .searchformdiv .formselect, .searchformdiv .formselect2 {width: 140px; float: left; clear: none;}
.searchformdiv .input_label {width: auto; float: none;}
.searchformdiv .formcheck {width: auto; float: left; clear: none;}
.searchformdiv .input_text, .searchformdiv .input_textarea, .searchformdiv .input_select {width: 100%;}
.searchformdiv .formbutton {display: block;}


#mainmenu {background: url('../images/menu.png'); z-index: 998;}
#mainmenu .menuitem a {display: flex; justify-content: center; color: var(--bs-light);}
#mainmenu .menuitem a:hover {opacity: 0.75;}
#mainmenu .menuitem .submenu a:hover {background: var(--bs-primary);}
#mainmenu .submenu {display: none; width: 300px; z-index: 999;}
#mainmenu .submenu a {display: block; padding: 4px 8px;}
#mainmenu .menuicon {display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 0px 4px;}
#mainmenu .menufa {display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 0px 4px; font-size: 28px; text-align: center;}
#mainmenu .menutext {display: inline; line-height: 30px; padding: 0px 8px;}
#mainmenu .submenuicon {display: inline; line-height: 30px; margin: 0px 4px;}
#mainmenu .submenu .menutext {display: inline !important;}
#mainmenu #userlog {padding: 1em !important;}
#acommentlist tr.unapproved {background: #ffc0c0;}
#acommentlist tr.disabled {background: #c0c0c0;}


#articleedit #article3 {background-color: #3b5998; background-image: url('../images/white25.png');}
#articleedit #instagram {background: #5b79a8; background-image: url('../images/white25.png');}
#articleedit #instagram.posted {background: #ff79ff;}


#article_list .card.unapproved {background: #ffc0c0;}
#article_list .article_title {font-size: 1.25em; font-weight: bold;}


#mainpage .col1 {width: 31%; margin: 1%; overflow: hidden; float: left;}
#mainpage .col2 {width: 31%; margin: 1%; overflow: hidden; float: left;}
#mainpage .col3 {width: 31%; margin: 1%; overflow: hidden; float: left;}


#picture_multieditor .fieldset2 {width: 32%; float: left;}
#picture_multieditor .picture {display: block; margin: 0px auto; border: 2px solid #999999;}


#warecatlist_div .formcheck {display: inline-block; width: auto; clear: none; margin: 0;}


#warelist tr.disabled {background: #ffc0c0;}
#warelist tr.featured {background: #c0c0ff;}