/* Access Manager Skin */

/* Forms */
form fieldset.disabled { display: none; }
form fieldset.disabled + .fieldNote,
form fieldset.disabled + .fieldNote:not(:has(+ fieldset)),
form fieldset.disabled + .fieldNote:not(:has(+ hr)),
form hr:has(+ fieldset.disabled) { display: none; } /* Hide disabled items when fieldset is disabled */

form:not(:has(#field_type option[value="select"]:checked )) fieldset:has( #field_first_option ),
form:not(:has(#field_type option[value="select"]:checked )) fieldset:has( #field_first_option )+ .fieldNote { display: none; } /* Hide the "first option" field when the select type is not selected */

#authForm,
#regForm { max-width: 600px; box-shadow: -1px var(--box-shadow); border: 1px solid var(--light-color);border-radius: 0.5em; }
form #previewTextarea { display: block; height: 15em; margin-top: 1.5em; width: 100%; }

/* (from) vertical tablet */
@media screen and (min-width: 768px)
{
	form div.preview fieldset.buttons > * { padding-left: 1.1em; }
	form div.preview table.data td { text-align: center; }
}

/* <div class="todoList"> */
.todoList { margin-bottom: 0.5em; padding: 0.5em 0; }
.todoList > a {
	padding: 0.3em 1em 0.3em 2em;
	display: block;
	font-weight: bold;
}
.todoList > a:hover { text-decoration: none; }
.todoList > ul { list-style: none; padding-left: 2em; padding-right: 2em; }
.todoList > ul li { padding: 0.2em; font-size: 90%; }
.todoList > ul li::before { content: attr(data-label); }
.todoList > ul li.auto { color: #3C55BD; border-top: 1px solid #B3C4E9; margin-top: 5px; padding-top: 5px; }
.todoList > ul li.auto::before 	{ color: transparent; border-color: transparent }
.todoList > ul li.todo::before,
.todoList span.red 				{ color: var(--alert-color) !important; background: var(--alert-bg-color) !important; mix-blend-mode: initial !important; }
.todoList > ul li.done::before  { color: var(--success-color); background: var(--success-bg-color); }
.todoList > a:first-child span 	{ color: var(--info-color); background: var(--info-bg-color); mix-blend-mode: multiply; top: -0.1em; }
.todoList > ul li::before,
.todoList > a:first-child span,
.todoList .red	   			    { font-size: 0.8em; padding: 0.2em; border: 1px solid rgba(0,0,0,0.04); border-radius: 2px; display: inline-block; }

.todoList:not(.close),
.todoList.close:has(.todo) { background: var(--info-bg-color); color: var(--info-color); box-shadow: none; border: 1px solid rgba(0,0,0,0.02); }

.todoList.close > a::after { content: attr(data-seeall); font-weight: normal; font-size: 0.8em; }
.todoList.close > ul > li.done { display: none; }

/* Section: import CSV */
#csvEdit select + input { margin-left: 8px; }
#csvWrap { background-color: #FFF; margin: 4px -8px; padding: 8px; }
#csvWrap .csvResize { resize: vertical; max-height: 400px; overflow: auto; }
#csvWrap .csvError { font-weight: normal; color: var(--info-color); display: block; margin-top: 2px; }
#csvWrap .csvError.lock { color: var(--error-color); }
#csvWrap #csvTable { margin-bottom: 0; }
#csvWrap #csvTable .strike { text-decoration: line-through; opacity: 0.5; }
@media screen and (max-width: 767px)
{
	#csvWrap .csvResize { max-height: fit-content; }
}

/* icons */
a.switch:before,
.todoList > a:before { font-family: var(--fa-style-family-classic); font-weight: var(--fa-style, 900); display: inline-block; font-size: 0.9em; vertical-align: 0; min-width: 1.5em; text-align: center; margin-right: 0.1em; }

a.switch:before             { content: "\f121"; }
.todoList > a:before        { content: "\f077"; }
.todoList.close > a:before  { content: "\f078"; }

main > .navigation a.nav-back:before { content: "\f060"; }

main > .navigation ol > li > a[href*="module"]:before   { content: "\f00b"; }
main > .navigation ol > li > a[href*="user"]:before     { content: "\f4ff"; }
main > .navigation ol > li > a[href*="register"]:before { content: "\f25d"; }
main > .navigation ol > li > a[href*="auth"]:before     { content: "\f084"; }
main > .navigation ol > li > a[href*="data"]:before     { content: "\f0c2"; }
main > .navigation ol > li > a[href*="dataset"]:before  { content: "\f0fe"; }
main > .navigation ol > li > a[href*="settings"]:before { content: "\f1de"; }

main > .navigation ol > li.nav-ecousers  > a:before { content: "\f007"; }
main > .navigation ol > li.nav-ecouser   > a:before { content: "\f007"; }
main > .navigation ol > li.nav-whitelist > a:before { content: "\e541"; }
main > .navigation ol > li.nav-blacklist > a:before { content: "\e540"; }

.event-resume .col .goto:after { content: "\f105"; margin-left: 0;}
.event-resume .col .edit:after { content: "\f044"; }

#toggleExtraSettings { margin-left: 1em; }