.mini-calendar #date-select-form .grouped-element,
.mini-calendar #date-select-form select { border-width: 0; }

.mini-calendar th,
.mini-calendar td { width: calc(100% / 8); }

.mini-calendar { table-layout: fixed; }

.mini-calendar .calendar-week span { display: block; }

.mini-calendar .calendar-cell {
padding: 0.809em 0;
font-size: 0.809em;
}

.mini-calendar a:hover { text-decoration: none; }

@media (min-width: 769px) {
.mini-calendar .calendar-cell { font-size: 0.618em; }

.narrow-menu .mini-calendar .calendar-cell { padding: 0.456em 0; }
}

@media (min-width: 1025px) {
.mini-calendar .calendar-cell { font-size: 0.809em; }
}

.mini-calendar td[class*="calendar-"],
.mini-calendar td[class*="calendar-"]:last-child {
padding: 0;
border-width: 0;
}

.mini-calendar td:not(.legend-line) a {
display: block;
position: relative;
}

.mini-calendar .event-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
line-height: 0.456em;
padding: 0 0.309em 0.228em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}

.mini-calendar .event-spot {
display: inline-block;
width: 4px;
height: 4px;
box-shadow: 0 0 1px 1px rgba(var(--darken), 0.2);
border-radius: 50%;
}

.mini-calendar td.legend-line a.pinned { padding: 0 0.309em 0 1.618em; }


#module-connect#login { cursor: help; }

#module-connect .social-connect { display: inline-block; }

#module-connect .js-menu-button {
display: block;
padding: 0.309em 0.809em;
position: relative;
}

#module-connect .js-menu-button .stacked { margin: 0 0 0 0.809em; }

#module-connect .js-menu-button::after {
position: absolute;
font-family: 'Font Awesome 6 Free';
font-weight: 900;
content: '\f0d7';
right: 0.809em;
}

#module-connect.active-connect .js-menu-button::after { content: '\f0d8'; }

#module-connect .cell-list-inline ul {
flex-direction: column;
flex-wrap: nowrap;
}

#module-connect .cell-list .li-spaced a { padding: 0.618em; }

#module-connect .cell-list li:hover { background-color: transparent; }

#module-connect .li-spaced {
padding: 0.456em;
width: 100%;
}

@media (min-width: 769px) {
#module-connect .js-menu-button { display: none; }

#module-connect .cell-list-inline ul {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}

#module-connect .li-spaced { width: auto; }

#module-connect .cell-list .li-spaced a { padding: 0 0.618em 0 0; }
}

.connect-container-horizontal {
opacity: 0;
visibility: hidden;
width: 100%;
z-index: 200;
height: 0;
}

.active-connect .connect-container-horizontal {
opacity: 1;
visibility: visible;
height: auto;
}

.active-connect .js-menu-button,
.js-menu-button:hover { text-decoration: none; }

@media (min-width: 769px) {
#module-connect .connect-container-horizontal {
opacity: 1;
visibility: visible;
height: auto;
}

#module-connect .cell-list-inline .connect-container form { display: inline-flex; }

#module-connect .cell-list .connect-container li { padding: 0.309em; }

#module-connect .cell-list .connect-container .autoconnect {
padding: 0.618em 0;
display: inline-block;
}
}


#shoutbox-messages-container {
margin: auto;
height: 150px;
overflow: auto;
text-align: left;
word-wrap: break-word;
line-height: 1;
}

.shout-horizontal { padding-left: 1.5em; }

.bbcode-elements.bbcode-block-shoutbox { position: static !important; }

#shoutbox-bbcode-container [class*="cell-"] { background-color: var(--bgc-sub); }

.bbcode-block-container::after { border-color: transparent; }

.shout-form-container { text-align: center; }

.shout-form-container label { display: block; }

#shoutbox-bbcode-container ul {
margin: 0;
padding: 0;
}

.shoutbox-message {
font-size: 0.809em;
margin-bottom: 0.618em;
}

#shoutbox-messages-container .emoji-tag { font-size: 120%; }


.bbcode-sidebar > textarea {
min-height: 380px;
padding: 0.309em 1.228em 0.309em 1.618em;
}

.bbcode-container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-around;
margin: 0;
list-style-type: none;
}

.form-field-textarea { position: relative;}

.bbcode-bar {
display: table;
position: absolute;
top: 0.809em;
right: -1.1618em;
width: 0;
}

.bbcode-groups {
list-style-type: none;
margin: 0;
padding: 0;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-color: var(--bdr-main);
background-color: var(--bgc-main);
}

.bbcode-group {
position: relative;
}

.bbcode-group > ul {
position: absolute;
top: 50%;
right: calc(100% + 1px);
opacity: 0;
visibility: hidden;
transition: all 0.3s;
width: 12.28em;
background-color: var(--bgc-main);
}

.bbcode-group.bbcode-sub > ul {
top: 0;
opacity: 1;
visibility: visible;
transition: all 0.3s
}

.bbcode-sub > span {
color: var(--main-light);
background-color: rgba(var(--main-rgb-t), 0.2);
}



.constraint-status-right .bbcode-elements input,
.constraint-status-right .bbcode-elements select,
.constraint-status-right .bbcode-elements textarea { padding-left: 0.618em; }

.bbcode-elements .flex-between .formatter-title {
flex: 1 1 auto;
margin-right: 0.618em !important;
}

.bbcode-elements .flex-between .button {
height: 31px;
align-self: flex-end;
}

.bbcode-label { flex: 1 1 auto; }

.bbcode-elements .button { display: inline-block; }

.cell-table.color-table td {
cursor: pointer;
border-width: 3px !important;
width: calc(100% / 8);
}

.bbcode-forbidden {
opacity: 0.3 !important;
cursor: not-allowed !important;
}


.bbcode-button {
display: inline-block;
padding: 0.309em;
cursor: pointer;
font-size: 1.228em
}


#html-style .button.bgc-full {
padding: 0.228em 1.618em;
}

#emojis.bbcode-elements ul li h5 { padding: 0.618em 0.618em; }

#emojis.bbcode-elements ul li h6 { padding: 0.618em 1.618em; }

#emojis.bbcode-elements ul li span {
display: block;
padding: 0.228em 0.809em;
cursor: pointer;
}


div.mce-edit-area,
div.mce-statusbar {
margin-left: auto;
margin-right: auto;
width: 98%;
}

label.mce-wordcount {
position: relative;
}

div.mce-window-head {
padding: 20px 15px;
}

.form-element-textarea .form-field-textarea div {
float: none;
}

.tox-sidebar-wrap .tox-edit-area {
padding: 15px;
}

.mce-resizehandle {
margin-bottom: 5px !important;
}

div[id$="rich_text_field"].editor-tinymce .form-field-textarea.field-required:after,
div[id$="rich_text_field"].editor-tinymce.constraint-status-right .form-field-textarea.field-required:after,
div[id$="rich_text_field"].editor-tinymce.constraint-status-error .form-field-textarea.field-required:after {
top: auto;
right: 28px;
}

div[id$="rich_text_field"].editor-tinymce.constraint-status-error .form-field-textarea.field-required:after {
bottom: 10px;
}

div[id$="rich_text_field"].editor-tinymce.constraint-status-right .form-field-textarea.field-required:after {
bottom: 8px;
}

.mce-content-body blockquote {
margin: 0.456em;
padding: 0.618em 1.618em;
background-color: var(--bgc-sub);
position: relative;
font-style: italic;
}

.mce-content-body blockquote::before,
.mce-content-body blockquote::after {
position: absolute;
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 1em;
}

.mce-content-body blockquote::before {
content: '\f10d';
top: -0.256em;
left: -0.256em;
}

.mce-content-body blockquote::after {
content: '\f10e';
bottom: -0.256em;
right: -0.1618em;
}


#scrolling-images {
position: relative;
height: 150px;
overflow: hidden;
text-align: center;
}

#module-mini-gallery ul {
margin: 0 auto;
list-style: none;
}

#scrolling-images .mini-picture {
display: flex;
justify-content: center;
align-items: center;
}


.map-address-input { width: 100%; }

.map-canvas {
width: 100%;
padding-bottom: 56.25%;
}

.googlemap {
width: 100%;
padding-bottom: 56.25%;
}

.multiple-markers-container .marker-container { margin-bottom: 0.618em; }



#module-mini-langsswitcher .cssmenu-select .has-sub > .cssmenu-title {
margin: 0;
border-color: transparent;
}


#module-mini-themesswitcher .cssmenu-select .has-sub > .cssmenu-title { margin: 0; }

.themes-switcher { padding: 0.809em; }

.themes-switcher-vertical select {
display: block;
margin: 0 auto 0.309em auto;
}


.grecaptcha-badge { bottom: 70px !important; }

@media (max-width: 768px) {
.grecaptcha-badge {
z-index: 300 !important;
bottom: 60px !important;
}

.g-recaptcha div { width: 101% !important; }

.g-recaptcha iframe { max-width: 101%; }
}


#module-mini-search .grouped-search { flex-direction: row; }

#module-mini-search .grouped-search input { width: 100%; }
#module-mini-search .grouped-search button { width: auto; }

#mini-search-form {
margin: 1em 1em 1em 0;
white-space: nowrap;
vertical-align: middle;
}

@media (min-width: 769px) {
#mini-search-form { margin: 0.618em 1.618em 0.618em 0; }
#module-mini-search .grouped-search input { width: auto; }
}



.social-connect {
display: block;
padding: 0.809em 1.618em;
text-align: center;
font-size: 0.618em;
}

@media (min-width: 769px) {
.social-connect.login-page { display: inline-block; }
}

.social-connect.login-page { margin: 0.809em 0; }

.horizontal-fieldset .social-connect {
margin: 0;
vertical-align: middle;
}

.social-connect i:before {
transition: 0.2s ease-out;
font-size: 1.618em;
}

.social-connect:hover i:before { transition: 0.2s ease-out; }

span.social-connect i:before { font-size: 1.618em; }
span.social-connect { padding: 1em 1.618em; }

.social-connect span { display: none; }

.social-connect { color: var(--txt-alt); }

.social-connect i:before { color: var(--txt-alt); }


.blogger{ background-color: #f57d00; }
.discord{ background-color: #7289DA; }
.facebook { background-color: #3b5998; }
.flickr { background-color: #f40083; }
.github { background-color: #24292E; }
.googleplus { background-color: #DD4b39; }
.google { background-color: #4285f4; }
.instagram{ background-color: #c32aa3; }
.line { background-color: #00b900; }
.linkedin { background-color: #0077B5; }
.pinterest{ background-color: #BD081C; }
.reddit { background-color: #FF4500; }
.skype{ background-color: #00AFF0; }
.slack{ background-color: #4d394b; }
.snapchat { background-color: #FFFC00; }
.soundcloud { background-color: #FF8800; }
.spotify{ background-color: #1ed760; }
.steam{ background-color: #171A21; }
.telegram { background-color: #0088CC; }
.tumblr { background-color: #35465d; }
.twitch { background-color: #6441A4; }
.twitter{ background-color: #1da1f2; }
.viadeo { background-color: #f07355; }
.viber{ background-color: #675CA8; }
.wechat { background-color: #7BB32E; }
.whatsapp { background-color: #25D366; }
.yahoo{ background-color: #430297; }
.youtube{ background-color: #ff0000; }

.blogger:hover{ color: #f57d00; border-color: #f57d00; background-color: rgba(245, 125, 0, 0.4); }
.discord:hover{ color: #7289DA; border-color: #7289DA; background-color: rgba(114, 137, 218, 0.4); }
.facebook:hover { color: #3b5998; border-color: #3b5998; background-color: rgba(59, 89, 152, 0.4); }
.flickr:hover { color: #f40083; border-color: #f40083; background-color: rgba(244, 0, 131, 0.4); }
.github:hover { color: #24292E; border-color: #24292E; background-color: rgba(36, 41, 46, 0.4); }
.googleplus:hover { color: #DD4b39; border-color: #DD4b39; background-color: rgba(221, 75, 57, 0.4); }
.google:hover { color: #4285f4; border-color: #4285f4; background-color: rgba(66, 133, 244, 0.4); }
.instagram:hover{ color: #c32aa3; border-color: #c32aa3; background-color: rgba(195, 42, 163, 0.4); }
.line:hover { color: #00b900; border-color: #00b900; background-color: rgba(0, 185, 0, 0.4); }
.linkedin:hover { color: #0077B5; border-color: #0077B5; background-color: rgba(0, 119, 181, 0.4); }
.pinterest:hover{ color: #BD081C; border-color: #BD081C; background-color: rgba(189, 8, 28, 0.4); }
.reddit:hover { color: #FF4500; border-color: #FF4500; background-color: rgba(255, 69, 0, 0.4); }
.skype:hover{ color: #00AFF0; border-color: #00AFF0; background-color: rgba(0, 175, 240, 0.4); }
.slack:hover{ color: #4d394b; border-color: #4d394b; background-color: rgba(77, 57, 75, 0.4); }
.snapchat:hover { color: #FFFC00; border-color: #FFFC00; background-color: rgba(255, 252, 0, 0.4); }
.soundcloud:hover { color: #FF8800; border-color: #FF8800; background-color: rgba(255, 136, 0, 0.4); }
.spotify:hover{ color: #1ed760; border-color: #1ed760; background-color: rgba(30, 215, 96, 0.4); }
.steam:hover{ color: #171A21; border-color: #171A21; background-color: rgba(23, 26, 33, 0.4); }
.telegram:hover { color: #0088CC; border-color: #0088CC; background-color: rgba(0, 136, 204, 0.4); }
.tumblr:hover { color: #35465d; border-color: #35465d; background-color: rgba(53, 70, 93, 0.4); }
.twitch:hover { color: #6441A4; border-color: #6441A4; background-color: rgba(100, 65, 164, 0.4); }
.twitter:hover{ color: #1da1f2; border-color: #1da1f2; background-color: rgba(29, 161, 242, 0.4); }
.viadeo:hover { color: #f07355; border-color: #f07355; background-color: rgba(240, 115, 85, 0.4); }
.viber:hover{ color: #675CA8; border-color: #675CA8; background-color: rgba(104, 93, 168, 0.4); }
.wechat:hover { color: #7BB32E; border-color: #7BB32E; background-color: rgba(123, 179, 46, 0.4); }
.whatsapp:hover { color: #25D366; border-color: #25D366; background-color: rgba(37, 210, 102, 0.4); }
.yahoo:hover{ color: #430297; border-color: #430297; background-color: rgba(67, 2, 150, 0.4); }
.youtube:hover{ color: #ff0000; border-color: #ff0000; background-color: rgba(255, 0, 0, 0.4); }


.social-networks-list-container .sortable-title > .social-connect {
font-size: .618em;
margin-right: 0.809em;
}


#pollmini_loading {
display: none;
width:auto;
height:3px;
overflow:hidden;
background-color:var(--logo-dark);
margin:auto;
}

.pollmini_loadingprogress{
background-color:var(--logo-tone);
margin-top:0;
margin-left:-300px;
animation-name:bounce_pollmini_loadingprogress;
animation-duration:1.5s;
animation-iteration-count:infinite;
animation-timing-function:linear;
width:300px;
height:3px;
}

@keyframes bounce_pollmini_loadingprogress{
0%{
margin-left:-300px;
}

100%{
margin-left:300px;
}
}

@-o-keyframes bounce_pollmini_loadingprogress{
0%{
margin-left:-300px;
}

100%{
margin-left:300px;
}
}

@-ms-keyframes bounce_pollmini_loadingprogress{
0%{
margin-left:-300px;
}

100%{
margin-left:300px;
}
}

@-webkit-keyframes bounce_pollmini_loadingprogress{
0%{
margin-left:-300px;
}

100%{
margin-left:300px;
}
}

@-moz-keyframes bounce_pollmini_loadingprogress{
0%{
margin-left:-300px;
}

100%{
margin-left:300px;
}
}

#module-mini-download .category-folder {
text-align: right;
font-size: 0.809em;
}



#profile-container { margin: 2em auto; }

.preview-img {
max-height: 180px;
vertical-align: top;
}

.user-agreement {
width: 90%;
max-width: none;
max-height: 250px;
overflow-y: auto !important;
}

.user-group-select { margin-bottom: 1.309em; }

.user-group-select fieldset { margin: 0; }

.user-group-select label {
width: auto;
vertical-align: middle;
}

#module-user-messages .cell-name { padding-left: 0.309em;}


#module-user-contribution-list hr { margin: 1.309em 0; }

.module-contribution-element {
float: left;
margin: 1.309em 0;
text-align: center;
}

#module-user-moderation-panel .content { padding-bottom: 75px; }

#module-user-moderation-panel .bt td:before { display: none; }

#module-user-moderation-panel .bt-content {
display: block;
width: 100%;
text-align: center;
}

.contribution-module-container {
float: left;
margin: 1.309em 0;
text-align: center;
}

table.announce-legend td { width: calc(100% / 3); }


#module-user-error-403 .content,
#module-user-error-404 .content {
text-align: center;
font-size: 1.482em;
}

#module-user-error-403 .message-error,
#module-user-error-404 .message-error { padding: 1.309em 0; }

#module-user-error-403 .type-error,
#module-user-error-404 .type-error { padding: 0.618em 0; }


.group-container {
display: flex;
flex-direction: column;
}

.list-members-container { flex: 0 0 auto; }

.list-members-container > .user-card {
overflow: hidden;
max-height: 0;
transition: 0.3s ease;
}

.list-members-container.selected > .user-card { max-height: 9999px; }

.list-group-container.reorder-top { order : 1; }
.list-admins-container { order : 2; }
.list-modos-container{ order : 3; }
.list-members-container { order : 4; }

.list-members-container-action {
float: right;
font-size: 0.618em;
}

.list-members-container-action a {
width: 25px;
height: 25px;
text-align: center;
font-size: 0.809em;
}

.list-members-container-action i { vertical-align: middle; }

.action-less{ display: none; }
.selected .action-less { display: inline-block; }

.action-more{ display: inline-block; }
.selected .action-more { display: none; }

.group-button {
opacity: 0.5;
display: inline-block;
}

.group-button.selected { opacity: 1; }

.user-card-avatar,
.group-has-img img { max-height: 3em; }



.message-announce,
.message-announce-new,
.message-announce-track { font-size: 1.618em; }


@media (min-width: 769px) {
.user-upload-files .cell-inline > * { width: 220px; }
}


.dnd-area { position: relative;}

.dnd-dropzone {
min-height: 120px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
border-width: 2px;
border-style: dashed;
}

#new-multiple-files .submit[disabled] { cursor: not-allowed; }

.ufiles {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
background-color: transparent;
}

.ready-to-load {
position: absolute;
top: 0.618em;
right: 0;
}

.clear-list {
display: none;
margin: 0;
}

.files-nbr {
font-size:0.809em;
margin-top:2px;
}

.ulist {
max-width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 0;
padding: 0;
}

.upload-help {
border-radius: 100%;
padding: .309em 0.618em;
position: absolute;
bottom: 0;
right: 0.309em;
width: auto;
}

.ulist li {
padding: 0.309em;
margin: 0.456em 0.456em 0 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-style: solid;
border-width: 1px;
line-height: 45px;
}

.ulist img,
.ulist .far {
margin-right: 0.256em;
max-width: 80px;
max-height: 45px;
}

.close-item {
position: absolute;
top: -0.256em;
right: -0.256em;
display: none;

}


.change-name input { width: 100%; }

.upload-address-bar-links {
padding: 0.618em 1.618em 1.618em;
text-align: right;
}

.upload-address-bar-links a {
margin: 0 0 0.618em 0.618em;
display: inline-block;
}

.upload-address-bar { padding: 0.618em; }

#empty-folder { width: 70%; }

.upload-elements-container { text-align: left; }

.upload-elements-file,
.upload-elements-repertory {
display: inline-block;
vertical-align: top;
margin: 10px;
}

.upload-elements-repertory {
line-height: 50px;
width: 180px;
text-align: center;
border-width: 1px;
border-style: solid;
}

.upload-repertory-controls { font-size: 0; }

.upload-repertory-controls span {
font-size: 1.6rem;
width: calc(100% / 3);
display: inline-block;
}

.upload-elements-file { width: 180px; }

.upload-elements-file input { width: 100%; }

.upload-element-name {
width: 100%;
text-align: center;
}

.upload-element-picture {
width: 100%;
height: 100px;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.upload-element-icon {
width: 100%;
height: 100px;
border-width: 1px;
border-style: solid;
display: flex;
justify-content: center;
align-items: center;
}

.upload-elements-repertory .upload-element-icon { border-width: 0 0 1px; }

.upload-file-controls { font-size: 0; }

.upload-file-controls a {
font-size: 1.6rem;
width: calc(100% / 4);
display: inline-block;
text-align: center;
padding: 3px 0;
}

#new-file .form-field { width: auto; }


.upload-move-container {
display: flex;
flex-direction: column;
}

.file-move-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin: 0.618em 0;
}

.file-move-container img {
width: 100px;
height: auto;
}

@media (min-width: 769px) {
.upload-move-container { flex-direction: row; }

.file-move-container{ width: calc(100% / 3); }

.file-move-container:last-child {align-items: flex-start; }
}

.upload-selected-cat {
border-width: 1px;
border-style: solid;
}

.upload-cat-list,
.upload-cat-explorer { list-style: none; }

.upload-cat-list li a,
.upload-cat-explorer li a {
padding: 0.309em 0.1618em;
display: inline-block;
}

.upload-cat-list li span,
.upload-cat-explorer li span { padding: 0.309em 0.228em; }

.missing-file > * {
background-color: var(--error-tone) !important;
color: var(--txt-alt) !important;
}


#module-calendar .calendar-event-day {
word-wrap: normal;
overflow-wrap: normal;
hyphens: none;
text-align: center;
font-size: 2em;
}

#date-select-form .grouped-element { border-width: 0; }

.location-map { margin: 0.618em 0; }

.calendar-table { table-layout: fixed; }

.calendar-table th,
.calendar-table td { width: calc(100% / 8); }

.calendar-table td a:hover { text-decoration: none; }

td[class*="calendar-"],
td[class*="calendar-"]:last-child {
padding: 0;
border-width: 0;
}

.calendar-table td:not(.legend-line) a {
padding: 0.618em 0.456em;
display: block;
position: relative;
}

.event-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
line-height: 0.456em;
padding: 0 0.309em 0.228em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}

.event-spot {
display: inline-block;
width: 8px;
height: 8px;
box-shadow: 0 0 1px 1px rgba(var(--darken), 0.2);
border-radius: 50%;
}

#module-calendar .html-table-filters * { margin: 0 !important;}