/* --- 9. MONOKAI PRO  ---  */
:root, */
html, */
body { */
	--bg-color: #2d2a2e !important; */
	--accent-color: #221f22 !important; */
	--text-color: #fcfcfa !important; */
	--link-color: #78dce8 !important; */
	--link-hover-color: #ff6188 !important; */
	--table-alt-bg: #403e41 !important; */
	--table-active-bg: #5b595c !important; */
	--table-hover-bg: #727072 !important; */
	--hilite-1: #a9dc76 !important; */
	--srv-1: var(--text-color) !important; */
	--directory-color: var(--link-color) !important; */
	--directory-hover-color: var(--link-hover-color) !important; */
} */

 body,
 html {
 	color-scheme: light !important;
 	font-family: monospace;
 	font-size: 12px;
 	background-color: var(--bg-color);
 	color: var(--text-color);
 	text-shadow: none !important;
 }

 a {
 	color: var(--link-color);
 }

 a:hover {
 	color: var(--link-hover-color);
 }


 #srv_info,
 #acc_info {
 	color: var(--text-color);
 	background-color: var(--bg-color);
 }

 #srv_info2 span {
 	color: var(--text-color);
 }

 #ops,
 #ops a,
 #path,
 #wtoggle {
 	background-color: var(--bg-color) !important;
 	border: 0 !important;
 	box-shadow: #ffffff 0px 0px 0px 0px !important;
 	text-shadow: none !important;
 }

 #ops::after {
 	content: "" !important;
 	display: block !important;
 	width: 100% !important;
 	border-top: 1px solid #e4e4e7 !important;
 	margin-top: 12px !important;
 	margin-bottom: 12px !important;
 }

 #opa_del,
 #opa_x,
 #opa_up,
 #opa_bup,
 #opa_mkd,
 #opa_cfg,
 #opa_md,
 #opa_msg,
 #opa_auc,
 #entree,
 #detree,
 #path i {
 	font-size: 0 !important;
 	text-decoration: none !important;
 }

 #opa_del::after,
 #opa_up::after,
 #opa_bup::after,
 #opa_mkd::after,
 #opa_cfg::after,
 #opa_md::after,
 #opa_msg::after,
 #opa_auc::after,
 #detree::after,
 #entree::after {
 	font-size: 12px !important;
 	color: var(--link-color);
 	font-family: monospace;
 }

 #opa_del:hover::after,
 #opa_up:hover::after,
 #opa_bup:hover::after,
 #opa_mkd:hover::after,
 #opa_cfg:hover::after,
 #opa_md:hover::after,
 #opa_msg:hover::after,
 #opa_auc:hover::after,
 #detree:hover::after,
 #entree:hover::after {
 	color: var(--link-hover-color);
 }

 #opa_del::after {
 	content: "delete | ";
 }

 #opa_up::after {
 	content: "upload | ";
 }

 #opa_bup::after {
 	content: "basic upload | ";
 }

 #opa_mkd::after {
 	content: "mkdir | ";
 }

 #opa_md::after {
 	content: "new file | ";
 }

 #opa_msg::after {
 	content: "msg server | ";
 }

 #opa_auc::after {
 	content: "audio";
 }

 #opa_cfg::after {
 	content: " | settings";
 }

 #entree::after {
 	content: "show tree";
 }

 #detree::after {
 	content: "hide tree";
 }

 #path {
 	margin-top: 0px;
 }

 #files thead,
 #files thead tr th {
 	background-color: var(--bg-color);
 	background-image: none !important;
 	text-shadow: none !important;
 	font-size: 14px;
 }

 #files tr td {
 	border: none !important;
 	box-shadow: none !important;
 	outline: none !important;
 	text-shadow: none !important;
 	font-size: 14px;
 	color: var(--text-color) !important;
 }

 #files tr td a {
 	color: var(--link-color) !important;
 }

 #files tr td a[href$="/"] {
 	color: var(--directory-color) !important;
 	font-weight: bold;
 }

 #files tr td a[href$="/"]:hover {
 	color: var(--directory-hover-color) !important;
 	font-weight: bold;
 }

 #files tbody tr:nth-child(odd) td {
 	background-color: var(--bg-color);
 	background-image: none !important;
 }


 #files tbody tr:nth-child(even) td {
 	background-color: var(--table-alt-bg) !important;
 	background-image: none !important;
 }


 #files tbody tr:hover td {
 	background-color: var(--table-hover-bg) !important;
 	background-image: none !important;
 }

 #files tbody tr.act td,
 #files tbody tr.sel td {
 	background-color: var(--table-active-bg) !important;
 	background-image: none !important;
 }

 #files tbody tr.act td *,
 #files tbody tr.sel td *,
 #files tbody tr.act td a,
 #files tbody tr.sel td a,
 #files tbody tr.act td span,
 #files tbody tr.sel td span {
 	color: #000000 !important;
 	text-shadow: none !important;
 }

 #files tbody tr.act:hover td,
 #files tbody tr.sel:hover td {
 	background-color: var(--table-active-bg) !important;
 }


 #files tbody tr td a:hover,
 #files tbody tr td a:hover *,
 #files tbody tr td span:hover,
 #files tbody tr td .t:hover,
 #files tbody tr td .h:hover {
 	background-color: transparent !important;
 	background-image: none !important;
 	color: var(--link-hover-color) !important;
 	text-decoration: underline !important;
 }

 #wfp,
 #rep1 {
 	font-size: 12px;
 	text-shadow: none !important;
 	font-weight: 400;
 }

 #path a {
 	font-size: 12px;
 }

 #path a:hover {
 	background-color: transparent !important;
 	background-image: none !important;
 	color: var(--link-hover-color) !important;
 	text-decoration: underline !important;
 }


 #widget .act,
 #widget .act *,
 #widget div.act,
 #widget button.act,
 #widget a.act {
 	background-color: var(--bg-color) !important;
 	box-shadow: none !important;
 	color: var(--text-color) !important;
 	text-shadow: none !important;
 }


 #widget *:focus,
 #widget *:focus-visible,
 #widget *:active {
 	outline: none !important;
 	outline-color: transparent !important;
 	box-shadow: none !important;
 }


 #widget div:hover,
 #widget button:hover,
 #widget a:hover {
 	color: var(--link-hover-color) !important;
 }

 #tt,
 div#tt,
 body #tt {
 	background-color: var(--accent-color) !important;
 	background-image: none !important;
 	border: none !important;
 	box-shadow: none !important;
 	text-shadow: none !important;
 	border-radius: 0px !important;
 	padding: 4px 8px !important;
 }

 .show {
 	color: var(--text-color) !important;
 }

 .opbox,
 .opview {
 	color: var(--text-color) !important;
 	background-color: var(--bg-color) !important;
 	border: none !important;
 	box-shadow: none !important;
 	text-shadow: none !important;
 }

 #u2etat,
 #u2etas,
 #u2cards {
 	background-color: var(--bg-color) !important;
 	background-image: none !important;
 	border: none !important;
 	box-shadow: none !important;
 }

 #u2cards a,
 #u2cards span {
 	background-color: var(--bg-color) !important;
 	background-image: none !important;
 	color: var(--text-color) !important;
 }

 #u2cards .act {
 	background-color: var(--bg-color) !important;
 	background-image: none !important;
 	box-shadow: none !important;
 	border: solid black 1px !important;
 	outline-color: var(--bg-color);
 }

 #u2err {
 	color: var(--text-color) !important;
 }

 #op_bup>div>label {
 	color: var(--text-color) !important;
 }

 #rcm {
 	background-color: var(--accent-color) !important;
 	background-image: none !important;
 	box-shadow: none !important;
 	border: solid black 1px !important;
 	outline-color: var(--bg-color);
 }

 #rcm>a:hover {
 	background-color: var(--accent-color) !important;
 	background-image: none !important;
 }


 #tree {
 	background-color: var(--bg-color) !important;
 	background-image: none !important;
 	box-shadow: none !important;
 	border-right: solid black 1px;
 	border-top: 0px !important;
 	border-radius: 0px !important;
 }

 #tree li {
 	border: none !important;
 }

 #treeh {
 	background-color: var(--bg-color) !important;
 	background-image: none !important;
 	border-radius: 0px;
 }

 #treeul li a,
 .hl {
 	background-color: var(--background-color) !important;
 }

 .hl {
 	color: var(--text-color) !important;
 }

 #treeul a:hover {
 	color: var(--link-hover-color) !important;
 }

 #treeh a {
 	color: var(--link-color) !important;
 }

 #treeh a:hover {
 	color: var(--link-hover-color) !important;
 	background-color: var(--accent-color) !important;
 }

 #op_player h3,
 #op_cfg h3 {
 	color: var(--text-color) !important;
 }

 .tgl {
 	color: var(--text-color) !important;
 	background-color: var(--table-alt-bg) !important;
 }

 .tgl:hover {
 	background-color: var(--hilite-1) !important;
 }

 .on {
 	background-color: var(--hilite-1) !important;
 	color: var(--bg-color) !important;
 }

 .drc_v,
 .eq_gain,
 .ssconf_v,
 #pb_tint,
 #au_uncache,
 #icot,
 #icof,
 #icob,
 input,
 #thumbs,
 select>option {
 	color: var(--text-color) !important;
 }

 select {
 	background-color: white !important;
 	color: black !important;
 }

 .pb_tint {}

 #logue h1,
 #files h2,
 #files h3,
 #files h4,
 #files h5,
 #files h6,
 .md_header,
 .markdown-header {
 	font-size: 14px !important;
 	font-weight: normal !important;
 	margin: 0 !important;
 	padding: 0 !important;
 	color: var(--text-color) !important;
 	background: transparent !important;
 	border: none !important;
 	text-shadow: none !important;
 }

 .md0,
 .logue {
 	padding: 10px !important;
 	border: 0px !important;
 	box-shadow: none !important;
 }

 .mdo img,
 .logue img {
 	max-width: 100% !important;
 }

 .mdo h1,
 .logue h1 {
 	font-size: 2.5rem !important;
 	margin: 0px !important;
 	color: var(--text-color) !important;
 }

 .mdo h2,
 .logue h2 {
 	font-size: 2rem !important;
 	margin: 0px !important;
 	color: var(--text-color) !important;
 	padding: 0px !important;
 }

 .mdo h3,
 .logue h3 {
 	font-size: 1.5rem !important;
 	margin: 0px !important;
 }

 .mdo h4,
 .logue h4 {
 	font-size: 1.0rem !important;
 	margin: 0px !important;
 }

 .mdo h1::after,
 .mdo h2::after,
 .mdo h3::after,
 .mdo h4::after,
 .logue h1::after,
 .logue h2::after,
 .logue h3::after,
 .logue h4::after {
 	content: "" !important;
 	display: block !important;
 	width: 100% !important;
 	height: 1px !important;
 	background-color: var(--text-color) !important;
 	margin-top: 0.4rem !important;
 	margin-bottom: 0.8rem !important;
 }

 .md0 h1,
 .mdo h2,
 .mdo h3,
 .mdo h4,
 .mdo h5,
 .mdo h6,
 .logue h1,
 .logue h2,
 .logue h3,
 .logue h4,
 .logue h5,
 .logue h6 {
 	font-weight: normal !important;
 	line-height: inherit !important;
 	border: none !important;
 	background-color: var(--bg-color) !important;
 	background-image: none !important;
 	text-align: left !important;
 }

 .mdo strong,
 .mdo b,
 .logue strong,
 .logue b {
 	font-weight: normal !important;
 }

 .mdo em,
 .mdo i,
 .logue em,
 .logue i {
 	font-style: normal !important;
 }

 .mdo pre,
 .mdo code,
 .mdo a,
 .logue pre,
 .logue code,
 .logue a {
 	font-family: var(--font-main), sans-serif !important;
 	color: inherit !important;
 	background: transparent !important;
 	border: none !important;
 	padding: 0 !important;
 	margin: 0 !important;
 	border-radius: 0 !important;
 	text-decoration: none !important;
 }

 .mdo strong,
 .logue strong {
 	font-weight: 800 !important;
 	color: var(--text-color) !important;
 }

 .mdo em,
 .logue em {
 	color: var(--text-color) !important;
 	text-decoration: none !important;
 	border: none !important;
 	font-style: italic !important;
 }

 .mdo pre,
 .logue pre {
 	background-color: #1e1e2e !important;
 	border: 1px solid #313244 !important;
 	border-radius: 6px !important;
 	padding: 1rem !important;
 	margin: 1.2rem 0 !important;
 	overflow-x: auto !important;
 }


 .mdo pre code,
 .logue pre code {
 	font-family: var(--font-mono), 'Courier New', Courier, monospace !important;
 	font-size: 0.9rem !important;
 	line-height: 1.5 !important;
 	color: var(--text-color) !important;
 	background: transparent !important;
 	padding: 0 !important;
 	border: none !important;
 	white-space: pre !important;
 	word-break: normal !important;
 }

 .mdo a,
 .logue a {
 	color: var(--link-color) !important;
 }

 .mdo a:hover,
 .logue a:hover {
 	color: var(--link-hover-color) !important;
 }