/* login form */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,300);

:root {
    --header-bg: var(--primary);
    --primary: #0032fa;
    --secondary: #F5F7FF;
    --accent: #f5dd5d;
    --primary-fg: #fff;

    --body-fg: #333;
    --body-bg: #fff;
    --body-quiet-color: #666;
    --body-loud-color: #000;

    --header-color: #ffc;
    --header-branding-color: var(--accent);
    --header-link-color: var(--primary-fg);

    --breadcrumbs-fg: #c4dce8;
    --breadcrumbs-link-fg: var(--body-bg);
    --breadcrumbs-bg: var(--primary);

    --link-fg: #447e9b;
    --link-hover-color: #036;
    --link-selected-fg: #5b80b2;

    --hairline-color: #e8e8e8;
    --border-color: #ccc;

    --error-fg: #ba2121;

    --message-success-bg: #dfd;
    --message-warning-bg: #ffc;
    --message-error-bg: #ffefef;

    --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */
    --selected-bg: #e4e4e4; /* E.g. selected table cells */
    --selected-row: #ffc;

    --button-fg: #fff;
    --button-bg: var(--primary);
    --button-hover-bg: #609ab6;
    --default-button-bg: var(--secondary);
    --default-button-hover-bg: #205067;
    --close-button-bg: #888; /* Previously #bbb, contrast 1.92 */
    --close-button-hover-bg: #747474;
    --delete-button-bg: #ba2121;
    --delete-button-hover-bg: #a41515;

    --object-tools-fg: var(--button-fg);
    --object-tools-bg: var(--close-button-bg);
    --object-tools-hover-bg: var(--close-button-hover-bg);
    --body-quiet-color: var(--body-fg);
    --small-radius: 4px;
    --hover-link-background-color: #D4DCEF; 

}


@media (prefers-color-scheme: dark) {
    :root {
        --primary: #0033B2;
        --secondary: #D4DCEF;
        --accent: #666;
        --primary-fg: #fff;

        --body-fg: white;
        --body-bg: #1F2023;
        --body-quiet-color: #eee;
        --body-loud-color: #000;

        --header-color: #ffc;
        --header-branding-color: var(--accent);
        --header-bg: #28292C;
        --lighter-header-background: #8A8A8A;
            ;
        --header-link-color: var(--primary-fg);

        --breadcrumbs-fg: #c4dce8;
        --breadcrumbs-link-fg: var(--body-fg);
        --breadcrumbs-bg: var(--primary);

        --link-fg: white;
        --link-hover-color: #036;
        --link-selected-fg: #5b80b2;

        --border-color: #3A3B3D;
            --hairline-color: #3A3B3D;
            /* var(--border-color); */

        /* --error-fg: #e35f5f; */
        --error-fg: #f43b3b;
        --message-success-bg: #006b1b;
        --message-warning-bg: #583305;
        --message-error-bg: #570808;

        --darkened-bg: #28292C; /* A bit darker than --body-bg */
        --selected-bg: var(--header-bg);
        /* #e4e4e4; E.g. selected table cells */
        --selected-row: var(--accent);

        --button-fg: #fff;
        --button-bg: var(--primary);
        --button-hover-bg: #609ab6;
        --default-button-bg: var(--secondary);
        --default-button-hover-bg: #205067;
        --close-button-bg: #888; /* Previously #bbb, contrast 1.92 */
        --close-button-hover-bg: #747474;
        --delete-button-bg: #ba2121;
        --delete-button-hover-bg: #a41515;

        --object-tools-fg: var(--button-fg);
        --object-tools-bg: var(--close-button-bg);
        --object-tools-hover-bg: var(--close-button-hover-bg);
        --hover-link-background-color: var(--header-bg);
    }
}

.checkbox_input_container.active {
    background-color: var(--primary) !important;
}
.checkbox_input_container {
    background-color: var(--header-bg) !important; 
    /* #0091C6 !important; */
}
a:hover {
    background-color: var(--hover-link-background-color);
    color: var(--primary);
}

#changelist-filter a:hover {
    color: var(--primary) !important;
}
#changelist-filter h2 {
    background-color: var(--primary) !important;
    /* color: var(--body-quiet-color) !important; */
}
#changelist-filter li.selected {
    border-left: 5px solid var(--primary) !important;
}
#changelist-filter li.selected a {
    color: var(--body-fg) !important;
}
input[type="submit"].default {
    background-color: var(--primary);
}

/* 264b5d */


#login-form .submit-row {
  padding: 1em 0 1.5em 0;
  text-align: center;
}

#login-form .submit-row a.button {
  padding: 10px 15px;
}

.login .form-row #id_login {
    clear: both;
    padding: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    font-family: "Source Sans Pro" !important;
}

table.calendar {
  width: 100%;
  table-layout: fixed;
}

table.calendar caption {
  text-align: center;
}

table.calendar tr.day {
  height: 100px;
}

table.calendar ul li {
  list-style-type: none;
}

/* Index */
.block {
    padding: 0px;
}

.block li {
    list-style-type: none;
}

.block li a {
    display: block;
    padding: 1em 1em 1em 1em;
    font-weight: 400;
}

.block li a:hover {
    border-radius: var(--small-radius);
}


.block li.block-header a {
    border-radius: var(--small-radius);
    font-weight: 600;
}

.block.day-bookings li.block-sub-header:not(:nth-child(2)) {
    border-top: 1px solid var(--border-color);
}

.block.day-bookings li.side-padding {
    padding: 0 1em;
}

.block.day-bookings li.bottom-padding {
    padding-bottom: 1em;
}

/* Custom forms */
.aligned label.inline-label {
    display: inline;
    float: none;
    margin-left: 0.5em;
}

#header {
    background: var(--header-bg);
}

#header a {
    color: var(--body-fg);
}

a:not( [role="button"], #header a, #nav-sidebar a, #content-main.app-list a, .object-tools a ) {
    text-decoration: none;
}

li.block-header a{
    color: var(--secondary) ;
    background-color: var(--header-bg);
    
}
h1 {
    margin-top: 0px;
    /* margin-top: 0px; */
}

#content h1 {
    color: var(--body-fg);
    padding: 5px;
    padding-left: 40px;
    font-size: 15px;
    width: 100%;
    text-transform: uppercase;
    /* margin-top: 0px; */
}


.action-counter {
    float: right !important;
}

button[type="submit"].button[name="index"]{
    display: none;
}

div.actions {
    background: transparent !important;
    /* color: #333 !important; */
    width: auto !important;
}



#changelist-filter{
    color: var(--body-fg);
    border-radius: var(--small-radius);
}



#changelist-search input[type="submit"]{
    background: var(--primary) !important;
    color: #FFF !important;
    text-transform: uppercase;
    font-size:11px !important;
    box-shadow: none !important;
    border-radius: var(--small-radius) !important;
    border: 0 !important;
    padding: 5px 12px !important;
}


#searchbar {
    padding: 2px 5px !important;
}

.submit-row{
    background: none !important;
    border: none !important;
    align-items: center;
}

.main-logo {
    width: 150px !important;
}

.vLargeTextField {
    width: auto !important;
}

.block-header {
    text-transform: uppercase;
}

.paginator{
    background: none !important;
}


.clearFilter {
    float: right !important;
    cursor: pointer;
}

span.small.quiet {
    float: right !important;
}

.submit-row a.button {
    padding: 10px 15px;
}

table.bookings-overview {
    table-layout: fixed;
}


table.bookings-overview tbody td {
    text-align: center;
    vertical-align: middle;
}


table.bookings-overview tr.week td {
    font-weight: 600;
}

.user-row, .user-row:hover {
    font-weight: bold;
}

.bold {
    font-weight: bold;
}



.count-user {
    font-size: 10px;
}



table.booking-tracking {
    width:100%;
}

table.booking-tracking td.day, table.booking-tracking th.day {
    text-align: center;
    vertical-align: middle;
}

table.booking-tracking td.no-result {
    text-align: center;
}

a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}

/* Hide "Now" buttons in presta inlines */
.form-row.dynamic-events .field-end_time .datetimeshortcuts a:first-of-type {
  display: none;
}

.form-row.dynamic-events .field-start_time .datetimeshortcuts a:first-of-type {
  display: none;
}

.form-row.dynamic-events .field-date .datetimeshortcuts a:first-of-type {
  display: none;
}

/* Hide "Clear selection" button in multiple select2 because selected items are shifted towards the bottom
   to avoid it and it's ugly */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.module {
    border: 1px solid var(--hairline-color);
    background: var(--secondary) !important;
}

.label-default {
    background-color: var(--secondary);
    margin: 4px;
    border-radius: var(--small-radius);
    padding: 4px;
    padding-top: 1px;
        padding-bottom: 1px;
}

.label-default:hover {
  color: var(--primary);
}

table.booking-tracking td.is-live {
    color: var(--error-fg);
    font-weight: 600;
}
    
table.booking-tracking td.weekend,
table.booking-tracking th.weekend {
    background-color: #c2d5f4;
}

@media (prefers-color-scheme: dark) {
    
    a:hover {
        color: var(--primary-fg);
    }
    #header a {
        color: var(--primary-fg);
    }
    li.block-header a{
        color: var(--primary-fg) ;
        background-color: var(--lighter-header-background);
        
    }
    #changelist-filter li.selected a {
        color: var(--primary-fg);
    }
    .block.day-bookings {
        background-color: var(--header-bg) !important;
    }
    .select2-container--default .select2-selection--single{
        background-color: var(--body-bg) !important;
        border-radius: var(--small-radius);
    }
    .select2-results__option {
        background-color: var(--body-bg) !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: var(--body-fg) !important;
    }
    .select2-container--admin-autocomplete .select2-selection--single .select2-selection__rendered {
        color: var(--body-fg) !important;
        background-color: var(--body-bg) !important;
        border-radius: var(--small-radius);
    }
    .select2-selection.select2-selection--single {
        background-color: var(--body-bg) !important;
        color: var(--body-fg) !important;
    }
    .module {
        background: var(--header-bg) !important;
    } 

    #changelist-search input[type="submit"]:hover {
        background-color: var(--secondary) !important;
    }
    .checkbox_input_container {
        background-color: #D4DCEF !important; 
    }
    .label-default {
        background-color: var(--lighter-header-background);
    }

    table.booking-tracking td.weekend,
    table.booking-tracking th.weekend {
        background-color: #4F4F4F;
    }
}
span.upload_mapping_field p {
    display: inline
}