@charset "utf-8";
/* CSS Document */

body {
  font-family:var(--body-text-font-1);
  color:var(--body-text-color-1);
  background:var(--body-bg-color-1); 
}

h1, h2, h3, h4, h5, h6 {
	font-family:var(--body-title-font-1);
}

h1 {
  color:var(--body-title-color-1);
}

h2 {
  color:var(--body-title-color-1);
}

h3 {
  color:var(--body-title-color-1);
}

a, a:visited {
	color:var(--body-link-color-1);
}

a:hover, a:active {
	color:var(--body-link-color-2);
}

button,
a.button, 
a.button:visited {
  background:transparent;
  color:var(--body-link-color-1);
  border:1px solid var(--body-link-color-1);
}

button:hover,
a.button:hover, 
a.button:active {
  border:1px solid var(--body-link-color-2);
  background:var(--body-link-color-2);
  color:var(--white);
}

button[disabled],
a.button.disabled {
  background: var(--body-text-color-1);
  color:var(--white);
  border: 1px solid var(--body-text-color-1);
}

input[type='text'],
input[type='password'],
select,
textarea,
input[type='file'] {
  background:transparent;
  font-family:var(--body-text-font-1);
  color:var(--body-text-color-1);
  border:1px solid var(--body-text-color-1);
}

input[type='text']:focus,
input[type='password']:focus,
select:focus,
textarea:focus {
  border:1px solid var(--body-link-color-2);
}

/*MESSAGE, PROMPT, NOTIFICATION*/
#prompt, 
#message {
  background-color:var(--whitecc);
}

#prompt-box, 
#message-box {
  border:1px solid var(--body-text-color-1);
  background:var(--white);
}

#prompt-box h1, 
#message-box h1 {
  background: var(--body-text-color-1);
  color:var(--white);
}

#prompt-box h1 a.item_close,
#message-box h1 a.item_close {
  color:var(--white);
}

#prompt-box div.content,
#message-box div.content {
	background:var(--white);
}

/*TOP-HEADER*/
.admin #top-header {
  background:var(--body-bg-color-1);
}

.admin #top-header li.profile div img {
  border:2px solid var(--body-text-color-1);
}

/*SIDEBAR*/
.admin #sidebar {
	background-color: var(--body-bg-color-1);
  color:var(--body-text-color-1);
  border-right:1px solid var(--body-text-color-1);
}

/*CONTENT*/
body.login #wrapper {
  background:var(--body-bg-color-1); 
}

body.login #content .toggle-password:hover {
  color: var(--body-link-color-2);
}

body.admin #content h1 a[title]:hover::after,
body.admin #content table td.actions a[title]:hover::after,
body.admin #content a.item_delfile[title]:hover::after {
  font-family: var(--body-text-font-1);
  background:var(--body-title-color-1);
  color:var(--white);
}

/*PRELIST AND POSTLIST*/
body.admin #content .pre_list {
  background: var(--white);
}

body.admin #content .post_list select {
  background-color: var(--white);
}

body.admin #content .post_list a, 
body.admin #content .post_list a:visited,
body.admin #content div.pager span,
body.admin .content div.pager span {
  border: 1px solid var(--body-link-color-1);
}

body.admin #content .post_list a:active, 
body.admin #content .post_list a:hover,
body.admin #content div.pager span:hover,
body.admin .content div.pager span:hover {
	border: 1px solid var(--body-link-color-2);
	background: var(--body-link-color-2);
  color:var(--white);
	text-decoration:none;
}

body.admin #content .post_list a.current,
body.admin #content div.pager span.active,
body.admin .content div.pager span.active {
  border: 1px solid var(--body-link-color-1);
	background: var(--body-link-color-1);
  color:var(--white);
}

/*TABLES*/
body.admin #content h1 .group select {
  background-color: var(--white);
}

body.admin #content table.table-list thead tr,
body.admin #content table.table-sublist thead tr {
  background: var(--white);
  color: var(--body-text-color-1);
}

body.admin #content table.table-list thead tr th, 
body.admin #content table.table-sublist thead tr th {
  border-bottom:1px solid var(--body-bg-color-1);
}

body.admin #content table.table-list thead tr th:first-child {
  border-right: 1px solid var(--body-bg-color-1);
}

body.admin #content table.table-list tbody,
body.admin #content table.table-sublist tbody {
  background:var(--white);
}

body.admin #content table.table-sublist tbody {
  background:var(--white);
}

body.admin #content table.table-list tbody tr:hover {
  background:var(--body-bg-color-1);
}

body.admin #content table.table-list tbody tr td,
body.admin #content table.table-sublist tbody tr td {
  border-bottom: 1px solid var(--body-bg-color-1);
}

body.admin #content table.table-list tbody tr:last-of-type td {
  border-bottom: 1px solid var(--body-bg-color-1);
}

body.admin #content table.table-list tbody tr td:first-child {
  border-right: 1px solid var(--body-bg-color-1);
}

body.admin #content table.table-list span.admin,
body.admin #content table.table-sublist span.admin {
  border: 1px solid var(--body-text-color-1);
  background: var(--white);
  color:var(--body-text-color-1);
}

body.admin #content table.table-list span.tag,
body.admin #content table.table-list span.tag {
  border: 1px solid var(--body-text-color-1);
  background: var(--body-text-color-1);
  color:var(--white);
}

body.admin #content table.table-list span.tag a,
body.admin #content table.table-list span.tag a:visited, 
body.admin #content table.table-list span.tag a:hover, 
body.admin #content table.table-list span.tag a:active {
  color:var(--white);
}

body.admin #content table.table-list span.tag.status0,
body.admin #content table.table-sublist span.tag.status0 {
  background: var(--red);
  border-color: var(--red);
}

body.admin #content table.table-list span.tag.status1,
body.admin #content table.table-sublist span.tag.status1 {
  background: var(--green);
  border-color: var(--green);
}

body.admin #content table.table-list td.actions ul.dropdown {
  background: var(--body-link-color-1);
}

body.admin #content table.table-list td.actions ul.dropdown li {
  color: var(--white);
}

body.admin #content table.table-list td.actions ul.dropdown li:hover {
  color:var(--body-link-color-2);
}