@import url(../fonts/source-sans-3/source-sans-3.css);

/* from apple.com */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* Theme */

:root {
    --theme-background: rgb(50, 126, 189);
    --theme-text: #fff;
    --theme-light-background: rgba(50, 126, 189, .15);

    --link-color: rgb(50, 126, 189);
    --thead-color: #E2EAF3;
}


/* TYPE */
body, table { font: 14px/20px "Source Sans 3", sans-serif; background-color: #fff; color: #333; }
table, button, input, textarea { font: inherit; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; vertical-align: baseline; position: relative; bottom: 0.33em; }
abbr { border: 0; }

p { margin: 0.5em 0;}
h1 { font-weight: bold; font-size: 2em; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 1.3em; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1.15em; line-height: 18px; }
h4 { font-weight: bold; font-size: 1em; line-height: 18px; }


ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }


h1, h2, h3, h4 {margin-top: 1.5em; }
h1.first, h2.first, h3.first, h4.first {margin-top: 0; }

hr {
    background:         #ccc;
    color:              #ccc;
    border: 1px solid   #ccc;
}

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

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

table {
    font-size: 1em;
    margin: 0 auto;
    border-bottom: 1px solid #aaa;
}

table thead th,
table tbody th,
table tbody td {
    padding: .5em 2px;
    padding-right: .5em;
    vertical-align: top;
}

table thead th:first-child,
table tbody td:first-child {
    padding-left: .5em;
}

table thead th:last-child,
table tbody td:last-child {
    padding-right: .5em;
}

table thead tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

table thead tr:first-child th:last-child {
    border-top-right-radius: 10px;
    border-right: none;
}



table tbody tr {
    transition: background-color .2s;
}

table tbody tr:hover {
    background-color: #0551;
    transition: background-color 0s;
}

table thead th {
    vertical-align: top;
    font-weight: bold;
    background: var(--thead-color);
    color: #000;
    border-right: 1px solid #0001;
}

table tbody th {
    border-bottom: 1px solid #aaa;
    font-weight: bold;
}

table tbody td {
    line-height: 1.2;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #f9f9f9;
    border-left: 1px solid #f9f9f9;
}

td.number { text-align: right; }


.nowrap
{
    white-space: nowrap;
}

/* UI */
*, body * {
    outline-color: #F78708;
}

body
{
    background: #fff;
	color: #000;
	padding: 0;
	margin: 0;
}


.header {
    color: #000;
    background: #fff;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 25px;

    padding: 10px 20px;
}


.header-logo a {
    display: block;
    max-width: 240px;
    max-height: 45px;

    padding-top: 2px; /* Temp adjustment for ArcDigitaal Logo. TODO: Remove */
}

.header-logo img {
    max-width: 240px;
    max-height: 45px;
}

.header-title {
    font-size: 3em;
    font-weight: 700;
    line-height: 100%;
    text-align: left;
    flex-grow: 1;
}

.header-title-instance {
    opacity: .2;
    font-weight: 500;
}

.header-user {
}

.header-staff {
    background: var(--theme-light-background);
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='21' viewBox='0 0 48 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4C0 1.79089 1.79086 0 4 0H15C17.2091 0 19 1.79089 19 4V6H44C46.2091 6 48 7.79089 48 10V11C48 13.2091 46.2091 15 44 15H42.5L39.5 12L36.5 15H33.5L30.5 12L27.5 15H19V17C19 19.2091 17.2091 21 15 21H4C1.79086 21 0 19.2091 0 17V4ZM5.18181 7.72729C5.18181 6.77332 5.95514 6 6.90909 6C7.86304 6 8.63635 6.77332 8.63635 7.72729V13.2727C8.63635 14.2267 7.86304 15 6.90909 15C5.95514 15 5.18181 14.2267 5.18181 13.2727V7.72729Z' fill='black' fill-opacity='0.1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    border-radius: 5px;
    padding: 5px 10px;
    padding-left: 70px;
}

#header-logo a {
}

#header-logo2 {
    float: left;
}

#header-logo2 a {
    text-decoration: none;
    display: block;
}

#header-logo2 a img {
    max-width: 240px;
    max-height: 50px;
}




#navigation {
    padding: 0 20px;
    color: #fff;
    background: var(--theme-background);
    font-size: 100%;
}

#navigation a {
    display: inline-block;

    padding: .85em .5em;
    outline-color: white;
    text-decoration: none;
    border-radius: 2px;

    color: white;
}

#navigation a:first-child {
    margin-left: -.5em;
}

#navigation a:hover {
    background: #fff3;
}

#navigation a.subsection {
    margin-left: -.75em;
    font-weight: 700;
}


#navigation .active {
    color: #fff8;
}

#user_nav, #user_nav a {
    color: #007EFC;
    text-shadow: 0 1px 1px #060;
}

#content
{
    padding: 1em;
}

button {
    color: black;
    cursor: pointer;
    border-radius: 4px;
    background-color: #eee;
    border-color: #ddd;
    border-width: 2px;
    background-image: -webkit-linear-gradient(top, #eee, #bbb);
    background-image: linear-gradient(top, #eee, #bbb);
    padding: 1px 6px;

    /* ie width bug fix */
    width: auto;
    overflow: visible;
}

button.flat {
    color: #111;;
    cursor: pointer;
    border-radius: 4px;
    background-color: #eee;
    border: 1px solid #0003;
    background: #f9f9f9;
    margin-bottom: .5em;
    padding: .5em 1.5em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.015em;
    box-shadow: 0px 2px 0px #0003;
    transition: .2s;
}

button.flat:hover {
    background: #e9e9e9;
    transition: 0;
}

button[disabled]
{
    color: #999;
    cursor: default;
}

.dashed
{
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    border-bottom: 1px dotted var(--link-color);
    border-radius: 0;
    color: var(--link-color);
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
}

button.delete,
span.delete
{
    color: #600 !important;
}
.dashed.delete {
    border-bottom-color: #600;
}

span.dashed.delete, .controls a.delete, button.dashed.delete {
    color: #800 !important;
}
.cancel.dashed, .cancel.dashed:visited {
    color: #007efc;
    text-decoration: none;
}


.objects-list {
    width: 100%;
}
.objects-list thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

.objects-list td:first-letter {
    text-transform: uppercase;
}

.errorlist {
    margin-bottom: .5em;
    text-align: left;
}
.errorlist li, .warninglist li {
    color: white;
    background-color: #F78708;
    padding: 0 .5em !important;
    margin-top: 1px;
}
#readonly_message{
    color: white;
    text-align: center;
    padding: .25em;

    background-color: #c30;
    border-left: 0px;
    border-right: 0px;

}
.ui-datepicker-trigger {
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
}
form.inline { display: inline-block; }

input, textarea {
    border: solid 1px #aaa;
}
input[type="checkbox"], input[type="radio"] { /* checkboxes and radio */
    border-width: 0 !important;
    width: auto !important;
    height: auto !important;
}

input:focus, textarea:focus, div:focus {
    border-color: var(--theme-background);
    outline: none;
}


/* Combobox */
.combobox {
    height: 16px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
}

.combobox.ui-autocomplete-input {
    margin-right: -1px;
}

.combobox-button {
    display: block;
    height: 18px;
    width: 18px !important;

    position: absolute !important;
    margin: 0;
    margin-left: 4px;
    margin-top: 5px;

    background: none !important;
    border: none !important;
}

.combobox-button.ui-state-default, .ui-widget-content .combobox-button.ui-state-default {
    border-color: none;
}

.ui-widget {
    font-family: inherit !important;
    font-size: inherit !important;
}

.tagsinput .tag { white-space: nowrap; }
.tagsinput {
    min-height: 16px;
    overflow: hidden; /* disable scrollbars for auto-height */
}
.tagsinput div { overflow: visible; }
.tags_clear { display: none !important; }

/* Drawing view/edit */
.object {
    padding: 1em;
    margin: 0 auto;
    border: solid 1px #aaa;
    border-radius: 1em;
    width: 60%;
    min-width: 500px;
    background-color: white;
}
.preview {
    width: 250px;
    float: right;
    margin-top: 1em;
    overflow: hidden;
}
.preview img {
    max-width: 250px;
}

.revisions {
    margin-top: 1.5em;
}
#new-revision-fields label {
    display: inline-block;
    color: #555;
}

.object .revisions table
{
    margin: 0;
    width: 100%;
}

.object .revisions .current td
{
    background: #ffc;
    font-weight: bold;
}

.object .object-header {
    position: relative;
    overflow: auto;
    border-bottom: solid 1px #aaa;
    padding-bottom: .5em;
}
.object .object-header p {
    clear: both;
    margin: 0;
}

.object .additional {
    color: #aaa;
}

.object .object-header dl {
    width: 49%;
    float: left;
}

.object h3, .object .object-header dt, .label, .edit_form label {
    color: #999;
}

label.required {
}

label.required:after {
    content: ' *';
    color: #f66;
}

.object .object-header dd {
    margin-bottom: .5em;
}

.object h1 {
    margin: 0.5em 0;
}
.object h1.first {
    margin-top: inherit;
}

.object #description {
    margin: 1em 0;
}
.object a {
    color: #007efc !important;
}
.object .controls {
    margin-top: 1.5em;
}
.controls a, .controls button {
    margin-right: .5em;
}




.links {
    margin: 1em -1em -1em -1em;
    padding-bottom: 1em;
    border-radius: 0 0 1em 1em;
    background: #eee;
    border-top: 1px solid #666;
    overflow:auto;
}

.links-column {
    float: left;
    width: 45%;
    border-left: 1px solid #e6e6e6;
    padding: 0 1em;
}

.links h4 { margin: 0; margin-top: 1em; padding: 0; }
.links h4 em { font-style: normal; font-weight: normal;}
.links ul { margin-bottom: 0; }
.links .controls { margin-top: .5em;}
.links ul button {
    margin: 0;
    margin-left: .5em;
    padding: 0 .5em;
    box-shadow: none;
}

.links ul li button { visibility: hidden; }
.links ul li:hover button { visibility: visible; }
.links .description {
    color: #666;
    display: inline;
}
.links.edit .description {
    display: block;
}
.blocked-warning {
    background: #ffe;
    margin: 1em;
    padding: .5em 1em;
    border-radius: .5em;
}
.blocked-warning li:first-letter{
    text-transform: uppercase;
}

/* Drawing edit */
.edit_form .object-header {
    margin-bottom: 1em;
}
.edit_form dl {
    width: 49.5%;
}
.edit_form .object-header dd {
    margin-left: 0;
}
.edit_form .main {
    float: left;
}
.edit_form .categories dt,
.edit_form .categories dd,
.edit_form .dates dt,
.edit_form .dates dd,
.edit_form .blocking dt,
.edit_form .blocking dd {
    margin-left: 2em;
}

.edit_form .controls {
    clear: both;
}
.controls .new_similar {
    float: right;
}
.edit_form .dates, .edit_form .blocking {
    margin-left: 49.5%;
}
.edit_form .dates {
    clear: right;
    margin-bottom: 2em;
}

.edit_form textarea, .edit_form input {
    width: 100%;
}
.edit_form textarea {
    height: 58px;
}
.edit_form textarea {
    resize: vertical;
}

.edit_form .tagsinput,
.edit_form input,
.edit_form select,
.edit_form textarea,
#new-revision-fields input {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    border-radius: 4px;
    padding: 3px 5px;
    display: inline-block;
}

#new-revision-fields label[for="revision-date"] {
    padding-right: 20px;
}

#new-revision-fields #revision-date {
    width: 15ex !important;
}

.revisions input {
    width: auto;
}
/* -- attachments form */
.attachments {
    clear: both;
    width: 100%;
    margin-top: 1.5em;
}

.edit_form .attachments td, .edit_form .attachments th {

}

.edit_form .attachments td {
    border-color: transparent;
    border-bottom-color: #ccc;
    background: #f6f6f6;
}
.edit_form .attachments .actions button {
    display: block;
    float: left;
    clear: left;
    white-space: nowrap;
}

.edit_form .attachments .actions span.dashed {
    display: block;
    margin-bottom: .5em;
}

.edit_form .attachments input {
    display: inline;
    /*width: auto;*/
}
.edit_form .attachments textarea {
    height: 2em;
    resize: vertical;
}
.edit_form .attachments td.notes {
    display: table-cell;
}
.attachments .row_header {
    vertical-align: middle;
}
.edit_form .object-header .location {
    width: 100%;
}
.treepicker_box .tagsinput {
    width: 100% !important;
    height: auto !important;
}
/* Drawing delete */
.related_objects ul {
    margin-left: 1.2em;
    margin-bottom: .5em;
}
.related_objects ul li:before {
    content: '↳ ';
}
.related_objects .current {
    font-weight: bold;
}
.object .confirm {
    font-size: 120%;
    font-weight: bold;
    color: #666;
}
.object .type_label {
    color: #666;
}
.related_objects .deleted {
    text-decoration: line-through;
}

/* Search */
li {margin-top: 0.5em;}

li p {
    margin: 0;
}

#search_form {
    min-width: 930px;
    padding: 1em;
    padding-top: 2em;
    margin-bottom: 1em;
    border-radius: .5em;
    background-color: var(--theme-light-background);
}

#simple_form_query {
    display: flex;
    gap: 5px;
}

#search_form #id_query {
    font-size: 1.4em;
    padding: .4em;
    width: 50%;
}


#search_form ul {
    margin: 0 20px 0 0;
    float: left;
    width: 30%;
}
#search_form ul.last {
    margin-right: 0;
}

#search_form li {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 130px;
}

#search_form li label {
    position: absolute;
    width: 130px;
    top: 4px;
    left: 0;
    text-align: right;
    width: 125px;
}

#search_form .tagsinput,
#search_form input,
#search_form select {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    border-radius: 4px;
    padding: 3px 5px;
    display: inline-block;
}

#search_form .tagsinput .ui-autocomplete-input {
    padding: 0;
}

#search_form li.history {
    margin-top: 1em;
}

#search_form li.history label
{
    position: relative;
    margin-right: 1em;
    cursor: pointer;
}

#search_form .clear-button {
    position: absolute;
    margin-left: -25px;
    margin-top: 0px;
}

#search_form .m2m-mode {
    white-space: nowrap;
}

#search_form .m2m-mode label
{
    position: relative;
    margin-right: 1em;
    cursor: pointer;
}

#search_form ul.errorlist {
    float: none;
}

#search_form ul.errorlist li {
    width: auto;
}


.submit, .clear_all {
    padding: .75em 1.5em;
    font-size: 1.3em;
    color: white;
    margin-right: 0;
    width: auto;
    border-radius: 4px;
    border: 1px solid transparent;
}
.submit {
    border-color: #3079ED;
    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
    background-image: linear-gradient(top,#4d90fe,#4787ed);
    background-color: #4D90FE;
}
.clear_all {
    background-color: #888;
    border-color: #888;
    background-image: -webkit-linear-gradient(top, #888, #777);
    background-image: linear-gradient(top, #888, #777);
}

#simple_form {
    margin-top: 10px;
    padding-left: 130px;
}

#advanced_form button.submit {
    margin-left: 130px;
    margin-right: 5px;
}


#search_form .tagsinput .ui-autocomplete-input {
    position: relative !important;
    top: auto;
    right: auto;
    border-width: 0;
    width: 100% !important;
}

#search_form .toggle {
    position: absolute;
    top: .5em;
    right: .5em;
}
.category {
    display: block;
}
/*.category-placeholder {
    display: block;
    text-align: right;
    width: 125px;
    margin-left: -130px;
    overflow: auto;
}
.category-placeholder button {
    float: right;
    font-size: 100%;
}*/

#load_list_button {
    width: 100%;
    line-height: 1.5;
}

/* Objects list */
.objects-list td, .revisions td {
    cursor: pointer;
}
.revisions td.self {
    cursor: auto;
}

.SidebarLayout {
    display: grid;
    grid-template-columns: 285px 1fr;
    gap: 10px;
}

.SidebarLayout-Sidebar {
}

.SidebarLayout-Content {
}

/* Browser */

/* Tree */
.tree-ul, .tree-ul ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    line-height: 2em;
    user-select: none;
}

.tree-ul li {
    padding-left: 16px;
    margin: 0px;
    white-space: nowrap;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='9' viewBox='0 0 7 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53554 8.07104L5.07107 4.53551L1.53554 0.999977' stroke='%2399A4B1' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position-x: 5px;
    background-position-y: 8px;
}

.tree-ul li.open {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.34314 1L4.87867 4.53553L8.41421 1' stroke='%2399A4B1' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position-x: 2px;
    background-position-y: 12px;
}

.tree-ul li.leaf {
    background: none;
}

.tree-ul a {
    color: #000;
    text-decoration:none;
    transition: .2s;
    cursor: pointer;

    border-radius: 3px;
    padding: 3px 5px;
}

.tree-ul a:hover {
    color: var(--link-color) !important;
    transition: 0s;
    background: var(--theme-light-background);
}

.tree-ul li ul {
    display: none;
}

/* Not works in IE */
.tree-ul li.open > ul {
    display: block;
}

.tree-ul li.open ul.open {
    display: block !important;
}

.tree-ul li.current > a {
    background: var(--theme-light-background);
    color: #000;
}


/* clear button */
.clear-button {
    text-decoration: none;
    width: 25px;
    height: 27px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.53554 1.00002L5 4.53556L8.53554 8.07109M1.53554 8.07107L5.07107 4.53553L1.53554 1' stroke='%2399A4B1' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    display: inline-block;
}
.clear-button:focus, .clear-button:hover, .clear-button:active {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.53554 1.00002L5 4.53556L8.53554 8.07109M1.53554 8.07107L5.07107 4.53553L1.53554 1' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

/* Messages */
#messages {
    width: 40em;
    margin: auto;
    padding-left: 1em;
    padding-right: 2em;
    background-color: #ffd480;
    border-radius: 0 0 5px 5px;
    position: relative;
    text-align: center;
}
#messages ul {
    display: inline;
}
#messages ul, #messages ul li {
    margin-top: 0;
}
#messages .close {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.5;
    outline-color: white;
    text-indent: 100%;
    text-decoration: none;
}
#messages .close:hover {
    cursor: pointer;
    opacity: 1;
}
/* User profiles list */
.profiles-wrapper {
    margin: 0 auto;
    max-width: 800px;
}
.profiles {
    width: 100%;
    min-width: 600px;
    margin-bottom: 1em;
    clear: both;
    position: relative;
}
.profiles li {
    position: relative;
}
.profiles.inactive {
    margin-top: 0;
}
.profiles h3{
    margin: 0;
}
.built-in h3 {
    font-style: italic;
}
.users, .no-users {
    padding-left: 2em;
}
.profiles .name {
    font-size: 120%;
    font-weight: bold;
}
.profiles .username {
    font-weight: normal;
}
.profiles .email {
    margin-left: 1em;
}
.profiles .user-groups {
    margin-left: 1em;
}
.user_tag {
    /* background-color: #ddd; */
    padding: 0 5px;
    border: solid 1px #ddd;
    border-radius: 1em;
    margin-right: 1px;
}
/*
.user_tag.staff {
    background-color: #cfc;
    border-color: #cfc;
}
.user_tag.superuser {
    background-color: #ccf;
    border-color: #ccf;
}
*/
.user .permissions {
    font-size: 90%;
    color: #999;
}
.profiles .active_till, .deactivated {
    font-style: italic;
}
.profiles .active_till .ui-icon-clock {
    float: left;
}
.profiles .user {
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    margin: 0;
    margin-top: -1px;
    padding: 1px 2px;
    padding-top: .5em;
    cursor: pointer;
}
.users li {
    margin-top: 0;
}
.group {
    /* border-bottom: solid 1px gray; */
    margin-top: 3em;
    margin-bottom: 1.5em;
}
.group p {
    font-size: 90%;
    color: #999;
}
.inactive_header+.user {
    border-top: solid 1px gray;
}
.group.has_profile:hover, .user:hover {
    background-color: #ffe;
    cursor: pointer;
}
.inactive_header {
    margin-bottom: 0;
    cursor: pointer;
    display: inline-block;
}
h2.inactive_header {
    margin-top: 1em;
}
.group.inactive, .user.inactive {
    color: #555;
}
.extra_permission {
    /* font-weight: bold; */
    color: #444;
}
.profiles-wrapper .controls {
    text-align: right;
}
#user_search_form {
    float: left;
    margin-bottom: 2em;
}
#user_search_form input {
    padding: 0 1px;
    margin-top: -1px;
    width: 20em;
}
#user_search_form .submit {
    padding: 1px 3px;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-left: 5px;
    overflow: visible;
}
#user_search_form input, #user_search_form .submit {
    font-size: 100%;
    line-height: 1.5;
    vertical-align: top;

}
.form-container, .loading_msg {
    padding: .5em 1em !important;
    cursor: auto !important;
}
.form-tab {
    background-color: #ffd;
}
.profile-name input {
    font-weight: bold;
}
/* Permissions profile */
.profile {
    position: relative;
    overflow: hidden;
}
form .help {
    margin: 0px;
    color: #888;
}
#subject .combobox {
    width: auto;
}
label.select_all {
    color: black;
}
span.item {
    white-space: nowrap;
}
.profile .edit_form {
    margin-left: -1em;
}
.profile .edit_form h1 {
    margin-left: .5em;
    padding-left:0;
}
#group_form {
    margin-left: 1em;
}
#group_form dl {
    width: auto;
}
.profile .edit_form .controls {
    margin-left: 1em;
}
.column {
    width: 49.5%;
    float: left;
}
#user_form .active_till {
    margin-left: 1em;
    padding-top: .5em;
    clear: both;
}
.profile .edit_form .column dl, .profile .edit_form .column h3 {
    float: none;
    width: auto;
    margin-left: 1em;
}
.user_groups {
    clear: both;
    margin-left: 1em;
    padding-top: 1em;
}
.user_groups li{
    margin: 0;
}
.user_groups ul {
    margin-bottom: 1em;
}
.user_groups label {
    color: black;
}
.user_groups .inactive-group {
    color: #555;
}
.active_till {
    margin-top: .5em;
}
.select_all {
    float: left;
    margin-right: .5em;
    clear: left;
}
.profile h3 {
    margin-top: 1em;
}



#profiles-lists {
    clear: both;
    position: relative;
}
.new-profile-controls {
    position: absolute;
    height: 2em;
    top: -2em;
    right: 0;
}
.new-profile-controls li {
    display: inline-block;
    float: left;
    height: 2em;
    padding: 0 .5em;
}
.new-profile-controls a {
    text-decoration: none;
}
.new-profile-controls a:visited {
    color: #007efc;
}


.updated-badge {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    padding: .25em .5em;
    background-color: #ddd; /*#efe;*/
    opacity: .8;
}
.new_profile {
    text-align: left;
}
.new_profile.form-container {
    display: block;
}
#user_form {
    clear: both;
}
.active_till input {
    width: auto;
}
.form-container .active_till {
    font-style: normal;
}

/* Object dialog */
.object_dialog.ui-dialog {
    padding: 0;
}
#object_box {
    padding: 0;
}
.object_dialog {
    border-radius: 1em !important;
}
.object_dialog .object {
    width: auto;
    border-width: 0;
}

/* File request dialog */
#file_request_box h1 {
    font-size: 120%;
}
#file_request_box input {
    width: 98%;
}
#file_request_box textarea {
    width: 98%;
    height: 4em;
}

/* Treepicker */
.ui-treepicker-trigger {
    display: inline-block;
    overflow: hidden;
    width: 16px;
    position: absolute;
    font-size: 0px;
    margin-left: 5px;
    margin-top: 6px;
}

.ui-treepicker-trigger img {

}

.picker {/* for all pickers */
    max-height: 500px;
    overflow: auto;
    border-top: solid 1px #eee;
    margin: 1em 0;
}
.picker li a {
    display: inline-block;
}
.picker li a:hover {
    text-decoration: none;
}
#treepicker_box h3 {
    margin-top: 0;
    margin-bottom: .5em;
}
.picker a.disabled {
    color: #888;
}
.picker a.disabled:hover {
    color: #888 !important;
    text-decoration: none;
}

.treepicker_box {
    position: relative;
    padding-right: 20px !important;
}
.treepicker_box .ui-treepicker-trigger {
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
}

/* Misc */
.download-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -999px;
    background: url(/static/img/download-icon.gif) no-repeat;
}

a.download {
    color: #396 !important;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #3966;
}
.spinner {
    background: url(/static/img/spinner.gif) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 1px;
}
.ui-datepicker-calendar thead th {
    color: black;
    background-color: white;
    font-weight: bold;
}
.cols_header {
    text-align: center;
    border-bottom: solid 1px #eee;
}
.filtered-on-location .other-location-item {
    display: none;
}
.holding-title {
    font-weight: bold;
    font-size: 150%;
}
.holding-title td {
    padding-top: 1em;
}
.holding-title tr:hover {
    background: none;
}

/* formset table */
table.formset {
    width: 100%;
    margin-bottom: 1em;
}
table.formset th {
    font-weight: normal;
}
table.formset th.required {
    font-weight: bold;
}
table.formset textarea {
    height: 2em;
}
.formset label {
    white-space: nowrap;
}


/* Alerts */
.ui-tabs.ui-tabs-custom-plain
{
    padding: 0;
    background: 0;
    border: 0;

}
.ui-tabs.ui-tabs-custom-plain .ui-tabs-panel {
    padding: 0;
    color: #000;
}

.ui-tabs.ui-tabs-custom-plain ul.ui-tabs-nav
{
    background: none;
    border: none;
    padding: 0;
}

.ui-tabs.ui-tabs-custom-plain .ui-tabs-nav li,
.ui-tabs.ui-tabs-custom-plain .ui-tabs-nav li a
{
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    top: 0;
}

.ui-tabs.ui-tabs-custom-plain .ui-tabs-nav li a
{
    border-bottom: 1px dotted var(--link-color);
}

.ui-tabs.ui-tabs-custom-plain .ui-tabs-nav li { margin-right: 2em; }

.ui-tabs.ui-tabs-custom-plain .ui-tabs-nav li.ui-tabs-selected a {
    color: #000 !important;
    border-bottom: 0;
}

#alerts-new .controls {
    margin-top: .5em;
}

#menuitem-alerts {
    text-decoration: none !important;
}

#menuitem-alerts .counter {
    vertical-align: baseline;
    background-color: #fff;
    color: #036;
    font-size: .9em;
    padding: 0 5px;
    margin-left: .5em;
    border-radius: 2px;
}


.alerts-div {
    margin: -1em;
    margin-bottom: .5em;
    border-radius: 1em 1em 0 0;
    padding: 1em;
    padding-bottom: .5em;
    background: var(--theme-light-background);
    position: relative;
}

.alerts-div.active {
    background: #fff9aa;
}

.alerts-tabs .ui-tabs-nav {
    margin-bottom: .5em !important;
}

.alerts-tabs textarea {
    width: 26em;
    height: 3em;
}
.alerts-tabs #id_date {
    width: 10em !important;
}

.alerts-tabs .alert {
    margin: .75em 0;
}

.alerts-tabs .alert .controls button {
    margin: 0;
    margin-left: .5em;
    padding: 0 .5em;
    border: 1px solid #ccc;
    background: #eee;
}

.alerts-tabs .alert .controls {
    visibility: hidden;
    margin-left: -1em;
    margin-top: .5em;

}

.alerts-tabs .alert:hover .controls {
    visibility: visible;
}
.alerts-tabs .alert button.date {
    font-style: italic;
}



#ajax-spinner {
    position: fixed;
    left: 8px;
    top: 8px;
    background: url(/static/img/ajax-spinner.gif) no-repeat center center #248424;
    z-index: 10000;
    width: 20px;
    height: 20px;
}
.alerts-counter {
    position: absolute;
    top: 1px;
    right: -.3em;
    background-color: #FF9;
    font-size: 75%;
    padding: 0 3px;
    border-radius: 2px;
    line-height: 1;
}

/* Alerts search */
#alerts_search_form {margin-top: 10px;}
#alerts_search_form table {width: 100%;}
#alerts_search_form ul {margin: 0;}
#alerts_search_form li {margin: 0;}
#alerts_search_form th {
    font-weight: normal;
    background-color: #eee;
    border-color: #eee;
    padding-top: 1em;
    vertical-align: top;
    line-height: 2;
    white-space: nowrap;
}
#alerts_search_form th.first_col {
    padding-left: 1em;
    border-top-left-radius: 1em;
}
#alerts_search_form th.last_col {
    padding-right: 1em;
    border-top-right-radius: 1em;
}
#alerts_search_form label {
    display: block;
    white-space: nowrap;
}

#alerts_search_form .tagsinput,
#alerts_search_form input,
#alerts_search_form select,
#alerts_search_form textarea {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    border-radius: 4px;
    padding: 3px 5px;
    display: inline-block;
}


.control {
    display: inline-block;
    padding-right: 16px;
    position: relative;
}
.control.fixed_width {
    width: 100%;
}
.control.fixed_width input {
    width: 100%;
}
td.fixed_width {
    width: 158px;
}
.control .clear-button {
    position: absolute;
    margin-left: -25px;
    margin-top: 4px;
}
.period input {
    width: 15ex !important;
    margin-right: 20px;
    margin-bottom: .5em;
}

.period .ui-datepicker-trigger {
    margin-left: -16px;
    margin-top: 7px;
}

.period_title {
    text-align: right;
    padding-right: 0;
}
.alerts_list .active {
    background-color: #ffe;
}

.alerts_list td {
    position: relative;
}
.alerts_list .controls .last {
    margin-right: 0;
}
.alerts_list .error {
    background-color: #F78708;
}
.error_msg {
    background-color: #F78708;
    color: white;
    padding: 1px 5px;
}
/* Alert templates */
.alert_templates, .alert_templates tbody, .alert_templates tfoot {
    border-width: 0;
}
.alert_templates tfoot td {
    background-color: transparent;
}
.alert_templates th {
    background-color: transparent;
    border-width: 0;
    font-weight: normal;
    vertical-align: bottom;
    padding: 0 5px;
}
.alert_templates h2 {
    margin: 0;
    font-weight: bold;
}
.alert_templates td {
    border-width: 0;
    border-top: solid 2px white;
    border-bottom: solid 2px white;
    background-color: #eee;
    padding: 5px;
    white-space: nowrap;
    vertical-align: middle;
}
.alert_templates input, .alert_templates textarea {
    border: solid 1px #ddd;
}
.template_name input {
    font-weight: bold;
}
.alert_templates .days {
    padding-right: 0;
}
.days input {
    width: 4ex;
    text-align: right;
    padding-left: 2px;
    padding-right: 2px;
}
.alert_templates td.first_col {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    border-left: solid 2px white;
    padding-left: 10px;
}
.alert_templates td.last_col {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    border-right: solid 2px white;
    padding-right: 10px;
}
.drag_handler {
    min-width: 16px;
    padding-left: 10px;
    background: url(/static/img/grip.png) center no-repeat;
    cursor: move;
}
.alert_templates ul, .alert_templates li {
    margin: 0;
}
.alert_templates .title {
    padding-top: 1em;
    vertical-align: middle;
}
.title h2, .title button {
    display: inline;
    vertical-align: middle;
}
.delete_placeholder td, .alert_templates .disabled td {
    background-color: #f8f8f8;
}
.alert_templates .disabled td, .alert_templates .disabled input, .alert_templates .disabled textarea {
    color: #888;
}
/* Statistics page */
.doc_type_stats th, .doc_type_stats td {
    padding-left: 5px;
    padding-right: 5px;
}
.doc_type_stats {
    border-width: 0;
    font-size: 100%;
    min-width: 500px;
}
.doc_type_stats tbody {
    text-align: right;
}
.doc_type_stats .doc_type {
    font-size: 150%;
}
.doc_type_stats th{
    background-color: white;
    font-weight: normal;
    color: #888;
    vertical-align: top;
    text-align: center;
    border-right-color: #eee;
    border-left-color: #eee;
}
.doc_type_stats .total {
    font-weight: bold;
}
.doc_type_stats th, .doc_type_stats td {
    min-width: 3em;
}
.doc_type_stats .doc_type td {
    padding-top: 1.5em;
}
.doc_type_stats .first {
    border-left-width: 0;
}
.doc_type_stats .last {
    border-right-width: 0;
}
.first-location {
    padding-left: 3em;
}
.zero {
    color: #ccc;
}
.doc_type_stats td {
    border-top-color: #ccc;
    border-bottom-color: #ccc;
}
/* Configuration */
.configuration_instruction {
    margin-left: 200px;
    font-size: 110%;
}
.configuration_instruction ol>li {
    margin-top: 1em;
}
.configuration_instruction ul {
    margin-bottom: 0.5em;
}
.configuration_instruction ul li:before {
    content: '— ';
}
.instruction-label {
    font-variant: small-caps;
}
.settings-menu {
    float: left;
    width: 180px;
    padding: 0 5px;
    background-color: #eee;
}
.settings-menu h1, .settings-menu h3 {
    color: #666;
}
.settings-menu h1, .settings h1 {
    margin-bottom: .5em;
}
.settings-menu a {
    padding: 0 3px;
    border-radius: 3px;
}
.settings-menu .current {
    background-color: #ccc;
    color: black !important;
    text-decoration: none;
}
.settings {
    margin-left: 200px;
}
.settings-nested{
    margin: 0;
    margin-top: 10px;
}
.settings-type {
    margin-top: 1em;
    padding: .25em 0;
}
.settings-type-view {
    border-bottom: solid 1px #ccc;
    position: relative;
}
#settings-lists a.name {
    margin-left: 10px;
}
.settings-type a.name {
    font-size: 120%;
}
#settings-lists .name input {
    font-weight: bold;
}
#settings-lists .names span {
    display: block;
    text-align: right;
    width: 100%;
    margin-bottom: 2px;
    margin-right: 1px;
}
#settings-lists .names {
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
}
.settings-type span {
    white-space: nowrap;
}
.related-objects-badge {
    font-size: 70%;
    background-color: #eee;
    line-height: 100%;
    padding: 0 2px;
    border-radius: 2px;
    margin-left: 2px;
}
.related-objects-badge.zero {
    color: white;
    background-color: #aaa;
}
.setting a.name , .setting .name input{
    font-size: 110%;
}
.settings-list {
    margin-bottom: 0;
}
.settings-list li {
    margin: 0;
    padding: .25em;
    padding-left: .5em;
}
.settings-list li:hover, .settings-type div:hover {
    background-color: #ffe;
    cursor: pointer;
}
.notes {
    display: inline-block;
}
.notes, .notes input {
    color: #666;
}
.inline_edit_form .controls{
    margin-top: 1px;
}
.inline_edit_form .submit {
    font-size: 100%;
    padding: 2px .5em;
    margin-right: 0;
}
.inline_edit_form input {
    min-width: 20em;
}
.names input {
    min-width: 280px;
}
.focus_hook {
    text-decoration: none;
    color: black;
}
.focus_hook:visited {
    color: black;
}
.focus_hook:hover {
    text-decoration: underline;
}
#settings-lists .add {
    margin-left: 1em;
}
.related_objects {
    margin-left: 2em;
    list-style-type: disc;
}
.delete-trigger {
    float: left;
    margin-right: 10px;
    display: inline-block;
    height: 17px;
    width: 17px;
    background-position: -176px -96px;
    background-image: url(jquery-ui.smoothness/images/ui-icons_222222_256x240.png);
    background-repeat: no-repeat;
    text-indent: 19px;
    overflow: hidden;
    vertical-align: middle;
    opacity: .3;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}
.delete-trigger:hover, .delete-trigger:hover {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
#existing-settings-types {
    display: block;
}
#existing-settings-types a{
    white-space: nowrap;
}
#setting-type-add {
    white-space: nowrap;
}
.inline_edit_form .help {
    text-align: left !important;
}
/* Doctype edit */
/*.doctype .misc dt, .doctype .misc dd {
    margin-left: 1em;
}
.doctype .object-header .m2m {
    width: 99%;
    clear: both;
}*/
.doctype {
    max-width: 1000px;
}
.doctype table ul {
    margin: 0;
}
.doctype table li {
    margin: 0;
    padding: 0;
}
.doctype li:hover {
    background-color: inherit;
}
.doctype table input {
    min-width: 10ex;
    width: 100%;
}
.doctype .actions input {
    min-width: inherit;
}
.doctype a.name {
    font-size: 120%;
    font-weight: bold;
}
.doctype .name input {
    font-weight: bold;
}
.doctype .slug {
    font-weight: normal;
}
.setting-view.doctype p {
    margin-left: 37px;
    text-indent: -10px;
}
.inline_edit_form.doctype {
    min-width: 600px;
    padding: .25em 1em;
    cursor: auto;
}
.doctype .names, .doctype .misc {
    margin:0;
    display: inline-block;
    width: 49%;
    min-width: 300px;
}
.doctype .names {
    margin-right: 0 !important;
}
.doctype .misc dt, .doctype .misc dd {
    margin-left: 1em;
}
.doctype .names input, .doctype .misc input {
    width: 100%;
}
.doctype .m2m {
    margin-bottom: 1em;
}
.sequence_no input {
    max-width: 10ex;
}
/* Misc */
.hidden {
    display: none;
}

#disk_space_info.warning {
    color: white;
    background-color: #F78708;
}
.form-container, .loading_msg, .inline_edit_form {
    background-color: #ffd !important;
}

div.source-img-message
{
    color: #fff;
}