.dropzone_modal {
    display: none;
    width: 400px
}

.dropzone_modal .dz-preview {
    margin-bottom: 5px;
    overflow: hidden
}

.dropzone_modal .dz-details {
    display: inline
}

.dropzone_modal .dz-details .dz-filename,.dropzone_modal .dz-details .dz-size {
    display: inline
}

.dropzone_modal .dz-details .dz-size strong {
    font-weight: normal
}

.dropzone_modal .dz-details img {
    display: none
}

.dropzone_modal .dz-progress {
    height: 10px;
    border: 1px solid #0063a6;
    display: block;
    margin-top: 1px
}

.dropzone_modal .dz-progress .dz-upload {
    background-color: #0063a6;
    display: block;
    height: 100%;
    width: 0%
}

.dropzone_modal .dz-error .dz-progress {
    border-color: #B02323
}

.dropzone_modal .dz-error .dz-progress .dz-upload {
    background-color: #B02323
}

.dropzone_modal .dz-error .dz-error-mark {
    display: inline
}

.dropzone_modal .dz-success .dz-success-mark {
    display: inline
}

.dropzone_modal .dz-success .dz-remove {
    display: none
}

.dropzone_modal .dz-error-mark {
    color: #B02323
}

.dropzone_modal .dz-success-mark,.dropzone_modal .dz-error-mark {
    display: none;
    float: right
}

.dropzone_modal .dz-message {
    display: none
}

.dropzone_modal .dz-remove {
    float: right
}

.dropzone-inline {
    border: 2px solid transparent
}

.dropzone-inline.dz-drag-hover {
    border: 2px dashed #BBBBBB
}

.dropzone-inline .dz-details {
    display: inline
}

.dropzone-inline .dz-details .dz-filename,.dropzone-inline .dz-details .dz-size {
    display: inline
}

.dropzone-inline .dz-details .dz-size:before {
    content: '('
}

.dropzone-inline .dz-details .dz-size:after {
    content: ')'
}

.dropzone-inline .dz-details .dz-size strong {
    font-weight: normal
}

.dropzone-inline .dz-details img {
    display: none
}

.dropzone-inline .dz-progress {
    width: 50px;
    height: 8px;
    border: 1px solid #0063a6;
    display: inline-block
}

.dropzone-inline .dz-progress .dz-upload {
    background-color: #0063a6;
    display: block;
    height: 100%;
    width: 0%
}

.dropzone-inline .dz-error .dz-progress {
    border-color: #B02323
}

.dropzone-inline .dz-error .dz-progress .dz-upload {
    background-color: #B02323
}

.dropzone-inline .dz-error .dz-error-mark {
    display: inline
}

.dropzone-inline .dz-success .dz-success-mark {
    display: inline
}

.dropzone-inline .dz-error-mark {
    color: #B02323
}

.dropzone-inline .dz-success-mark,.dropzone-inline .dz-error-mark {
    display: none
}

.dropzone-inline .dz-error-message {
    color: #B02323
}

.dropzone-inline .dz-message {
    color: #BBBBBB;
    text-align: right
}

.dropzone-inline .dz-clickable.dz-message {
    cursor: pointer
}

.dropzone-inline .dz-clickable.dz-message:hover {
    color: #444444
}

.dropzone-inline .dz-clickable.dz-message span {
    cursor: pointer
}

table.datagrid {
    background-color: transparent;
    border-collapse: collapse;
    max-width: 100%
}

table.datagrid th {
    background-color: #eee;
    text-align: left
}

table.datagrid td,table.datagrid th {
    border: 1px solid #d6d6d6;
    padding: 5px 10px
}

table.datagrid td .order a.asc,table.datagrid td .order a.desc,table.datagrid th .order a.asc,table.datagrid th .order a.desc {
    text-decoration: none;
    font-weight: normal
}

table.datagrid td.ordered,table.datagrid th.ordered {
    background-color: #fff7d5
}

table.datagrid td.ordered.asc a.asc,table.datagrid th.ordered.asc a.asc {
    font-weight: bold;
    color: #d00
}

table.datagrid td.ordered.desc a.desc,table.datagrid th.ordered.desc a.desc {
    font-weight: bold;
    color: #d00
}

table.datagrid .noresults {
    text-align: center
}

.datagrid-form {
    background-color: #f0f0f0;
    border-radius: 5px;
    padding: 20px
}

.datagrid-filter {
    margin: 10px;
    *zoom:1}

.datagrid-filter:before,.datagrid-filter:after {
    display: table;
    content: ''
}

.datagrid-filter:after {
    clear: both
}

.datagrid-filter label {
    width: 150px;
    float: left
}

.datagrid-filter a {
    float: left
}

.datagrid-filter input[class*='filter'] {
    border: 2px solid #ccc;
    border-radius: 4px;
    float: left;
    padding: 5px 12px;
    width: 207px
}

.datagrid-filter input.from[class*='filter'],.datagrid-filter input.to[class*='filter'] {
    width: 83px
}

.datagrid-filter select {
    float: left;
    width: 235px
}

.datagrid-filter select[multiple] {
    border: 2px solid #ccc;
    border-radius: 5px;
    height: 100px
}

.datagrid-filter select.dynamic_filter.field {
    width: 178px
}

.datagrid-filter select.dynamic_filter.operation {
    margin-left: 7px;
    width: 50px
}

.datagrid-filter input.dynamic_filter.value {
    margin: 10px 0 0 150px;
    clear: both
}

.datagrid-filter .separator {
    float: left;
    margin: 6px 4px 0
}

.datagrid-filter .enum_filter.checkboxes {
    float: none;
    display: block;
    margin-left: 150px
}

.datagrid-filter .enum_filter.checkboxes input {
    margin: 7px
}

.datagrid-actions {
    padding-left: 160px
}

.datagrid-actions input[type='submit'] {
    background-color: #555;
    border: none;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    padding: 7px 15px;
    vertical-align: middle;
    display: inline-block;
    zoom:1;*display: inline
}

.datagrid-actions input[type='submit']:hover,.datagrid-actions input[type='submit']:focus {
    background-color: #333
}

.datagrid-actions input[type='submit']:active {
    background-color: #000
}

.datagrid-actions>a {
    font-size: 14px;
    padding: 7px 15px;
    vertical-align: middle;
    display: inline-block;
    zoom:1;*display: inline
}

.text_right {
    text-align: right
}

.text_left {
    text-align: left
}

.secondary {
    font-size: 0.7em;
    opacity: 0.5
}

p.empty {
    font-style: italic;
    font-weight: bold;
    width: 95%;
    margin-right: auto;
    margin-left: auto
}

pre.code {
    background-color: #EEEEEE;
    color: #000000;
    padding: 1em
}

#breadcrumbs span:after,.breadcrumbs span:after {
    content: ' > '
}

#breadcrumbs span:last-child:after,.breadcrumbs span:last-child:after {
    content: normal
}

.vcard abbr[title],.vevent abbr[title] {
    text-decoration: none
}

.withSelected {
    margin: 0 auto 20px auto;
    width: 95%
}

table.databaselisting {
    font-size: .95em;
    width: 95%;
    margin: 0 auto 20px auto;
    clear: right;
    border-collapse: collapse
}

table.databaselisting+.empty {
    display: none
}

table.databaselisting.empty {
    display: none
}

table.databaselisting.empty+.empty {
    display: block
}

table.databaselisting.construction_zone {
    clear: both
}

table.databaselisting tr {
    background-color: #fff
}

table.databaselisting tr.disabled td,table.databaselisting tr.locked td {
    opacity: 0.5
}

table.databaselisting tr td {
    color: #666;
    padding: 5px;
    border-bottom: 1px solid #444444
}

table.databaselisting tr td.option {
    background-color: #FEC400;
    text-align: center;
    width: 1px;
    color: #000000 !important;
    font-weight: bold;
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0
}

table.databaselisting tr td.option>:first-child {
    padding-left: 20px
}

table.databaselisting tr td.option>:last-child {
    padding-right: 20px
}

table.databaselisting tr td.option a {
    color: #000000 !important;
    text-decoration: none !important
}

table.databaselisting tr td.option a:hover {
    text-decoration: underline !important
}

table.databaselisting tr td.option a.locked {
    color: #FF0000 !important
}

table.databaselisting tr td.option .unavailable {
    display: inline-block
}

table.databaselisting tr td.nowrap {
    white-space: nowrap
}

table.databaselisting tr td .handle {
    cursor: move;
    vertical-align: middle;
    padding: 5px
}

table.databaselisting tr td .handle+img {
    padding: 0 5px
}

table.databaselisting tr th {
    text-align: left;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px
}

table.databaselisting tr th:first-child {
    border-top-left-radius: 7px
}

table.databaselisting tr th:last-child {
    border-top-right-radius: 7px
}

table.databaselisting tr th.dragAndDrop {
    width: 14px
}

table.databaselisting tr th.thumbnail {
    width: 50px
}

table.databaselisting tr th.count {
    text-align: center
}

table.databaselisting tr th.select {
    width: 1px;
    white-space: nowrap
}

table.databaselisting tr th.select:hover {
    background: linear-gradient(#2fb6ff, #006599)
}

table.databaselisting tr td.thumbnail {
    width: 50px
}

table.databaselisting tr td.thumbnail a,table.databaselisting tr td.thumbnail img {
    display: block
}

table.databaselisting thead>tr {
    background: linear-gradient(#62c8ff, #0087cc)
}

ul.databaseOutput {
    margin-left: 0;
    padding-left: 0
}

ul.databaseOutput li {
    list-style-type: none;
    padding-bottom: 1em;
    margin-left: 0
}

ul.databaseOutput li div {
    font-weight: bold;
    font-size: 1.3em
}

div.partitions>div {
    border-bottom: 2px solid #B1B4B4;
    margin-bottom: 10px
}

div.partitions>div:last-child {
    border-bottom: none;
    margin-bottom: 0
}

nav.pagination {
    padding: 3px 0 3px 0;
    margin: 20px 0 10px 0;
    text-align: center;
    float: left;
    width: 100%;
    font-weight: bold
}

nav.pagination>span {
    display: inline-block
}

nav.pagination>span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #333333;
    background-color: #333333;
    color: #FFFFFF;
    font-style: normal
}

nav.pagination>span a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    text-decoration: none;
    color: #333333 !important;
    background-color: #FFFFFF !important
}

nav.pagination>span a:hover,nav.pagination>span a:active {
    border: 1px solid #333333;
    background-color: #333333 !important;
    color: #FFFFFF !important
}

p.flash {
    padding: 10px 10px 10px 60px !important;
    background-repeat: no-repeat;
    font-size: 1em;
    text-align: left;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 20px
}

@media (max-width: 768px) {
    p.flash {
        margin:0 0 10px 0;
        font-size: 0.8em
    }
}

p.flash.notice {
    color: #2E5B00;
    background-color: #C8FF91;
    background-image: url("https://assets.spikeatschool.co.nz/assets/flash/success-fc4c35198eaad2087e176c9bee7511e6da9e4338fc986cf39ac0c385d74baf60.gif");
    background-position: -20px -20px;
    border: 1px solid #6C0
}

p.flash.notice a {
    color: #2E5B00 !important
}

p.flash.notice a:hover {
    color: #142800 !important
}

p.flash.alert {
    color: #5B1200;
    background-color: #FFA791;
    background-image: url("https://assets.spikeatschool.co.nz/assets/flash/failure-a080b2213ee0ea1296db94f0911e99965d65ba00eb0bf9c9abcd122f136fab3d.gif");
    background-position: -17px -15px;
    border: 1px solid #F30
}

p.flash.alert a {
    color: #5B1200 !important
}

p.flash.alert a:hover {
    color: #280800 !important
}

div.error_explanation {
    color: #5B1200 !important;
    background-color: #FFA791;
    background-image: url("https://assets.spikeatschool.co.nz/assets/flash/failure-a080b2213ee0ea1296db94f0911e99965d65ba00eb0bf9c9abcd122f136fab3d.gif");
    background-repeat: no-repeat;
    background-position: -17px -15px;
    border: 1px solid #F30;
    padding: 10px 30px 10px 60px;
    margin-bottom: 20px;
    text-align: left
}

div.error_explanation h2,div.error_explanation p {
    font-style: normal !important;
    color: #5B1200 !important
}

.buttons {
    margin: 15px 0 !important;
    overflow: hidden
}

.buttons.right_buttons {
    text-align: right
}

.buttons>.uploading_message {
    display: none;
    margin-right: 7px
}

.buttons a,.buttons button,.buttons span:not(.or) {
    display: inline-block;
    margin: 0 7px 4px 0;
    background-color: #F5F5F5 !important;
    border: 1px solid #DEDEDE !important;
    border-top: 1px solid #EEEEEE !important;
    border-left: 1px solid #EEEEEE !important;
    font-size: 12px;
    font-family: 'Nunito', sans-serif;
    line-height: 17px;
    text-decoration: none;
    font-weight: bold;
    color: #565656 !important;
    cursor: pointer;
    padding: 5px 10px 5px 7px
}

.buttons a:hover,.buttons button:hover,.buttons span:not(.or):hover {
    background-color: #DFF4FF !important;
    border: 1px solid #C2E1EF !important;
    color: #336699 !important;
    text-decoration: none !important
}

.buttons a.positive,.buttons button.positive,.buttons span.positive:not(.or) {
    color: #529214 !important
}

.buttons a.positive:hover,.buttons button.positive:hover,.buttons span.positive:not(.or):hover {
    background-color: #E6EFC2 !important;
    border: 1px solid #C6D880 !important;
    color: #529214 !important
}

.buttons a.negative,.buttons button.negative,.buttons span.negative:not(.or) {
    color: #D12F19 !important
}

.buttons a.negative:hover,.buttons button.negative:hover,.buttons span.negative:not(.or):hover {
    background: #FBE3E4 !important;
    border: 1px solid #FBC2C4 !important;
    color: #D12F19 !important
}

.buttons a.regular,.buttons button.regular,.buttons span.regular:not(.or) {
    color: #336699 !important
}

.buttons a.regular:hover,.buttons button.regular:hover,.buttons span.regular:not(.or):hover {
    background-color: #DFF4FF !important;
    border: 1px solid #C2E1EF !important;
    color: #336699 !important
}

.buttons a[disabled],.buttons button[disabled],.buttons span[disabled]:not(.or) {
    color: #555555 !important;
    cursor: not-allowed
}

.buttons a[disabled]:hover,.buttons button[disabled]:hover,.buttons span[disabled]:not(.or):hover {
    background-color: #F5F5F5 !important;
    border: 1px solid #DEDEDE !important;
    border-top: 1px solid #EEEEEE !important;
    border-left: 1px solid #EEEEEE !important;
    color: #555555 !important
}

.buttons a img,.buttons button img,.buttons span:not(.or) img {
    margin: 0 5px -3px 0 !important;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px
}

.buttons a i,.buttons button i,.buttons span:not(.or) i {
    margin: 0 5px -3px 0 !important;
    padding: 0;
    border: none
}

.buttons a:active {
    background-color: #6299C5 !important;
    border: 1px solid #6299C5 !important;
    color: #FFFFFF !important;
    text-decoration: none !important
}

.buttons a.positive:active {
    background-color: #529214 !important;
    border: 1px solid #529214 !important;
    color: #FFFFFF !important
}

.buttons a.negative:active {
    background-color: #D12F19 !important;
    border: 1px solid #D12F19 !important;
    color: #FFFFFF !important
}

.buttons a.regular:active {
    background-color: #6299C5 !important;
    border: 1px solid #6299C5 !important;
    color: #FFFFFF !important
}

.buttons>.or {
    font-size: 0.8em;
    vertical-align: middle;
    display: inline-block;
    margin: 0 7px 0 0
}

.buttons_wrapper {
    display: flex;
    margin: 15px 0
}

.buttons_wrapper>.buttons {
    flex-basis: 50%;
    margin: 0 !important
}

form.databaseinput {
    display: block;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0
}

form.databaseinput fieldset {
    text-align: left;
    border: 2px solid #B1B4B4;
    padding: 0px;
    background-color: #EAEAEA;
    font-size: 0.9em
}

form.databaseinput fieldset input[type="text"],form.databaseinput fieldset input[type="password"],form.databaseinput fieldset input[type="email"] {
    width: 210px
}

form.databaseinput fieldset input.large[type="text"],form.databaseinput fieldset input.large[type="password"],form.databaseinput fieldset input.large[type="email"] {
    width: 420px
}

form.databaseinput fieldset textarea {
    width: 296px
}

form.databaseinput fieldset>p,form.databaseinput fieldset>div:not(.advanced),form.databaseinput fieldset>span>p,form.databaseinput fieldset>span>div,form.databaseinput fieldset>.advanced>p,form.databaseinput fieldset>.advanced>div:not(.advanced),form.databaseinput fieldset>.advanced>span>p,form.databaseinput fieldset>.advanced>span>div {
    margin: 0px !important;
    clear: left;
    padding: 5px 5px 3px 0px !important
}

form.databaseinput fieldset>p::after,form.databaseinput fieldset>div:not(.advanced)::after,form.databaseinput fieldset>span>p::after,form.databaseinput fieldset>span>div::after,form.databaseinput fieldset>.advanced>p::after,form.databaseinput fieldset>.advanced>div:not(.advanced)::after,form.databaseinput fieldset>.advanced>span>p::after,form.databaseinput fieldset>.advanced>span>div::after {
    content: "";
    display: block;
    clear: both
}

form.databaseinput fieldset>p.buttons,form.databaseinput fieldset>div.buttons:not(.advanced),form.databaseinput fieldset>span>p.buttons,form.databaseinput fieldset>span>div.buttons,form.databaseinput fieldset>.advanced>p.buttons,form.databaseinput fieldset>.advanced>div.buttons:not(.advanced),form.databaseinput fieldset>.advanced>span>p.buttons,form.databaseinput fieldset>.advanced>span>div.buttons {
    padding: 4px 0 0 177px !important;
    margin: 0 !important
}

form.databaseinput fieldset>p.buttons label,form.databaseinput fieldset>div.buttons:not(.advanced) label,form.databaseinput fieldset>span>p.buttons label,form.databaseinput fieldset>span>div.buttons label,form.databaseinput fieldset>.advanced>p.buttons label,form.databaseinput fieldset>.advanced>div.buttons:not(.advanced) label,form.databaseinput fieldset>.advanced>span>p.buttons label,form.databaseinput fieldset>.advanced>span>div.buttons label {
    margin-right: 7px !important
}

form.databaseinput fieldset>p.indent,form.databaseinput fieldset>div.indent:not(.advanced),form.databaseinput fieldset>span>p.indent,form.databaseinput fieldset>span>div.indent,form.databaseinput fieldset>.advanced>p.indent,form.databaseinput fieldset>.advanced>div.indent:not(.advanced),form.databaseinput fieldset>.advanced>span>p.indent,form.databaseinput fieldset>.advanced>span>div.indent {
    margin-left: 177px
}

form.databaseinput fieldset>p>label,form.databaseinput fieldset>div:not(.advanced)>label,form.databaseinput fieldset>span>p>label,form.databaseinput fieldset>span>div>label,form.databaseinput fieldset>.advanced>p>label,form.databaseinput fieldset>.advanced>div:not(.advanced)>label,form.databaseinput fieldset>.advanced>span>p>label,form.databaseinput fieldset>.advanced>span>div>label {
    float: left;
    width: 165px;
    text-align: right;
    font-size: 1.1em;
    margin-right: 5px;
    margin-left: 5px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0
}

form.databaseinput fieldset>p span.comments,form.databaseinput fieldset>div:not(.advanced) span.comments,form.databaseinput fieldset>span>p span.comments,form.databaseinput fieldset>span>div span.comments,form.databaseinput fieldset>.advanced>p span.comments,form.databaseinput fieldset>.advanced>div:not(.advanced) span.comments,form.databaseinput fieldset>.advanced>span>p span.comments,form.databaseinput fieldset>.advanced>span>div span.comments {
    margin-left: 107px;
    font-style: italic;
    display: block
}

form.databaseinput fieldset>p a.info,form.databaseinput fieldset>div:not(.advanced) a.info,form.databaseinput fieldset>span>p a.info,form.databaseinput fieldset>span>div a.info,form.databaseinput fieldset>.advanced>p a.info,form.databaseinput fieldset>.advanced>div:not(.advanced) a.info,form.databaseinput fieldset>.advanced>span>p a.info,form.databaseinput fieldset>.advanced>span>div a.info {
    color: #fec400;
    font-weight: bold
}

form.databaseinput fieldset>p span.handle,form.databaseinput fieldset>div:not(.advanced) span.handle,form.databaseinput fieldset>span>p span.handle,form.databaseinput fieldset>span>div span.handle,form.databaseinput fieldset>.advanced>p span.handle,form.databaseinput fieldset>.advanced>div:not(.advanced) span.handle,form.databaseinput fieldset>.advanced>span>p span.handle,form.databaseinput fieldset>.advanced>span>div span.handle {
    cursor: move
}

form.databaseinput fieldset>p img.thumbnail,form.databaseinput fieldset>div:not(.advanced) img.thumbnail,form.databaseinput fieldset>span>p img.thumbnail,form.databaseinput fieldset>span>div img.thumbnail,form.databaseinput fieldset>.advanced>p img.thumbnail,form.databaseinput fieldset>.advanced>div:not(.advanced) img.thumbnail,form.databaseinput fieldset>.advanced>span>p img.thumbnail,form.databaseinput fieldset>.advanced>span>div img.thumbnail {
    margin-top: 10px
}

form.databaseinput fieldset>p ul.checkboxGroup,form.databaseinput fieldset>div:not(.advanced) ul.checkboxGroup,form.databaseinput fieldset>span>p ul.checkboxGroup,form.databaseinput fieldset>span>div ul.checkboxGroup,form.databaseinput fieldset>.advanced>p ul.checkboxGroup,form.databaseinput fieldset>.advanced>div:not(.advanced) ul.checkboxGroup,form.databaseinput fieldset>.advanced>span>p ul.checkboxGroup,form.databaseinput fieldset>.advanced>span>div ul.checkboxGroup {
    margin: 0 0 0 175px;
    padding: 0;
    list-style-type: none;
    color: #FFFFFF;
    -moz-columns: 100px 4;
    columns: 100px 4
}

form.databaseinput fieldset>p ul.checkboxGroup li,form.databaseinput fieldset>div:not(.advanced) ul.checkboxGroup li,form.databaseinput fieldset>span>p ul.checkboxGroup li,form.databaseinput fieldset>span>div ul.checkboxGroup li,form.databaseinput fieldset>.advanced>p ul.checkboxGroup li,form.databaseinput fieldset>.advanced>div:not(.advanced) ul.checkboxGroup li,form.databaseinput fieldset>.advanced>span>p ul.checkboxGroup li,form.databaseinput fieldset>.advanced>span>div ul.checkboxGroup li {
    padding: 0 0 3px 0;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    display: table
}

form.databaseinput fieldset>p ul.checkboxGroup li input,form.databaseinput fieldset>p ul.checkboxGroup li label,form.databaseinput fieldset>div:not(.advanced) ul.checkboxGroup li input,form.databaseinput fieldset>div:not(.advanced) ul.checkboxGroup li label,form.databaseinput fieldset>span>p ul.checkboxGroup li input,form.databaseinput fieldset>span>p ul.checkboxGroup li label,form.databaseinput fieldset>span>div ul.checkboxGroup li input,form.databaseinput fieldset>span>div ul.checkboxGroup li label,form.databaseinput fieldset>.advanced>p ul.checkboxGroup li input,form.databaseinput fieldset>.advanced>p ul.checkboxGroup li label,form.databaseinput fieldset>.advanced>div:not(.advanced) ul.checkboxGroup li input,form.databaseinput fieldset>.advanced>div:not(.advanced) ul.checkboxGroup li label,form.databaseinput fieldset>.advanced>span>p ul.checkboxGroup li input,form.databaseinput fieldset>.advanced>span>p ul.checkboxGroup li label,form.databaseinput fieldset>.advanced>span>div ul.checkboxGroup li input,form.databaseinput fieldset>.advanced>span>div ul.checkboxGroup li label {
    display: table-cell
}

form.databaseinput fieldset>p ul.checkboxGroup li label,form.databaseinput fieldset>div:not(.advanced) ul.checkboxGroup li label,form.databaseinput fieldset>span>p ul.checkboxGroup li label,form.databaseinput fieldset>span>div ul.checkboxGroup li label,form.databaseinput fieldset>.advanced>p ul.checkboxGroup li label,form.databaseinput fieldset>.advanced>div:not(.advanced) ul.checkboxGroup li label,form.databaseinput fieldset>.advanced>span>p ul.checkboxGroup li label,form.databaseinput fieldset>.advanced>span>div ul.checkboxGroup li label {
    width: 100%;
    padding-left: 0.5em
}

form.databaseinput fieldset>p ul.checkboxGroup.checkboxGroupBlock,form.databaseinput fieldset>div:not(.advanced) ul.checkboxGroup.checkboxGroupBlock,form.databaseinput fieldset>span>p ul.checkboxGroup.checkboxGroupBlock,form.databaseinput fieldset>span>div ul.checkboxGroup.checkboxGroupBlock,form.databaseinput fieldset>.advanced>p ul.checkboxGroup.checkboxGroupBlock,form.databaseinput fieldset>.advanced>div:not(.advanced) ul.checkboxGroup.checkboxGroupBlock,form.databaseinput fieldset>.advanced>span>p ul.checkboxGroup.checkboxGroupBlock,form.databaseinput fieldset>.advanced>span>div ul.checkboxGroup.checkboxGroupBlock {
    -moz-columns: 1;
    columns: 1
}

form.databaseinput fieldset>p .selectable_field__selector,form.databaseinput fieldset>div:not(.advanced) .selectable_field__selector,form.databaseinput fieldset>span>p .selectable_field__selector,form.databaseinput fieldset>span>div .selectable_field__selector,form.databaseinput fieldset>.advanced>p .selectable_field__selector,form.databaseinput fieldset>.advanced>div:not(.advanced) .selectable_field__selector,form.databaseinput fieldset>.advanced>span>p .selectable_field__selector,form.databaseinput fieldset>.advanced>span>div .selectable_field__selector {
    margin: 0 0 0 175px;
    padding: 0;
    list-style-type: none;
    color: #FFFFFF
}

form.databaseinput fieldset>p .selectable_field__selector>*,form.databaseinput fieldset>div:not(.advanced) .selectable_field__selector>*,form.databaseinput fieldset>span>p .selectable_field__selector>*,form.databaseinput fieldset>span>div .selectable_field__selector>*,form.databaseinput fieldset>.advanced>p .selectable_field__selector>*,form.databaseinput fieldset>.advanced>div:not(.advanced) .selectable_field__selector>*,form.databaseinput fieldset>.advanced>span>p .selectable_field__selector>*,form.databaseinput fieldset>.advanced>span>div .selectable_field__selector>* {
    display: inline-block;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    padding: 0 0 3px 0;
    margin: 0 1em 0 0
}

form.databaseinput fieldset>p .selectable_field__selector>* label,form.databaseinput fieldset>div:not(.advanced) .selectable_field__selector>* label,form.databaseinput fieldset>span>p .selectable_field__selector>* label,form.databaseinput fieldset>span>div .selectable_field__selector>* label,form.databaseinput fieldset>.advanced>p .selectable_field__selector>* label,form.databaseinput fieldset>.advanced>div:not(.advanced) .selectable_field__selector>* label,form.databaseinput fieldset>.advanced>span>p .selectable_field__selector>* label,form.databaseinput fieldset>.advanced>span>div .selectable_field__selector>* label {
    padding-left: 0.2em
}

form.databaseinput fieldset>p .selectable_field__selector>* label.new:after,form.databaseinput fieldset>div:not(.advanced) .selectable_field__selector>* label.new:after,form.databaseinput fieldset>span>p .selectable_field__selector>* label.new:after,form.databaseinput fieldset>span>div .selectable_field__selector>* label.new:after,form.databaseinput fieldset>.advanced>p .selectable_field__selector>* label.new:after,form.databaseinput fieldset>.advanced>div:not(.advanced) .selectable_field__selector>* label.new:after,form.databaseinput fieldset>.advanced>span>p .selectable_field__selector>* label.new:after,form.databaseinput fieldset>.advanced>span>div .selectable_field__selector>* label.new:after {
    content: "New!";
    text-transform: uppercase;
    background-color: #CC0033;
    color: white;
    padding: 1px 3px;
    margin: 0 0 0 2px;
    vertical-align: super;
    font-size: 0.7em;
    font-weight: normal;
    display: inline-block;
    border-radius: 3px
}

form.databaseinput fieldset>p .selectable_field__selector>* input[type="radio"],form.databaseinput fieldset>div:not(.advanced) .selectable_field__selector>* input[type="radio"],form.databaseinput fieldset>span>p .selectable_field__selector>* input[type="radio"],form.databaseinput fieldset>span>div .selectable_field__selector>* input[type="radio"],form.databaseinput fieldset>.advanced>p .selectable_field__selector>* input[type="radio"],form.databaseinput fieldset>.advanced>div:not(.advanced) .selectable_field__selector>* input[type="radio"],form.databaseinput fieldset>.advanced>span>p .selectable_field__selector>* input[type="radio"],form.databaseinput fieldset>.advanced>span>div .selectable_field__selector>* input[type="radio"] {
    margin-left: 2px
}

form.databaseinput fieldset>p .selectable_field__option,form.databaseinput fieldset>div:not(.advanced) .selectable_field__option,form.databaseinput fieldset>span>p .selectable_field__option,form.databaseinput fieldset>span>div .selectable_field__option,form.databaseinput fieldset>.advanced>p .selectable_field__option,form.databaseinput fieldset>.advanced>div:not(.advanced) .selectable_field__option,form.databaseinput fieldset>.advanced>span>p .selectable_field__option,form.databaseinput fieldset>.advanced>span>div .selectable_field__option {
    margin: 0 0 0 175px;
    padding: 5px 5px 3px 0px;
    border: none;
    background: none;
    display: none
}

form.databaseinput fieldset>p .smart_file_field,form.databaseinput fieldset>div:not(.advanced) .smart_file_field,form.databaseinput fieldset>span>p .smart_file_field,form.databaseinput fieldset>span>div .smart_file_field,form.databaseinput fieldset>.advanced>p .smart_file_field,form.databaseinput fieldset>.advanced>div:not(.advanced) .smart_file_field,form.databaseinput fieldset>.advanced>span>p .smart_file_field,form.databaseinput fieldset>.advanced>span>div .smart_file_field {
    display: inline-block;
    margin-right: 2rem
}

form.databaseinput fieldset>p .smart_file_field__file,form.databaseinput fieldset>div:not(.advanced) .smart_file_field__file,form.databaseinput fieldset>span>p .smart_file_field__file,form.databaseinput fieldset>span>div .smart_file_field__file,form.databaseinput fieldset>.advanced>p .smart_file_field__file,form.databaseinput fieldset>.advanced>div:not(.advanced) .smart_file_field__file,form.databaseinput fieldset>.advanced>span>p .smart_file_field__file,form.databaseinput fieldset>.advanced>span>div .smart_file_field__file {
    display: none
}

form.databaseinput fieldset>p .smart_file_field__link,form.databaseinput fieldset>div:not(.advanced) .smart_file_field__link,form.databaseinput fieldset>span>p .smart_file_field__link,form.databaseinput fieldset>span>div .smart_file_field__link,form.databaseinput fieldset>.advanced>p .smart_file_field__link,form.databaseinput fieldset>.advanced>div:not(.advanced) .smart_file_field__link,form.databaseinput fieldset>.advanced>span>p .smart_file_field__link,form.databaseinput fieldset>.advanced>span>div .smart_file_field__link {
    color: #fec400;
    font-weight: bold
}

form.databaseinput fieldset>p .smart_file_field__removed,form.databaseinput fieldset>div:not(.advanced) .smart_file_field__removed,form.databaseinput fieldset>span>p .smart_file_field__removed,form.databaseinput fieldset>span>div .smart_file_field__removed,form.databaseinput fieldset>.advanced>p .smart_file_field__removed,form.databaseinput fieldset>.advanced>div:not(.advanced) .smart_file_field__removed,form.databaseinput fieldset>.advanced>span>p .smart_file_field__removed,form.databaseinput fieldset>.advanced>span>div .smart_file_field__removed {
    display: none
}

form.databaseinput fieldset>p .fieldWithErrors,form.databaseinput fieldset>div:not(.advanced) .fieldWithErrors,form.databaseinput fieldset>span>p .fieldWithErrors,form.databaseinput fieldset>span>div .fieldWithErrors,form.databaseinput fieldset>.advanced>p .fieldWithErrors,form.databaseinput fieldset>.advanced>div:not(.advanced) .fieldWithErrors,form.databaseinput fieldset>.advanced>span>p .fieldWithErrors,form.databaseinput fieldset>.advanced>span>div .fieldWithErrors {
    border: 2px solid red;
    background-color: #FFA791
}

form.databaseinput fieldset p.comments,form.databaseinput fieldset div.comments {
    margin-left: 177px !important;
    clear: left
}

form.databaseinput fieldset hr {
    color: #3DA4D8;
    background-color: #3DA4D8;
    border: solid 1px #3DA4D8;
    margin: 10px 0 5px 177px;
    padding: 0
}

.unavailable {
    opacity: 0.2
}

.grecaptcha-badge {
    visibility: hidden
}

.invisible_recaptcha_terms {
    color: #BFBFBF;
    font-size: 0.8rem
}

.invisible_recaptcha_terms a {
    color: #7CB4ED !important;
    text-decoration: none
}

.invisible_recaptcha_terms a:hover {
    color: #6390be !important
}

table.datagrid {
    width: 100%;
    margin-top: 1em
}

table.datagrid thead th {
    white-space: nowrap
}

table.datagrid thead th .order {
    display: inline-block
}

table.datagrid tbody td.order_date {
    white-space: nowrap
}

i.tick-cross {
    cursor: pointer
}

i.tick-cross.fa-check {
    color: #AFCC81
}

i.tick-cross.fa-times {
    color: #C64B43
}

i.tick-cross.disabled {
    opacity: 0.2
}

.spinner {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
    position: relative;
    display: none
}

.spinner.active {
    display: inline-block
}

.double-bounce1,.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

@-webkit-keyframes sk-bounce {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

table.activity_logs td.path>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    cursor: pointer
}

table.activity_logs td.path>ul li {
    margin: 0;
    padding: 0;
    display: inline
}

table.activity_logs td.path>ul li:after {
    content: ' > '
}

table.activity_logs td.path>ul li:last-child:after {
    content: normal
}

table.activity_logs td.path>ul.contractable.contracted:before {
    content: '...'
}

table.activity_logs td.path>ul.contractable.contracted li {
    display: none
}

table.activity_logs td.path>ul.contractable.contracted li:nth-last-child(-n+2) {
    display: inline
}

table.activity_logs abbr {
    cursor: help;
    text-decoration: none
}

.auto_discoveries {
    float: right;
    white-space: nowrap;
    font-family: 'Nunito', sans-serif
}

@media (max-width: 768px) {
    .auto_discoveries {
        display:none
    }
}

.auto_discoveries__discovery_link {
    display: inline-block;
    margin-left: 0.2em;
    height: 14px;
    line-height: 14px;
    padding: 0 8px;
    color: #FFFFFF !important;
    border-radius: 3px;
    box-sizing: border-box;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: bold;
    display: inline-block
}

.auto_discoveries__discovery_link:hover {
    color: #FFFFFF !important
}

.auto_discoveries__discovery_link--rss {
    background: linear-gradient(#F0A35D, #EA8020),#EB872D
}

.auto_discoveries__discovery_link--rss:hover {
    background: linear-gradient(#ee9646, #dc7315),#e87a16
}

.auto_discoveries__discovery_link--json {
    background: linear-gradient(#C9C9C9, #171717),#4A4A4A
}

.auto_discoveries__discovery_link--json:hover {
    background: linear-gradient(#bcbcbc, #0a0a0a),#3d3d3d
}

body div.theme_overlay form {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px;
    margin: 0;
    font-size: 0.9rem;
    z-index: 801;
    background-color: #0087CC;
    border-top: 5px solid #FEC400;
    color: #FFFFFF;
    box-shadow: rgba(0,0,0,0.290196) 0px 0px 3px 0px
}

body div.theme_overlay form fieldset {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    float: left
}

body div.theme_overlay form fieldset div:not(.advanced) {
    padding: 3px 0
}

body div.theme_overlay form fieldset div:not(.advanced) label {
    font-weight: bold;
    min-width: 15%;
    display: inline-block;
    text-align: right;
    margin: 0 4px 0 0;
    padding: 0
}

body div.theme_overlay form fieldset div:not(.advanced) input {
    color: #000000
}

body div.theme_overlay form fieldset div:not(.advanced) input[type="text"] {
    width: 210px
}

body div.theme_overlay form fieldset div:not(.advanced) .fieldWithErrors {
    border: 2px solid red;
    background-color: #FFA791
}

body div.theme_overlay form fieldset .advanced_toggle:before {
    content: '';
    min-width: 15%;
    display: inline-block;
    margin: 0 4px 0 0
}

body div.theme_overlay form fieldset .advanced_toggle>a {
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none
}

body div.theme_overlay form fieldset .advanced_toggle>a>i {
    transition: all 0.1s ease
}

body div.theme_overlay form fieldset .advanced_toggle>a.visible>i {
    transform: rotate(180deg)
}

body div.theme_overlay form fieldset .advanced_toggle>a:hover {
    text-shadow: 0px 0px 4px rgba(255,255,255,0.8)
}

body div.theme_overlay form fieldset .advanced {
    display: none
}

body div.theme_overlay form div.buttons {
    float: right;
    margin: 3px 0 !important;
    text-align: right
}

body div.theme_overlay form>a.help {
    position: absolute;
    top: 12px;
    right: 19px;
    color: #FFFFFF;
    font-size: 1.5em
}

body div.theme_overlay .explanation {
    display: none
}

body .theme_overlay_mask {
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    z-index: 799
}

.colour_picker {
    display: inline-block
}

.colour_picker .colour {
    display: inline-block;
    width: 1.5em;
    height: 2em;
    border: 1px solid white;
    border-radius: 0.2em;
    margin-right: 0.5em;
    cursor: pointer;
    font-family: "FontAwesome";
    vertical-align: bottom
}

.colour_picker .colour:hover,.colour_picker .colour.selected {
    border-color: black
}

.colour_picker .colour.selected:before {
    content: "\f00c";
    speak: none;
    text-align: center;
    color: black;
    display: block;
    line-height: 2em
}

sl-alert {
    margin: var(--sl-spacing-x-large) 0
}

sl-alert:not(:defined):not([open]) {
    display: none
}

[data-controller="shoelace--file-input"] {
    position: relative
}

[data-controller="shoelace--file-input"]>input[type="file"] {
    position: absolute;
    width: 100%;
    height: 0;
    top: 50%;
    left: 0;
    opacity: 0;
    pointer-events: none
}

sl-dropdown:not(:defined) sl-menu {
    display: none
}

.subscription {
    text-align: right
}

.subscription:not(.active) {
    display: none
}

.subscription sl-button.subscribe:not(.active),.subscription sl-button.unsubscribe:not(.active) {
    display: none
}

.calendar--embedded {
    min-height: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column
}

.calendar--embedded>* {
    flex: 0 0 auto
}

.calendar--embedded>.calendar__wrapper {
    flex: 1 1 auto
}

.fancybox-content.calendar_event {
    background-color: black;
    color: white;
    position: relative;
    overflow: hidden
}

.fancybox-content.calendar_event a {
    color: #FFFFFF !important;
    font-weight: normal !important
}

.fancybox-content.calendar_event a:hover {
    color: #FFFFFF !important;
    font-weight: normal !important
}

.fancybox-content.calendar_event .background {
    background-size: cover;
    background-position: center center;
    opacity: 0.3;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.fancybox-content.calendar_event .thumbnail {
    display: block;
    float: right;
    width: 25%;
    margin: 1.5em;
    position: relative;
    z-index: 1
}

.fancybox-content.calendar_event .details {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 1.5em
}

@media (max-width: 767px) {
    .fancybox-content.calendar_event .details {
        overflow:visible
    }
}

.fancybox-content.calendar_event .details .name {
    font-size: 2em;
    font-weight: bold
}

.fancybox-content.calendar_event .details .summary {
    font-size: 1.1em;
    font-style: italic
}

.fancybox-content.calendar_event .details .beginning_and_ending {
    font-size: 2em;
    text-align: center;
    padding: 0.7em
}

.fancybox-content.calendar_event .options {
    text-align: right;
    margin: 1.5em;
    clear: both;
    position: relative;
    z-index: 1
}

div.comment {
    padding: 10px !important;
    background-color: #EAEAEA;
    color: #000000;
    margin-bottom: 20px !important;
    border-radius: 10px
}

div.comment :last-child {
    margin-bottom: 0
}

label.forms__label {
    display: inline-block;
    color: var(--sl-input-label-color);
    font-size: var(--sl-input-label-font-size-medium);
    margin-bottom: var(--sl-spacing-3x-small)
}

label.forms__label[required]::after {
    content: var(--sl-input-required-content);
    -webkit-margin-start: var(--sl-input-required-content-offset);
    margin-inline-start:var(--sl-input-required-content-offset);color: var(--sl-input-required-content-color)
}

.forms__help-text {
    display: block;
    color: var(--sl-input-help-text-color);
    margin-top: var(--sl-spacing-3x-small);
    font-size: var(--sl-input-help-text-font-size-medium)
}

#image_gallery_categories#image_gallery_categories#image_gallery_categories {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px
}

@media (max-width: 768px) {
    #image_gallery_categories#image_gallery_categories#image_gallery_categories {
        grid-template-columns:1fr
    }
}

#image_gallery_categories#image_gallery_categories#image_gallery_categories .image_gallery_category_link {
    display: block;
    height: 0;
    padding-top: 74.5%;
    position: relative;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: normal
}

@media (min-width: 769px) {
    #image_gallery_categories#image_gallery_categories#image_gallery_categories .image_gallery_category_link {
        transition:transform .1s ease-in-out
    }

    #image_gallery_categories#image_gallery_categories#image_gallery_categories .image_gallery_category_link:hover {
        transform: scale(0.97)
    }
}

#image_gallery_categories#image_gallery_categories#image_gallery_categories .image_gallery_category {
    background: linear-gradient(180deg, rgba(18,18,18,0) 39.58%, rgba(0,0,0,0.52) 91.67%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

#image_gallery_categories#image_gallery_categories#image_gallery_categories .image_gallery_category :last-child {
    margin-bottom: 0
}

#image_gallery_categories#image_gallery_categories#image_gallery_categories .image_gallery_category__count {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 0.8rem
}

#image_gallery_categories#image_gallery_categories#image_gallery_categories .image_gallery_category__count_icon {
    margin-right: 10px
}

#image_gallery_categories#image_gallery_categories#image_gallery_categories .image_gallery_category__name {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 1.1rem
}

#image_gallery_categories#image_gallery_categories#image_gallery_categories .image_gallery_category__description {
    font-size: 1rem
}

#image_gallery_images#image_gallery_images#image_gallery_images {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 133px;
    grid-gap: 15px
}

@media (max-width: 768px) {
    #image_gallery_images#image_gallery_images#image_gallery_images {
        grid-template-columns:repeat(2, 1fr)
    }
}

#image_gallery_images#image_gallery_images#image_gallery_images .image_gallery_figure__link {
    display: block;
    text-decoration: none;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    scroll-margin-top: 2em
}

@media (min-width: 769px) {
    #image_gallery_images#image_gallery_images#image_gallery_images .image_gallery_figure__link {
        transition:transform .1s ease-in-out
    }

    #image_gallery_images#image_gallery_images#image_gallery_images .image_gallery_figure__link:hover {
        transform: scale(0.97)
    }
}

#image_gallery_images#image_gallery_images#image_gallery_images .image_gallery_figure__image {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

#image_gallery_images#image_gallery_images#image_gallery_images :nth-child(10n+1) {
    grid-column: span 2;
    grid-row: span 2
}

#image_gallery_images#image_gallery_images#image_gallery_images :nth-child(10n+8) {
    grid-column: span 2;
    grid-row: span 2
}

@media (max-width: 768px) {
    #image_gallery_images#image_gallery_images#image_gallery_images :nth-child(10n+8) {
        grid-column:auto;
        grid-row: auto
    }

    #image_gallery_images#image_gallery_images#image_gallery_images :nth-child(10n+6) {
        grid-column: span 2;
        grid-row: span 2
    }
}

.thread,.reply {
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto
}

.thread .titleBar,.reply .titleBar {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em
}

.thread .titleBar .date,.reply .titleBar .date {
    float: right;
    white-space: nowrap;
    padding-left: 20px;
    font-size: 0.8em
}

.thread .message,.reply .message {
    padding: 0.5em;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999
}

.thread .replyLink,.reply .replyLink {
    float: right
}

.thread {
    width: 100%
}

.thread .titleBar {
    background: #29A2E2;
    background: linear-gradient(#62C8FF, #0087CC),#29A2E2;
    color: #222222
}

.reply {
    width: 97%
}

.reply .titleBar {
    background-color: #FEC400;
    color: #333333
}

.responsive_table {
    clear: both
}

@media (max-width: 768px) {
    .responsive_table>table.responsive {
        display:block
    }

    .responsive_table>table.responsive>thead {
        display: none
    }

    .responsive_table>table.responsive>tbody {
        display: block
    }

    .responsive_table>table.responsive>tbody>tr {
        display: block;
        margin-bottom: 1rem
    }

    .responsive_table>table.responsive>tbody>tr>td {
        display: block
    }

    .responsive_table>table.responsive>tbody>tr>td:not(:last-child) {
        border-bottom-width: 0
    }

    .responsive_table>table.responsive>tbody>tr>td.thumbnail:not(.present) {
        display: none
    }
}

.responsive_table__heading {
    font-weight: bold
}

@media (min-width: 769px) {
    .responsive_table__heading {
        display:none
    }
}

.cart__tax_declaration {
    text-align: right;
    font-weight: bold;
    font-size: 0.7em
}

table.cart {
    border-collapse: collapse;
    padding: 0px;
    width: 100%;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    color: #000000;
    clear: both
}

table.cart tr.total td {
    background-color: #CECECE;
    font-weight: bold;
    text-align: right
}

table.cart tr.shipping,table.cart tr.transaction_fee,table.cart tr.tax {
    text-align: right
}

table.cart tr.shipping td:first-child,table.cart tr.transaction_fee td:first-child,table.cart tr.tax td:first-child,table.cart tr.total td:first-child {
    width: 100%
}

@media (max-width: 768px) {
    table.cart tr.shipping td:first-child,table.cart tr.transaction_fee td:first-child,table.cart tr.tax td:first-child,table.cart tr.total td:first-child {
        text-align:right !important
    }
}

table.cart tr th {
    background-color: #CECECE
}

table.cart tr th.thumbnail {
    width: 50px;
    text-align: center
}

table.cart tr td {
    background-color: #EAEAEA
}

table.cart tr td.name strong.stock,table.cart tr td.name strong.tax_exempt {
    font-size: 0.8em;
    text-align: right
}

table.cart tr td.name strong.stock:before,table.cart tr td.name strong.tax_exempt:before {
    content: " | "
}

table.cart tr td.name strong.stock:first-child:before,table.cart tr td.name strong.tax_exempt:first-child:before {
    content: none
}

@media (max-width: 768px) {
    table.cart tr td.name strong.stock,table.cart tr td.name strong.tax_exempt {
        display:block
    }

    table.cart tr td.name strong.stock:before,table.cart tr td.name strong.tax_exempt:before {
        content: none
    }
}

table.cart tr td.name .identity {
    font-size: 0.8em;
    text-align: right;
    color: rgba(0,0,0,0.7)
}

table.cart tr td.name .variant {
    font-size: 0.8em;
    color: rgba(0,0,0,0.7)
}

table.cart tr td.name .acknowledgement_message {
    font-size: 0.8em;
    margin-top: 0.5em;
    border-top: 1px solid #B1B4B4;
    display: table
}

table.cart tr td.name .acknowledgement_message input,table.cart tr td.name .acknowledgement_message label,table.cart tr td.name .acknowledgement_message i,table.cart tr td.name .acknowledgement_message span {
    display: table-cell;
    padding-top: 0.5em
}

table.cart tr td.name .acknowledgement_message label,table.cart tr td.name .acknowledgement_message span {
    width: 100%;
    padding-left: 0.5em
}

table.cart tr td.name .additional_detail_prompt {
    font-size: 0.8em;
    margin-top: 0.5em;
    border-top: 1px solid #B1B4B4
}

table.cart tr td.name .additional_detail_prompt>label,table.cart tr td.name .additional_detail_prompt>div {
    padding-top: 0.5em;
    display: block
}

table.cart tr td.name .additional_detail_prompt>textarea {
    margin-top: 0.5em;
    width: 100%
}

table.cart tr td.thumbnail>a {
    display: block
}

table.cart tr td.thumbnail>a>img {
    display: block
}

table.cart tr td.quantity {
    text-align: center
}

table.cart tr td.quantity input,table.cart tr td.quantity a {
    vertical-align: middle
}

table.cart tr td.price {
    text-align: right
}

@media (max-width: 768px) {
    table.cart tr td {
        text-align:left !important
    }
}

table.cart tr td.buttons {
    text-align: right;
    padding-top: 30px;
    background-color: #B1B4B4
}

@media (max-width: 768px) {
    table.cart tr td.buttons {
        padding-top:14px;
        padding-left: 17px;
        text-align: center !important
    }
}

table.cart tr th,table.cart tr td {
    padding: 10px;
    border: 1px solid #B1B4B4
}

.quizStart {
    font-size: 2em;
    text-align: center
}

.quizMark {
    font-size: 4em;
    text-align: center
}

div.question .number {
    text-align: right;
    background-color: #EAEAEA;
    padding: 3px 7px !important
}

div.question .status {
    float: right;
    padding: 10px 15px 10px 60px;
    margin: 0 0 10px 10px;
    font-size: 1.2em;
    width: 5em
}

div.question .correct {
    color: #2E5B00;
    background-color: #C8FF91;
    border: 1px solid #6C0;
    background-image: url("https://assets.spikeatschool.co.nz/assets/flash/success-fc4c35198eaad2087e176c9bee7511e6da9e4338fc986cf39ac0c385d74baf60.gif");
    background-repeat: no-repeat;
    background-position: -20px -20px
}

div.question .incorrect {
    color: #5B1200;
    background-color: #FFA791;
    border: 1px solid #F30;
    background-image: url("https://assets.spikeatschool.co.nz/assets/flash/failure-a080b2213ee0ea1296db94f0911e99965d65ba00eb0bf9c9abcd122f136fab3d.gif");
    background-repeat: no-repeat;
    background-position: -17px -15px
}

div.question form>p.question {
    margin-left: 1em
}

div.question .resources {
    padding: 10px;
    border: 1px solid #FFFF62;
    background-color: #FFFFCA;
    margin-bottom: 20px
}