:root {
    --color-black-1: #1D2028;
    --color-black-2: #4E5162;
    --color-grey-lighter: #EEEDEB;
    --color-grey-darker: #DDDBD8;
    --color-orange-1: #FF7900;
    --color-orange-2: #FF6600;
    --color-orange-text-1: #BD3D00;
    --bg-gradient-1: linear-gradient(var(--color-grey-lighter), var(--color-grey-darker));

    font-family: Arial, sans-serif;
}
body {
    position: absolute;
    overflow: auto;
}
a {
    color: var(--color-orange-text-1);
}
#mainDiv {
    min-height: 100vh;
}

.forumDiv .forum_header {
    margin-bottom: 0.5rem;
    box-shadow: 0px 0px 0.2rem rgba(0,0,0,0.35);
}
.forumDiv .forum_header_sub1 {
    background-color: #B63B00;
    font-size: 1rem;
    color: white;
    font-weight: bold;
    padding: 0.1em 0.3em 0.1em 0.3em;
    display: flex;
    position: relative;
}
.forumDiv .forum_header_sub1 .title {
    width: 96%;
}
.forumDiv .forum_header_sub1 .forum_header_sub1_moreBut {
    width: 4%;
    min-width: 4ch;
}
.forumDiv .forum_header_sub1 .forum_header_sub1_moreBut ~ .dropdown {
    position: absolute;
    right: 5px;
    top: 1.4em;
    z-index: 1;
}
.forumDiv .forum_header_sub2 {
    display: flex;
    justify-content: space-between;
    background-color: #B63B00;
    opacity: 0.83;
    padding: 0.4rem;
}
.forumDiv .forum_footer, .forumDiv .pagDivDiv {
    display: flex;
    justify-content: space-between;
    background-color: var(--color-black-2);
    padding: 0.4rem;
    position: relative;
    z-index: 1;
}
.forumDiv .forum_footer .actions, .forumDiv .forum_header .actions {
    flex: 1 2 60%;
}
.forumDiv .forum_footer .paginationDiv, .forumDiv .forum_header .paginationDiv, .forumDiv .pagDivDiv .paginationDiv {
    display: flex;
    justify-content: space-between;
    flex: 1 0 43%;
    align-items: center;
}
.forumDiv .forum_footer .actions + .paginationDiv, .forumDiv .forum_header .paginationDiv {
    padding-left: 1.5%;
    border-left: 1px dashed black;
}

.forumDiv {
    background: var(--bg-gradient-1);
    min-height: inherit;
    overflow: auto;
}
.forumDiv .forum_left_hiddenShortcut {
    background-color: red;
    width: max(10%,70px);
    height: 10%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    opacity: 0;
}
.forumDiv .forum_right_hiddenShortcut {
    background-color: blue;
    width: max(10%,70px);
    height: 10%;
    position: fixed;
    bottom: 0px;
    right: 0px;
    opacity: 0;
}
.forumDiv .button1 {
    background-color: var(--color-black-2);
    border: 0;
    border-top: 1px solid #6C7188;
    outline: 1px solid var(--color-black-1);
    padding: 0.2rem 0.4rem 0.2rem 0.4rem;
    color: white;
    font-size: 0.7rem;
    font-weight: bold;
}
.forumDiv .button1:hover:not(:disabled) {
    background-color: #3b4151;
    border-color: var(--color-black-1);
}
.forumDiv .button1 img {
    vertical-align: -0.4em;
    margin-right: 0.2rem;
}
.forumDiv .button1:disabled {
    border: 0;
    outline: 0;
    background-color: unset;
}
.forumDiv .button2 {
    border: 0;
    padding: 0.2rem 1.2rem;
    font-weight: bold;
    font-size: 1rem;
    border-top: 1px solid #6C7188;
    border-bottom: 2px solid #3b4151;
    border-radius: 2px;
    box-shadow: 0px 1px 3px black;
    background-color: var(--color-black-2);
    color: white;
    margin: 0.5rem 0px 0px 0.2rem;
}
.forumDiv .button2:hover {
    background-color: #3b4151;
    border-top-color: var(--color-black-1);
    border-bottom: 0px;
    padding-bottom: 0.3rem;
    box-shadow: inset 0px 0px 2px black;
}
.forumDiv .button3 {
    padding: 0.3em 0.5em;
    background-color: #FF6600;
    box-shadow: inset 0px 15px 0px #ff7900, inset 0px -1px 0px #a63f00, 0px 2px 2px rgb(0 0 0 / 40%);
    border: 1px solid #FF6600;
    border-radius: 2px;
    text-shadow: 0px 1px 2px black;
    color: white;
    font-size: 0.8rem;
}
.forumDiv .button3:hover {
    border-color: white;
}
.forumDiv .inputText1 {
    font-size: 0.75rem;
    border: 0;
    box-shadow: inset 0px 2px 2px #c7c5c0;
    padding: 0.1rem 0rem 0.1rem 0px;
    transition: width 0.25s;
    width: 25ch;
}
.forumDiv .inputText1:invalid {
    color: red;
}
.forumDiv .replyFormDiv {
    margin: 2.2rem 0px;
    padding-top: 2rem;
    border-top: 1px dashed black;
    transition: all 0.5s;
    min-height: 32rem;
    overflow: hidden;
}
.forumDiv .replyFormDiv.hide {
    height: 0px;
    border: 0px;
    margin: 0;
    min-height: 0;
}
.forumDiv .replyFormDiv.hide * {
    display: none !important;
}
.messageForm_previewToggler {
    border: 1px dashed #00000050;
    padding: 0.1em 0.2em;
    font-size: 0.7rem;
    text-decoration: none;
    margin: 0px 0px 0.4em 0px;
    display: inline-block;
    cursor: pointer;
}
.messageForm_preview {
    min-height: 9rem;
    background-color: #F4F3F2;
    border-top: 1px solid rgba(0,0,0, 0.4);
    box-shadow: 0px 2px 2px rgb(0 0 0 / 15%);
    font-size: 0.83rem;
    line-height: 1.15;
    padding: 0.6rem 1rem 0.6rem 5.9rem;
    margin: 0px 0px 1rem 0px;
    white-space: pre-wrap;
    overflow: hidden;
}
.messageForm_preview blockquote,
.forumDiv .comment .body blockquote,
.forumDiv .comment .body cite,
.forumDiv .searchFormResults .content blockquote,
.forumDiv .searchFormResults .searchItem.tid .content cite {
    padding: 0.3rem 0px 0.3rem 0.3rem;
    border-left: 1px dashed rgba(0,0,0, 0.6);
    border-bottom: 1px dashed rgba(0,0,0, 0.6);
    font-style: italic;
    opacity: 0.7;
    margin: 0.2rem 0.3rem 0.5rem 0.3rem;
}
.messageForm_preview .preQuote,
.forumDiv .comment .body .preQuote,
.forumDiv .comment .body .tid_preCite *:not(.tid_user),
.forumDiv .searchFormResults .content .preQuote,
.forumDiv .searchFormResults .searchItem.tid .content .tid_preCite *:not(.tid_user) {
    font-size: 80%;
    font-weight: bold;
    margin: 0.2rem 0px 0px 0px;
}
.messageForm_preview .spoil,
.forumDiv .comment .body .spoil,
.forumDiv .comment .tid_spoil,
.forumDiv .searchFormResults .content .spoil,
.forumDiv .searchFormResults .searchItem.tid .content .tid_spoil {
    cursor: help;
    background-image: url(https://res.siteinteressant.net/design/spoiler.png);
}
.messageForm_preview .spoil .spoilTxt,
.forumDiv .comment .body .spoil .spoilTxt,
.forumDiv .comment .tid_wspoil,
.forumDiv .searchFormResults .content .spoil .spoilTxt,
.forumDiv .searchFormResults .searchItem.tid .content .tid_wspoil {
    opacity:0;
}
.messageForm_preview .spoil:hover,
.forumDiv .comment .body .spoil:hover,
.forumDiv .comment .tid_spoil:hover,
.forumDiv .searchFormResults .content .spoil:hover,
.forumDiv .searchFormResults .searchItem.tid .content .tid_spoil:hover {
    background-image: url(https://res.siteinteressant.net/design/spoiler_hover.png);
}
.messageForm_preview .spoil:hover .spoilTxt,
.forumDiv .comment .body .spoil:hover .spoilTxt,
.forumDiv .comment .tid_wspoil:hover,
.forumDiv .searchFormResults .content .spoil:hover .spoilTxt,
.forumDiv .searchFormResults .searchItem.tid .content .tid_wspoil:hover {
    opacity:unset;
}
.messageForm_preview .rpTextSpeaker > p::before,
.forumDiv .comment .body .rpTextSpeaker > p::before,
.forumDiv .comment .tid_preRoleplay::before,
.forumDiv .searchFormResults .content .rpTextSpeaker > p::before,
.forumDiv .searchFormResults .searchItem.tid .content .tid_preRoleplay::before {
    content: url(https://res.siteinteressant.net/icons/rp.png);
    margin: 0px 0.2em 0px 0px;
}
.messageForm_preview .rpTextSpeaker,
.forumDiv .comment .body .rpTextSpeaker,
.forumDiv .comment .tid_preRoleplay,
.forumDiv .searchFormResults .content .rpTextSpeaker,
.forumDiv .searchFormResults .searchItem.tid .content .tid_preRoleplay {
    font-weight: bold;
    font-size: 90%;
    font-style: italic;
    margin: 0.6em 0px 0px 1%;
}
.messageForm_preview .rpText::before,
.forumDiv .comment .body .rpText::before,
.forumDiv .comment .tid_roleplay::before,
.forumDiv .searchFormResults .content .rpText::before,
.forumDiv .searchFormResults .searchItem.tid .content .tid_roleplay::before {
    display: block;
    position:absolute;
    content: url(https://res.siteinteressant.net/design/arrowUp.png);
    transform: translate(0.5rem, -83%);
}
.messageForm_preview .rpText,
.forumDiv .comment .body .rpText,
.forumDiv .comment .tid_roleplay,
.forumDiv .searchFormResults .content .rpText,
.forumDiv .searchFormResults .searchItem.tid .content .tid_roleplay {
    background: #dddbd8;
    border: 1px solid #efefef;
    box-shadow: 0px 0px 2px black;
    border-radius: 6px;
    padding: 3px;
    font-size: 0.9rem;
    margin: 0.5rem 20% 0.5rem 0.75rem;
}
.messageForm_preview pre,
.forumDiv .comment .body pre,
.forumDiv .searchFormResults .content pre {
    padding: 5px;
    box-shadow: inset 0px 1px 2px rgba(0,0,0, 0.35);
    margin: 0.5rem 0px;
    border: 1px solid rgba(255,255,255, 0.5);
    overflow: auto;
    font-size: 0.7rem;
    max-height: 71em;
}
.messageForm_preview .button1.warning,
.forumDiv .comment .body .button1.warning,
.forumDiv .searchFormResults .content .button1.warning {
    box-shadow: 0px 0px 0.5em 0.2em red;
}
.messageForm_preview .gadget,
.forumDiv .comment .body .gadget,
.forumDiv .searchFormResults .content .gadget {
    background-color: #DF0000;
    color: white;
    padding: 0.15em 0.4em 0.15em 0.4em;
    border-radius: 0.2rem;
    font-weight: bold;
    display: inline-flex;
    font-size: 80%;
    vertical-align: middle;
    margin: 0.1em;
    align-items: center;
}
.messageForm_preview .gadget.approved,
.forumDiv .comment .body .gadget.approved,
.forumDiv .searchFormResults .content .gadget.approved {
    background-color: #3B4151;
}
.messageForm_preview .gadget .value,
.forumDiv .comment .body .gadget .value,
.forumDiv .searchFormResults .content .gadget .value {
    margin: 0.1rem 0px 0px 0.2rem;
    text-indent: 0px;
    word-break: break-all;
}
.forumDiv .inserted {
    max-width: 85%;
}
.forumDiv .comment cite,
.forumDiv .comment .tid_spoil,
.forumDiv .comment .tid_preRoleplay,
.forumDiv .comment .tid_roleplay,
.forumDiv .searchFormResults .searchItem.tid .content cite,
.forumDiv .searchFormResults .searchItem.tid .content .tid_spoil,
.forumDiv .searchFormResults .searchItem.tid .content .tid_preRoleplay,
.forumDiv .searchFormResults .searchItem.tid .content .tid_roleplay {
    display: block;
}
.forumDiv .comment .tid_questionModule,
.forumDiv .searchFormResults .searchItem.tid .content .tid_questionModule {
    margin: 20px 0px;
    padding: 10px;
    min-width: 180px;
    border: 1px solid rgba(255,255,255, 0.1);
    border-top: 0px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px black;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.5);
    background-color: #dddbd8;
    background-image: url(https://res.siteinteressant.net/design/gripWhite.png);
    background-position: center top;
    background-repeat: repeat-x;
}
.forumDiv .comment .tid_questionModule .tid_questionLine,
.forumDiv .searchFormResults .searchItem.tid .content .tid_questionModule .tid_questionLine {
    opacity: 0.85;
    padding: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.15);
    color: black;
}
.forumDiv .comment .tid_questionModule .tid_questionResults,
.forumDiv .searchFormResults .searchItem.tid .content .tid_questionModule .tid_questionResults {
    display: block;
    float: right;
    min-width: 170px;
    max-width: 190px;
    margin-left: 15px;
    margin-bottom: 10px;
    white-space: nowrap;
    text-align: right;
}
.forumDiv .comment .tid_questionModule .tid_questionResults .tid_value,
.forumDiv .searchFormResults .searchItem.tid .content .tid_questionModule .tid_questionResults .tid_value {
    vertical-align: middle;
}
.forumDiv .comment .tid_questionModule .tid_button.tid_mini.tid_bVote,
.forumDiv .searchFormResults .searchItem.tid .content .tid_questionModule .tid_button.tid_mini.tid_bVote {
    display:none;
}
.forumDiv .comment .tid_questionModule .tid_barBG,
.forumDiv .searchFormResults .searchItem.tid .content .tid_questionModule .tid_barBG {
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    height: 15px;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: inset 0px 0px 8px rgba(0,0,0,0.3);
}
.forumDiv .comment .tid_questionModule .tid_barInner,
.forumDiv .searchFormResults .searchItem.tid .content .tid_questionModule .tid_barInner {
    background-color: #fe7d00;
    height: 100%;
    box-shadow: inset 0px -8px 0px rgba(0,0,0,0.15), inset 1px 0px 2px #5B1E00;
}
.forumDiv .comment .tid_questionModule .tid_footer,
.forumDiv .searchFormResults .searchItem.tid .content .tid_questionModule .tid_footer {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 15px 15px;
    opacity: 0.6;
    font-weight: bold;
    border-top: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0px -4px 4px rgba(0,0,0,0.15);
    display: none;
}
.forumDiv .comment .tid_user,
.forumDiv .searchFormResults .searchItem.tid .content .tid_user {
    background-image: url(https://res.siteinteressant.net/icons/notContact.png);
    background-repeat: no-repeat;
    background-position: top right;
    border-top: 1px solid #fe7d00;
    background-color: #bd3d00;
    padding-left: 4px;
    color: white;
    box-shadow: 0px 0px 1px black;
    white-space: nowrap;
    border-radius: 4px;
    padding-right: 13px !important;
    cursor: default;
}
.forumDiv .comment .tid_announce,
.forumDiv .searchFormResults .searchItem.tid .content .tid_announce {
    display: block;
    margin: 1em;
    padding: 0.7em;
    padding-left: 2em;
    border: 1px solid #6B7087;
    border-radius: 4px;
    text-shadow: 0px 1px 0px #3b4151;
    color: white;
    background-image: url(https://res.siteinteressant.net/design/announceBg.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #3b4151;
}
.forumDiv .comment .tid_mod::before,
.forumDiv .searchFormResults .searchItem.tid .content .tid_mod::before {
    content: "Message d'un modérateur";
    position: absolute;
    top: 0.5em;
    color: #F4DF8B;
}
.forumDiv .comment .tid_mod,
.forumDiv .searchFormResults .searchItem.tid .content .tid_mod {
    display: block;
    margin: 1em;
    padding: 0.7em;
    padding-left: 0.75em;
    padding-top: 2em;
    background-color: #bd3d00;
    border-radius: 3px;
    color: white;
    position: relative;
}
.forumDiv .comment .tid_strike,
.forumDiv .searchFormResults .searchItem.tid .content .tid_strike {
    text-decoration: line-through;
    opacity: 0.8;
}
.forumDiv .comment em,
.forumDiv .searchFormResults .searchItem.tid .content em {
    opacity: 0.7;
}
.forumDiv .comment strong,
.forumDiv .searchFormResults .searchItem.tid .content strong {
    color: #3b4151;
}
.forumDiv .comment .tid_announce strong,
.forumDiv .searchFormResults .searchItem.tid .content .tid_announce strong {
    color: inherit;
}
.messageForm_form {
    box-shadow: 0px 1px 2px black;
    color: white;
    background-color: var(--color-black-2);
    margin: 0.8rem 0px 0px 0px;
    padding: 0.7rem;
    border-radius: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.messageForm_form .formTitle {
    padding: 0.4em 0.3em 0.3em 0.3em;
    margin: 0em 0em 0.2em 0em;
    border: 2px dashed red;
    font-weight: bold;
}
.messageForm_form .titleDiv {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0px 0px 0.4rem 1rem;
}
.messageForm_form .titleDiv label {
    min-width: 8%;
    font-size: 0.9rem;
    padding: 0.1rem 0.3rem 0px 0px;
    font-weight: bold;
}
.messageForm_form .buttonBar {
    margin: 0rem 0rem 0.2rem 0.1rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 0.1rem 0px 0px;
}
.messageForm_form .buttonBar button {
    min-width: 1.8rem;
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
}
.messageForm_form .buttonBar .inserts button {
    padding: 0.05rem 0.2rem 0.15rem 0.4rem;
}
.messageForm_form textarea {
    width: 100%;
    min-height: 13rem;
    font-size: 0.8rem;
    padding: 0.3rem;
    font-family: monospace;
    resize: vertical;
}
.messageForm_form .optDiv {
    margin: 0.3em;
    font-size: 0.7em;
}
.messageForm_form .optDiv input {
    vertical-align: middle;
}
.messageForm_form .emojis {
    background-color: var(--color-grey-lighter);
    max-height: 14rem;
    overflow: auto;
    margin: 0.3rem 0px 0px 0px;
    padding: 0.5rem;
}
.messageForm_form .emojis button {
    border: 0;
}
.messageForm_form .emojis button img {
    max-width: 4rem;
    max-height: 4rem;
    margin: 0.1em;
}
.forum_banner {
    display: flex;
    justify-content: center;
}
.forum_banner img {
    max-width:100%;
}
.forumL {
    flex: 1 1 37%;
    max-width: 37%;
}
.forumR {
    flex: 1 0 63%;
    max-width: 63%;
}
.forum_content {
    display: flex;
    gap: 2rem;
    margin: 1rem auto 4rem auto;
    width: 980px;
    max-width: 99%;
    justify-content: center;
}
.forum_comments {
    margin: 2rem 0px 0px 0px;
}
.forum_comments .header {
    background-color: var(--color-black-2);
    border-radius: 3px;
    color: white;
    position: relative;
    z-index: 1;
}
.forum_comments .header .main {
    margin: 0px 0px 0px 6.1rem;
}
.forum_comments .header .main .name {
    font-weight: bold;
    font-size: 0.92rem;
    padding: 0.2rem 0px 0px 0px;
}
.forum_comments .header .main .name .statuses {
    margin: 0px 0px 0px 0.25em;
}
.forum_comments .header .main .name .statuses img {
    vertical-align: bottom;
}
.forum_comments .header .main .stats {
    font-size: 0.7rem;
    opacity: 0.7;
    padding: 0.1rem 0px 0.2rem 0px;
}
.forum_comments .header .main .twinoidanStats {
    display: none;
    position: absolute;
    top: -1em;
    left: 50%;
    transform: translate(-50%, 0%);
    color: black;
    font-size: 0.7em;
}
.forum_comments .header .main .twinoidanStats .hp {
    color: green;
}
.forum_comments .header .main .twinoidanStats .pa {
    color: blue;
}
.forum_comments .date {
    position: absolute;
    right: 0.4rem;
    display: inline;
    top: 0.3rem;
    font-size: 0.7rem;
    color: #9D9EA6;
}
.forum_comments .avatarDiv {
    width: 80px;
    max-height: 80px;
    position: absolute;
    top: 50%;
    left: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-0%, -50%);
    z-index:1;
    perspective: 300px;
}
.forum_comments .avatar {
    max-width: 80px;
    max-height: 80px;
    filter: drop-shadow(0.1em 0.1em 0.2em rgba(0, 0, 0, 0.3));
}
.forum_comments .body {
    background-color: #F4F3F2;
    margin: 0px 0.2rem 2.3rem 0.3rem;
    box-shadow: 0px 0px min(3px,0.2rem) 0px #00000088;
    padding: 0.6rem 0.5rem 0.4rem 5.9rem;
    font-size: 0.83rem;
    line-height: 1.15;
    transition: box-shadow 0.25s;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.forum_comments .body > .main {
    white-space: pre-wrap;
    min-height: 3rem;
    margin: 0rem 0px 0.25rem 0px;
    position: relative;
}
.forum_comments .body iframe,  .messageForm_preview iframe.youtube {
    border: 0;
    width: 100%;
    aspect-ratio: 16/9;
}
.forum_comments .body iframe.youtube.shorts, .messageForm_preview iframe.youtube.shorts {
    aspect-ratio: 9/16;
}
.forum_comments .comment.unread .body {
    box-shadow: 0px 0px min(7px,1.2rem) min(5px,0.4rem) #ffdd79a6;
}
.forum_comments .comment.selected {
    border: 2px dashed red;
}
.forum_comments .footer {
    font-size: 0.7rem;
    text-align: right;
    margin: 0.2em 0px 0px 0px;
}
.forum_comments .footer > *:not(:last-child) {
    margin: 0px 0px 0.2em 0px;
}
.forum_comments .footer .infos {
    color: gray;
    opacity: 0.8;
}
.forum_comments .footer .commActions > span {
    display: flex;
    align-items: center;
    gap: 0.3em;
}
.forum_comments .footer .commActions {
    display: flex;
    align-items: center;
    gap: 0.3em;
    justify-content: flex-end;
}
.forum_comments .footer .commActions a {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    padding: 0.2em 0px 0px 0px;
}
.searchForm {
    padding: 10px;
    margin-bottom: 10px;
    background-image: url(https://res.siteinteressant.net/design/gripBg.png);
    background-repeat: repeat-x;
    border-radius: 4px;
    background-color: var(--color-black-2);
}
.searchForm .parameters {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    justify-items: start;
    align-items: center;
    row-gap: 0.2rem;
}
.searchForm .parameters label {
    font-weight: bold;
    color: white;
    font-size: 0.8rem;
    text-align: right;
    width: 100%;
    padding: 0px 0.5rem 0px 0px;
}
.searchForm .parameters input[type="radio"] {
    vertical-align: -0.1em;
    margin: 0px 0.1em 0px 0px;
}
.searchForm .buttons {
    margin: 0.5rem 0px 0px 0px;
}
.searchFormResults {
    line-height: 1.1;
}
.searchFormResults .searchItem {
    padding: 10px;
    margin: 5px 0px;
    background-image: url(https://res.siteinteressant.net/design/gripBg.png);
    background-repeat: repeat-x;
    border-radius: 4px;
    background-color: #F4F3F2;
}
.searchFormResults .searchItem .infos {
    font-size: 0.8rem;
    border-bottom: 1px dashed black;
    padding: 0px 0px 0.5rem 0px;
}
.searchFormResults .searchItem .content {
    font-size: 0.8rem;
    margin: 0.5rem 0px 0.5rem 0px;
}
.searchFormResults .searchItem .footer {
    font-size: 0.8rem;
    color: grey;
    font-size: 0.7rem;
}
.forumDiv .actions .button1 {
    height: 1.5rem;
}
.forumDiv .subheader .infos1 {
    font-size: 0.8em;
}
.forumDiv .subheader .infos2 {
    font-size: 0.7rem;
    text-align: center;
    border-bottom: 1px dotted black;
    padding: 0px 0px 0.4em 0px;
}
.forumDiv .subheader .infos2 > .main {
    text-align: left;
    transition: all 0.5s;
    overflow: hidden;
    height: 1.1em;
    max-height: 1.1em;
    margin: 1em 0px 0px 0px;
}
.forumDiv .subheader .infos2.hide > .main {
    height: 0%;
    margin: 0;
    max-height: 0;
}
.forumDiv .hiddenFooter {
    font-size: 0.7rem;
    text-align: center;
    border-top: 1px dotted black;
    margin: 0.5rem 0px 0px 0px;
    padding: 0.4em 0px 0.4em 0px;
}
.forumDiv .hiddenFooter > .main {
    text-align: left;
    transition: all 0.5s;
    overflow: hidden;
    /* max-height: 1.2em; */
}
.forumDiv .hiddenFooter > .main ul {
    list-style: disc;
    margin: 0px 0px 0px 2em;
}
.forumDiv .hiddenFooter.hidden > .main {
    height: 0%;
    margin: 0;
    max-height: 0;
}
.forumDiv .octohitDiv .octohitDiv_mid p {
    color: darkRed;
    line-height: 1.1;
}
.popupDiv .gadgetInspector, .popupDiv .forumPopup {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    background-color: #3B4151;
    color: white;
    padding: 0.7rem;
    border: 4px solid #27282D;
    font-size: 0.85rem;
}
@media screen and (max-width: 800px) {
    .forumR, .forumL{
        max-width: 95%;
    }
    .forumDiv .forum_footer, .forumDiv .forum_header_sub2 {
        flex-direction: column;
        gap: 0.5rem;
    }
    .forumDiv .forum_footer .actions + .paginationDiv, .forumDiv .forum_header .paginationDiv {
        padding: 0;
        border: 0;
        padding-top: 1.5%;
        border-top: 1px dashed black;
    }
    .messageForm_form .buttonBar {
        flex-direction: column;
        gap: 0.3em;
    }
    .forum_comments .avatar {
        max-width: 60px;
        max-height: 60px;
    }
    .forum_comments .avatarDiv {
        width: 60px;
        max-height: 60px;
    }
    .forum_comments .header .main {
        margin: 0px 0px 0px 4.9rem;
    }
    .forum_comments .body {
        padding: 0.6rem 0.5rem 0.4rem 1.2rem;
    }
    .forum_comments .body > .main > p:first-of-type {
        text-indent: 3.7rem;
    }
    .forum_threads tbody tr[data-selected="true"] .selectArrow {
        display: none;
    }
    .popupDiv .gadgetInspector, .popupDiv .forumPopup {
        width: 80%;
    }
}

    .topOffsetIfAuth {
        position: relative;
        top: 32px;
    }
    .topBar {
        position:fixed;
        background-color: black;
        color: white;
        width: 100%;
        min-height: 32px;
        height: 2rem;
        box-shadow: 0px 0px min(10px,0.5rem) 0px black;
        z-index: 10;
        top: 0px;
    }
    .topBar_r {
        position: absolute;
        right: 0px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .topBar_r_recentEvents {
        background-color: #0482FF;
        box-shadow: 0px 0px 0.4rem 0.1rem #0482FF;
        border-radius: 0.2em;
        padding: 0.15rem 0.5rem;
        font-size: 0.8rem;
    }
    .topBar_r_slideArea {
        height: 100%;
        /* width: 100%; */
        display: flex;
        align-items: center;
        padding: 0px 1rem;
        gap: 0.5rem;
        text-decoration: none;
        color: white;
    }
    .topBar_r_slideArea .username {
        color: #B7B9C6;
    }
    .topBar_r_slideArea:hover {
        background-color: var(--color-orange-1);
    }
    .topBar_r_slideArea:hover .username {
        color: white;
    }
    .topBar_r_slideArea .avatar {
        max-height: 20px;
        max-width: 20px;
    }
    .rightBar {
        position:fixed;
        top: 0px;
        right: 0px;
        background-color: black;
        width: min(310px,70%);
        height: 100%;
        z-index: 11;
        transform: translate(100%,0%);
        transition: transform 0.15s;
        overflow: auto;
    }
    .rightBar[open="1"] {
        transform: translate(0%,0%);
        box-shadow: 0px 0px min(10px,0.5rem) 0px black;
    }
    .rightBar_titleDiv {
        height: 32px;
        width: 100%;
        background-color: var(--color-orange-1);
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 1.4rem;
        flex-direction: row-reverse;
    }
    .rightBar_titleDiv > p {
        width: 88%;
        text-align: center;
    }
    .rightBar_titleDiv_collapse {
        background-color: #feb500;
        width: 12%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .rightBar_titleDiv_collapse:hover {
        background-color: #ffe193;
        cursor: pointer;
    }
    .rightBar_optionsDiv a {
        display: flex;
        height: 2.6rem;
        width: 100%;
        text-decoration: none;
        align-items: center;
        font-size: 1.2rem;
    }
    .rightBar_optionsDiv .imgContainer {
        width: 4rem;
        display: flex;
        height: 100%;
        justify-content: center;
    }
    .rightBar_optionsDiv > .primary {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: var(--color-black-1);
    }
    .rightBar_optionsDiv > .primary img {
        width: 2.1rem;
        filter: drop-shadow(0px 1px 0px #2d3a68);
    }
    .rightBar_optionsDiv > .primary p,
    .rightBar_optionsDiv > .more > a:first-of-type p {
        flex: 1 100 90%;
        text-align: center;
        transform: translate(-8%, 0px);
    }
    .rightBar_optionsDiv > .more p {
        width: 100%;
        text-align: center;
    }
    .rightBar_optionsDiv > .more {
        border-bottom: 0.1rem solid #FE7D00;
    }
    .rightBar_optionsDiv > .more > a:first-of-type {
        display: flex;
        align-items: center;
        height: 1.6rem;
        font-size: 0.7rem;
    }
    .rightBar_optionsDiv > .more a {
        height: 2rem;
        font-size: 0.95rem;
    }
    .rightBar_optionsDiv > .more img {
        width: 0.7rem;
        transition: all 0.25s;
    }
    .rightBar_optionsDiv > .more > div {
        display: none;
    }
    .rightBar_optionsDiv > .more.expanded > div {
        display: initial;
    }
    .rightBar_optionsDiv > .more.expanded > a {
        background-color: var(--color-orange-1);
        color: white;
    }
    .rightBar_optionsDiv > .more.expanded img {
        transform: rotate(90deg);
    }
    .rightBar_optionsDiv a:hover {
        background-color: var(--color-orange-1);
        color: white;
    }
    .rightBar_notificationsDiv {
        /* height: 100%; */
        color: white;
    }
    .rightBar_notificationsDiv .sectionTitle {
        font-size: 1.5rem;
        margin: 1rem 0px 0px 1rem;
        color: var(--color-black-2);
        font-weight: bold;
    }
    .rightBar_notificationsDiv .notification {
        height: 5rem;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: white;
        padding: 0px 0px 0px 1rem;
        font-size: 0.8em;
        margin: 0.2rem 0px 0px 0px;
    }
    .rightBar_notificationsDiv .notification.unread {
        background-color: #0482FF;
        box-shadow: 0px 0px 0.4rem 0.1rem #0482FF;
    }
    .rightBar_notificationsDiv .notification .title {
        color: var(--color-orange-2);
    }
    .rightBar_notificationsDiv .notification:hover:not(.unread) {
        background-color: var(--color-orange-1);
    }
    .rightBar_notificationsDiv .notification:hover:not(.unread) .title {
        color: var(--color-black-1);
    }
    .rightBar_history .title {
        color: var(--color-orange-2);
    }
    .rightBar_history .historyItem {
        background-color: var(--color-black-1);
        font-size: 0.8rem;
        padding: 0.6rem;
        display: block;
        color: white;
        text-decoration: none;
    }
    .rightBar_history .historyItem:nth-child(2n) {
        background-color: #262a35;
    }
    .authPadded[data-is-auth="1"] {
        padding-top: min(32px,2rem);
    }

.popupDiv {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #0000003b;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
:where(.popupDiv > form:not(.removeDefaultStyle)), :where(.popupDiv > div:not(.removeDefaultStyle)) {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    border-radius: 6px;
    overflow: hidden;
    padding-bottom: 1rem;
}
@media screen and (max-width: 800px) {
    :where(.popupDiv > form:not(.removeDefaultStyle)), :where(.popupDiv > div:not(.removeDefaultStyle)) {
        color: black;
        width: 90%;
    }
}
/* Custom */
.popupContainer:not(.removeDefaultStyle) {
    background: var(--bg-gradient-1);
    color: var(--color-black-1);
    display: flex;
    flex-direction: column;
}
.popupContainer:not(.removeDefaultStyle) input[type="text"], .popupContainer:not(.removeDefaultStyle) input[type="password"] {
    background-color: var(--color-grey-darker);
    border: 1px solid #9F9D9B;
    height: 2rem;
    font-size: 1.2rem;
    box-shadow: inset 0px 1px 2px #C7C5C0;
    border: 0px;
    border-top: 1px solid #C7C6C0;
    border-bottom: 1px solid white;
    outline: 1px solid #9f9d9b;
}
.popupContainer:not(.removeDefaultStyle) :where(input[type="submit"]), .popupContainer:not(.removeDefaultStyle) :where(input[type="button"]) {
    background-color: var(--color-orange-2);
    color: white;
    width: 100%;
    height: 2rem;
    font-size: 1.2rem;
    border:0;
    text-shadow: 0px 1px 2px black;
    box-shadow: inset 0px 15px 0px #FF7900, inset 0px -1px 0px #A63F00, 0px 2px 2px rgba(0,0,0,0.4);
    cursor: pointer;
}
.popupContainer:not(.removeDefaultStyle) :where(input[type="submit"]:hover), .popupContainer:not(.removeDefaultStyle) :where(input[type="button"]:hover) {
    border: 1px solid white;
}
.imgBetterView {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.imgBetterView img {
    max-width: 95%;
    max-height: 95%;
}

#editAvatar {
    padding: 1rem;
    display: flex;
    gap: 1rem;
}

#askDisconnect {
    padding: 1rem;
    display: flex;
    gap: 1rem;
}

.connexionForm .stack label {
    font-weight: bold;
    font-size: 1.2rem;
    padding: 0.2rem 0px;
}
.connexionForm_titleDiv {
    background-color: var(--color-black-1);
    color: white;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
.connexionForm_login_subActions {
    text-align: right;
    font-size: 0.8rem;
}
.connexionForm_login_subActions p {
    padding: 0.1rem 0px;
}
.connexionForm_subDiv {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
    margin: 0px 0.8rem;
}
.connexionForm_login .main {
    gap: 0.3rem;
    display: flex;
    flex-direction: column;
}
.connexionForm_subDiv .stack {
    display: flex;
    flex-direction: column;
}
.connexionForm_login .main div:not(.stack) {
    align-self: center;
    font-size: 1rem;
    font-weight: bold;
    margin: 0.5rem 0px 0px 0px;
}
.connexionForm_logout, .connexionForm_editAvatar {
    display: flex;
    gap: 1em;
    flex-direction: column;
    margin: 0em 1em;
}
.connexionForm_editAvatar .avatars {
    display: flex;
    flex-wrap: wrap;
    max-height: min(350px, 30vh);
    overflow: auto;
}
.connexionForm_editAvatar .addAvatar, .connexionForm_editAvatar .avatar {
    max-width: 100px;
    max-height: 100px;
    width: 100px;
    height: 100px;
}
.connexionForm_editAvatar .addAvatar {
    border: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
}
.connexionForm_editAvatar .connexionForm_editAvatar_uploadOnly {
    height: 1.3rem;
    font-size: 0.8rem;
    width: 75%;
    align-self: center;
}
.askDisconnect {
    padding: 1rem;
    display: flex;
    gap: 1rem;
}
.goBack {
    position: absolute;
    top: 1rem;
    left: 2rem;
}
.goBack a {
    color: coral;
}

#mainDiv_userSettings {
    background: var(--bg-gradient-1);
    min-height: inherit;
    overflow: auto;
}
#mainDiv_userSettings > .main {
    margin: 2rem 8%;
}
#mainDiv_userSettings h2 {
    color: var(--color-black-2);
    font-size: 1.6rem;
    border-bottom: 1px solid black;
    margin: 1em 0px 0.7em 0px;
    padding: 0px 0px 0.1em 0px;
}
#mainDiv_userSettings ul li {
    margin: 0.5em 0px;
}
#mainDiv_userSettings ul > li > ul {
    margin: 0px 0px 0px 1em;
}
#mainDiv_userSettings input[type="checkbox"] {
    margin: 0px 0.5em 0px 0px;
}
#mainDiv_userSettings .sectionContent > ul > li > label.bold {
    font-weight: bold;
}
#mainDiv_userSettings input[type="submit"] {
    background-color: var(--color-black-2);
    border: 0;
    border-top: 1px solid #6C7188;
    outline: 1px solid var(--color-black-1);
    padding: 0.2rem 0.4rem 0.2rem 0.4rem;
    color: white;
    font-size: 0.7rem;
    font-weight: bold;
}
#mainDiv_userSettings input[type="submit"]:hover {
    background-color: #3b4151;
    border-color: var(--color-black-1);
}

#mainDiv_versionHistory {
    background: var(--bg-gradient-1);
    min-height: inherit;
    overflow: auto;
}
#mainDiv_versionHistory h2 + .subheader{
    font-size: 0.9rem;
    margin: 0.2em 0px 0px 0px;
}
#mainDiv_versionHistory p {
    line-height: 1.2em;
}
#mainDiv_versionHistory ul {
    list-style: disc;
    margin: 0.3em 0px 0.3em 2em;
    line-height: 1.2em;
}
#versions {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0px;
    padding: 0.3rem 0px;
    border-top: 1px dashed black;
    border-bottom: 1px dashed black;
    gap: 0.5rem;
}
#versions button {
    background-color: var(--color-black-2);
    border: 0;
    border-radius: 0.2em;
    padding: 0.2em 0.8em;
    color: white;
    font-weight: bold;
}
#versions button[selected="1"] {
    background-color: var(--color-orange-2);
}
#versionDescription {
    margin: 2rem 8%;
}
#versionDescription .main {
    margin: 1rem 0px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#versionDescription h2 {
    color: var(--color-orange-text-1);
    font-weight: bold;
    font-size: 1.8rem;
}
#versionDescription h2 span {
    color: grey;
    font-size: 0.6em;
}
#versionDescription h3 {
    color: var(--color-black-2);
    font-size: 1.6rem;
    border-bottom: 1px solid black;
    margin: 0px 0px 0.7em 0px;
    padding: 0px 0px 0.1em 0px;
}
#versionDescription h4 {
    font-size: 1.25rem;
    margin: 1em 0px 0.3em 0px;
}
#versionDescription h3 ~ section > p {
    margin: 0.5em 0px;
}

.pagination_details {
    font-weight: initial;
    font-size: 0.7rem;
}
.pagination_details:hover .nPage {
    border: 1px dashed white;
    box-sizing: border-box;
}
.pagination_details .nPage {
    font-size: 1rem;
    vertical-align: -0.15rem;
    font-weight: bold;
}
.pagination_details .maxPages {
    font-size: 0.7rem;
    opacity: 0.8;
    vertical-align: -0.05rem;
}
.pagination_details input[type="text"] {
    width: 2.5rem;
    text-align: center;
    border: 0;
    box-shadow: inset 0px 2px 3px 0px black;
}

.specialButton {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}
.specialButton:not(.disabled) .specialButton_begin {
    cursor: pointer;
}
.specialButton .specialButton_mid {
    background-image: url(https://res.siteinteressant.net/design/like_bg.png);
    background-repeat: repeat-x;
    height: 20px;
    display: flex;
    align-items: center;
    position: relative;
}
.specialButton .specialButton_mid .diffsDiv {
    position: absolute;
    top: -1em;
    left: -0.5ch;
    transform: translate(0%,-100%);
    display: flex;
    flex-direction: column-reverse;
    background-color: white;
}
.specialButton .specialButton_mid p {
    padding: 0px 5px 0px 7px;
    font-size: 11px;
    line-height: 1.1;
}

.specialButton.octohit .specialButton_mid p {
    color: darkred;
}
.popListManager {
    width: 90%;
    height: 90%;
    position: relative;
    left: 5%;
    top: 5%;
    background: var(--bg-gradient-1);
    overflow: auto;
}
.threadViewer_comments.loading {
    transition: transform 0.5s, all 0.6s;
    transition-delay: 0.3s;
    transition-timing-function: cubic-bezier(1, 0, 0.43, 0.47);
    transform: scale(0.995);
    opacity: 0.75;
}

.threadsNavigator_threads {
    margin: 0px 0px 1rem 0px;
    width: 100%;
    word-break: break-word;
}
.threadsNavigator_threads a {
    text-decoration: none;
    color: black;
    display: inline-block;
    width: 100%;
    min-height: 1.9rem;
    height: 100%;
}
.threadsNavigator_threads thead {
    font-size: 0.6rem;
    font-weight: bold;
}
.threadsNavigator_threads thead td {
    font-weight: bold;
    padding: 0px 0px 0.1em 0px;
}
.threadsNavigator_threads tbody td {
    height: 100%;
}
.threadsNavigator_threads tr.thread {
    font-size: 0.8rem;
    height: 1.9rem;
}
.threadsNavigator_threads tr.thread:not(.unread) p {
    opacity: 0.55;
}
.threadsNavigator_threads .statusIcons .selectArrow {
    position: absolute;
    transform: translate(-150%,0px);
    display: none;
}
.threadsNavigator_threads .statusIcons .unread {
    position: absolute;
    transform: translate(-50%,0px);
}
.threadsNavigator_threads tbody tr[data-selected="true"] .statusIcons, .threadsNavigator_threads tbody tr[data-selected="true"] .quickDetails{
    background-color: #B6B8BD;
}
.threadsNavigator_threads tbody tr[data-selected="true"] .title {
    background-color: #9FA2AA;
    box-shadow: inset 0px 0px 2px black;
}
.threadsNavigator_threads tbody tr[data-selected="true"] .selectArrow {
    display: initial;
}
.threadsNavigator_threads .statusIcons, .threadsNavigator_threads .quickDetails {
    background-color: #C4C5C8;
}
.threadsNavigator_threads .statusIcons {
    width: 8%;
}
.threadsNavigator_threads .statusIcons > a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.threadsNavigator_threads .statusIcons > a > div {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    height: 100%;
}
.threadsNavigator_threads .quickDetails {
    min-width: 21%;
    text-align: end;
}
.threadsNavigator_threads .quickDetails a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 0.1em 0px 0px;
}
.threadsNavigator_threads .quickDetails .nAnswers {
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 0.7;
    margin: 0.2em 0px 0.1em 0px;
}
.threadsNavigator_threads .quickDetails .author {
    font-size: 0.7rem;
    padding: 0em 0px 0.2em 0px;
}
.threadsNavigator_threads .title {
    background-color: #B2B4BA;
    width: 70%;
}
.threadsNavigator_threads .title a {
    display: flex;
    align-items: center;
    padding: 0.3em 0.2em 0.3em 0.2em;
    line-height: 1.1;
}
.threadsNavigator_threads .delimiter {
    background-color: var(--color-black-2);
    height: 0.75rem;
    font-size: 0.7rem;
    color: white;
    text-align: center;
    font-weight: bold;
}
.threadsNavigator_threads .delimiter p {
    line-height: 1.1;
}
.threadsNavigator_threadsFilter {
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    margin: 0px 0px 0.4em 0px;
}
.threadsNavigator_threadsFilter input[type="checkbox"] {
    margin: 0px 0.3em;
    width: 0.9em;
    height: 0.9em;
}

.threadlistsViewer_header {
    box-shadow: 0px 0px 0.2rem rgba(0,0,0,0.35);
    width: 94%;
    margin: 1rem auto 0.5rem auto;
}
.threadlistsViewer_header_sub1 {
    background-color: #B63B00;
    font-size: 1rem;
    color: white;
    font-weight: bold;
    padding: 0.1em 0.3em 0.1em 0.3em;
    display: flex;
    position: relative;
}
.threadlistsViewer_header_sub2 {
    display: flex;
    background-color: #B63B00;
    opacity: 0.83;
    padding: 0.4rem;
    flex-direction: column;
}
.threadlistsViewer_header_sub2 > div.buttonsDiv {
    display: flex;
    justify-content: space-between;
}
.threadlistsViewer_table:not(.removeDefaultStyle) {
    width: 94%;
    position: relative;
    left: 3%;
    top: 1%;
}
.threadlistsViewer_table:not(.removeDefaultStyle).remMode tbody {
    box-shadow: 0px 0px min(3px,1.2rem) min(8px,0.4rem) #dd2f2fa6;
}
.threadlistsViewer_table:not(.removeDefaultStyle) thead tr, .threadlistsViewer_table:not(.removeDefaultStyle) tbody tr {
    height: 1.1em;
}
.threadlistsViewer_table:not(.removeDefaultStyle).threadlists thead th:nth-child(1) {
    width: 80%;
}
.threadlistsViewer_table:not(.removeDefaultStyle).threadlists tbody td:nth-child(2) {
    text-align: center;
}
.threadlistsViewer_table:not(.removeDefaultStyle).threadlist_threads thead th:first-of-type {
    width: 7ch;
}
.threadlistsViewer_table:not(.removeDefaultStyle).threadlist_threads tbody td:nth-child(2) {
    width: 72%;
}
.threadlistsViewer_table:not(.removeDefaultStyle).threadlist_threads tbody td:nth-child(3) {
    text-align: center;
}
.threadlistsViewer_header .button1 {
    background-color: var(--color-black-2);
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 1px solid #6C7188;
    outline: 1px solid var(--color-black-1);
    padding: 0.2rem 0.4rem 0.2rem 0.4rem;
    color: white;
    font-size: 0.7rem;
    font-weight: bold;
}
.threadlistsViewer_header .button1:hover:not(:disabled) {
    background-color: #3b4151;
    border-color: var(--color-black-1);
}
.threadlistsViewer_header .button1 img {
    vertical-align: -0.4em;
    margin-right: 0.2rem;
}
.threadlistsViewer_table:not(.removeDefaultStyle) tr {
    font-size: 0.8rem;
    height: 1.9rem;
}
.threadlistsViewer_table:not(.removeDefaultStyle) a.takeSpace {
    text-decoration: none;
    color: black;
    width: 100%;
    min-height: 1.9rem;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0.3em 0.2em 0.3em 0.2em;
    line-height: 1.1;
}
.threadlistsViewer_table:not(.removeDefaultStyle) thead td {
    font-weight: bold;
    padding: 0px 0px 0.1em 0px;
}
.threadlistsViewer_table tr.threadlist td.listName, .threadlistsViewer_table tr.thread td.title {
    background-color: #B2B4BA;
}
.threadlistsViewer_table tr.thread td.threadDbId {
    width: 5%;
    max-width: 9ch;
    padding: 0.1em;
}
.threadlistsViewer_table tr.thread td.threadDbId p {
    text-align: center;
    font-weight: bold;
}
.threadlistsViewer_table td.actions, .threadlistsViewer_table tr.thread td.threadDbId {
    background-color: #C4C5C8;
}
.threadlistSettings {
    margin: auto;
    display: flex;
    flex-direction: column;
    color: white;
    gap: 0.2em;
    font-size: 0.8em;
}
.threadlistSettings .main {
    display: flex;
    gap: 0.4em;
    flex-direction: column;
}
.threadlistSettings .main > div {
    display: flex;
    align-items: center;
}
.threadlistSettings .main > div > label:first-child {
    min-width: 10ch;
}
.threadlistSettings_editorsDiv {
    display: flex;
    flex-direction: column;
    gap: 0.4em;
}
.threadlistSettings_editorsDiv > div {
    display: flex;
    align-items: center;
    gap: 0.4em;
}
.threadlistSettings_editorsDiv .threadlistSettings_editorslist {
    min-width: 22ch;
}
.threadlistSettings_editorsDiv table td:first-child {
    padding-right: 0.4em;
}
.threadlistSettings_editorsDiv table tr:not(:last-child) td:first-child {
    padding-bottom: 0.4em;
}
.threadlistSettings_editorsDiv table td *:first-child {
    width: 100%;
}
.threadlistSettings input[type="submit"] {
    align-self: center;
    margin: 0.2em 0px 0px 0px;
}

.multiselect_mainDiv {
    display: flex;
    flex-direction: column;
    gap: 0.4em;
}
.multiselect_div1, .multiselect_add_div {
    display: flex;
    gap: 0.4em;
}
.multiselect_div1 > div {
    display: flex;
    align-items: center;
    gap: 0.4em;
}
.multiselect_div1 .multiselect_select {
    min-width: 22ch;
}