/* ///////////////////////////////////////////////////////////////////////////
digiPortal Stylesheets
/////////////////////////////////////////////////////////////////////////// */
/* -----------------------------------------------
GENERAL
----------------------------------------------- */
.account-login { /*test so*/
font-family: 'Titillium Web', sans-serif;
border: none;
font-weight: bold;
background: #fff;
box-shadow: 0 0 1rem rgba(0,0,0,.15);
padding: .35rem .75rem;
margin-right: .35rem;
border-radius: 3rem;
transition: all .25s;
}
.account-login:hover {
cursor: pointer;
background: #222;
color: #fff;
}
#edit-appointment {
display: block;
padding: .35rem .75rem;
font-size: .85rem;
}
.appdetails form {
display: inline-block;
}
html {
font-family: 'Titillium Web', sans-serif;
}
body {
margin: 0;
font-size: 100%;
line-height: 1.5;
}
body.user-backend {
margin: 0;
font-size: 100%;
font-size: .9rem;
line-height: 1.5;
background: #f1f1f1;
}
* {
box-sizing: border-box;
word-break: break-word;
}
a {
color: var(--theme-color-preset-one, #34a665);
text-decoration: none;
outline: none;
}
a:focus {
text-decoration: underline;
}
h5 {
font-size: 1.25rem;
margin: 0 0 .5rem;
line-height: 1.25;
}
p {
margin: 0 0 1rem;
}
ul {
margin: 0 0 1rem;
padding: 0 0 0 1rem;
}
button:disabled {
opacity: .5;
}
/* -----------------------------------------------
PRELOADER
----------------------------------------------- */
#overlayer {
display: none;
}
.loader {
display: block;
width: 30px;
height: 30px;
position: fixed;
z-index: 20001;
border: 4px solid var(--theme-color-preset-one, #34a665);
top: 1rem;
left: calc(50% - 15px);
transform: translate(-50%, -50%);
animation: loader 2s infinite ease;
}
.loader-inner {
vertical-align: top;
display: inline-block;
width: 100%;
background-color: var(--theme-color-preset-one, #34a665);
animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loader-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
/* -----------------------------------------------
LANGUAGE SWITCH
----------------------------------------------- */
.language-switch {
right: 6rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.language-toggle {
display: flex;
align-items: center;
}
.language-toggle > span {
padding-right: .25rem;
}
.language-toggle > i {
font-size: .7rem;
}
.language-menu {
background: #FFF;
border: 1px solid #eaeaea;
position: absolute;
min-width: 55px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
transition: all .25s;
border-radius: 5px;
top: 125%;
}
.language-menu::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #FFF;
transform: translateX(-50%);
transition: all .25s;
}
.language-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.language-menu.show {
visibility: visible;
opacity: 1;
top: 150%;
}
.language-menu li {
margin: 1rem;
display: block;
}
.language-menu li > span {
color: #dadada;
cursor: not-allowed;
}
.language-switch a {
font-weight: bold;
}
/* -----------------------------------------------
LOADING/SAVING ANIMATION
----------------------------------------------- */
.lds-ring {
display: inline-block;
position: relative;
width: 40px;
height: 40px;
}
.container-pages + .lds-ring {
margin: 0 0 -12px 8px;
}
.lds-ring.hidden {
display: none;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 32px;
height: 32px;
margin: 4px;
border: 4px solid #999;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #999 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* -----------------------------------------------
FULLCALENDAR
----------------------------------------------- */
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
top: 60px !important;
}
.fc-view-harness {
margin-bottom: 4rem;
}
.fc-col-header-cell .fc-scrollgrid-sync-inner {
background: #2C3E50;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
min-height: 0 !important;
}
.fc-theme-standard thead th {
border: 1px solid #51677c;
}
.fc-theme-standard tbody td {
border: 1px solid #aab8c7;
}
.fc .fc-col-header-cell-cushion {
color: #fff;
}
.fc-toolbar-chunk:nth-of-type(2) {
margin: 0 1rem;
}
.fc-toolbar-chunk:nth-of-type(3) {
width: 100%;
}
.fc-toolbar-chunk:nth-of-type(3) .fc-button-group {
display: flex !important;
margin-top: 5px;
}
.fc-daygrid-event-dot {
display: none;
}
.fc-h-event,
.fc-daygrid-event {
background: #c8d5e1 !important;
color: #122130;
padding: 0 !important;
font-size: .8rem !important;
white-space: inherit !important;
display: grid !important;
grid-template-columns: 1fr !important;
}
body.dark .fc-h-event, body.dark .fc-daygrid-event {
background: #222 !important;
}
.fc-h-event .fc-event-main-frame {
display: grid !important;
grid-template-columns: 1fr !important;
}
#calendar .fc-h-event .fc-event-main {
color: #122130;
}
#calendar .fc-h-event:hover .fc-event-main {
color:#fff;
}
#calendar .fc-h-event {
border:none;
}
.fc .fc-daygrid-day-number {
color: #2C3E50;
font-weight: bold;
font-size: .8rem;
}
.fc-daygrid-event:hover {
background: #122130 !important;
color: #fff;
}
.fc .fc-daygrid-day.fc-day-today,
.fc-list-event.fc-event-today {
background: #dce4ea !important;
}
body.dark .fc .fc-daygrid-day.fc-day-today,
body.dark .fc-list-event.fc-event-today {
background: #333 !important;
}
.fc .fc-toolbar {
font-size: .9rem;
flex-flow: wrap;
justify-content: inherit !important;
}
.fc .fc-list-day-cushion, .fc .fc-list-table td {
padding: .25rem .5rem;
}
.fc-list-table {
font-size: .9rem !important;
}
.fc-list-event-graphic {
display: none;
}
.fc-list-event-title {
font-weight: bold;
}
.fc-list-day-cushion.fc-cell-shaded {
background: #dce4ea !important;
}
.fc .fc-list-event-title a,
.fc-list-event-time {
color: #122130 !important;
}
.fc-list-day-cushion.fc-cell-shaded {
background: #2C3E50 !important;
}
.fc-list-day-cushion.fc-cell-shaded a {
color: #fff !important;
}
.fc-prev-button.fc-button.fc-button-primary span {
display: block !important;
}
@media (max-width: 768px) {
.fc-toolbar-chunk:nth-of-type(2) {
grid-row-start: 1;
margin: 0 auto 1rem;
}
.fc .fc-button-group {
display: flex !important;
}
.fc .fc-toolbar {
display: grid !important;
grid-template-columns: 1fr;
}
.fc-header-toolbar > div {
margin-bottom: 1px;
}
}
#calendar .fc-daygrid-block-event .fc-event-time {
font-weight:normal;
}
#calendar .fc-h-event .fc-event-title-container {
font-weight:bold;
}
/* -----------------------------------------------
FONTS
----------------------------------------------- */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: url('../Fonts/titillium-web-v8-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
url('../Fonts/titillium-web-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../Fonts/titillium-web-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../Fonts/titillium-web-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../Fonts/titillium-web-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../Fonts/titillium-web-v8-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 700;
src: url('../Fonts/titillium-web-v8-latin-700.eot'); /* IE9 Compat Modes */
src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
url('../Fonts/titillium-web-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../Fonts/titillium-web-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../Fonts/titillium-web-v8-latin-700.woff') format('woff'), /* Modern Browsers */
url('../Fonts/titillium-web-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../Fonts/titillium-web-v8-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* -----------------------------------------------
USER MANAGEMENT FRONTEND
Basics
----------------------------------------------- */
.usrmm-frontend h1 {
font-size: 1.35rem;
margin: 0 0 0.35rem 0;
}
.usrmm-frontend p {
font-size: 1rem;
line-height: 1.35rem;
}
.usrmm-frontend a,
.usrmm-frontend a:link {
text-decoration: none;
}
.usrmm-frontend a:active,
.usrmm-frontend a:focus,
.usrmm-frontend a:hover {
text-decoration: underline;
}
.usrmm-frontend a.back {
float: right;
padding: .5rem 0;
}
.svg-defs {
display: none;
}
/* -----------------------------------------------
USER MANAGEMENT FRONTEND
Layout
----------------------------------------------- */
.header-content {
position: relative;
}
#tv {
position: absolute;
left: 2.5rem;
top: 5.5rem;
transition: all .25s;
}
#tv.false {
display: none;
}
#tv.true {
display: block;
}
.is-sticky #tv {
left: 1rem;
top: 5rem;
}
/*
.header {
width: 100%;
padding: 1rem;
}
*/
.header-content {
position: relative;
}
.account {
position: absolute;
top: 2rem;
right: 1rem;
z-index: 10;
}
.navigation-main {
padding-right: 3rem;
}
.user-backend .header {
width: 100%;
padding: 1rem;
background: #fff;
box-shadow: 0 0 3rem rgba(0,0,0,.15);
position: fixed;
top: 0;
left: 0;
z-index: 1002;
height: 4.35rem;
}
.user-backend .header-content {
width: 100%;
margin: 0 auto;
line-height: 1;
position: relative;
}
.user-backend .logo {
display: inline-block;
}
.user-backend .logo-img {
width: 100%;
height: auto;
vertical-align: sub;
max-width: 130px;
max-height: 40px;
}
.user-backend .logo span {
display: inline-block;
font-weight: bold;
color: #333;
margin-left: .33rem;
}
.user-backend .navigation-bar {
width: 19rem;
position: fixed;
left: 0;
top: 4.35rem;
background: #fff;
bottom: 0;
overflow-y: auto;
box-shadow: 0 0 3rem rgba(0,0,0,.15);
}
.user-backend .navigation-bar .navigation {
margin: 0;
padding: 0;
}
.user-backend .navigation-bar .navigation > li {
display: block;
position: relative;
border-bottom: 1px solid #e5e5e5;
}
.user-backend .navigation-bar .navigation li.navigation-item--level-2 {
position: relative;
}
.user-backend .navigation-level.navigation-level--level-3 {
margin: 0;
list-style: none;
}
.user-backend .navigation-item--level-1 > i.nav-arrow,
.user-backend .navigation-item--level-2 > i.nav-arrow {
position: absolute;
right: 0;
top: 0;
color: #222;
padding: 1rem;
font-size: 1rem;
transform: rotate(0deg);
font-size: 0;
}
.user-backend .navigation-item--level-2 > i.nav-arrow {
padding: .9rem 1rem;
}
.user-backend .navigation-item--level-1 > i:hover,
.user-backend .navigation-item--level-2 > i:hover {
cursor: pointer;
background: #f5f5f5;
color: #222;
}
.user-backend .navigation-item--level-1 > i.nav-arrow span,
.user-backend .navigation-item--level-2 > i.nav-arrow span {
border: solid black;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
vertical-align: middle;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.user-backend .navigation-item--level-1 > i.nav-arrow.opened span,
.user-backend .navigation-item--level-2 > i.nav-arrow.opened span {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.user-backend .navigation-bar .navigation > li a {
padding: .5rem 1rem;
display: block;
background: #fff;
font-weight: bold;
color: #222;
}
.user-backend .navigation-bar .navigation .navigation-level--level-2 > li a {
font-weight: normal;
}
.user-backend .navigation-bar .navigation > li.logout {
border-bottom: none;
}
.user-backend .navigation-bar .navigation > li:last-child svg {
fill: #777;
display: inline-block;
width: 1rem;
height: 1rem;
vertical-align: sub;
}
.user-backend .navigation-bar .navigation > li:last-child a:hover svg,
.user-backend .navigation-bar .navigation > li:last-child a:focus svg {
fill: #222;
}
.user-backend .navigation-bar .navigation > li:last-child a {
color: #777;
}
.user-backend .navigation-bar .navigation > li:last-child a:hover,
.user-backend .navigation-bar .navigation > li:last-child a:focus {
background: none;
color: #222;
text-decoration: none;
}
.user-backend .navigation-bar .navigation > li a:hover,
.user-backend .navigation-bar .navigation > li a:focus {
background: #f5f5f5;
text-decoration: none;
}
.user-backend .navigation-bar .navigation > li.navigation-item--state-current > a,
.user-backend .navigation-bar .navigation > li > ul > li.navigation-item--state-current > a,
.user-backend .navigation-bar .navigation > li > ul > li > ul > li.navigation-item--state-current > a {
color: var(--theme-color-preset-one, #34a665);
}
.user-backend .navigation-level--level-2,
.user-backend .navigation-level--level-3 {
display: none;
}
.user-backend .navigation-item--state-current > .navigation-level--level-2,
.user-backend .navigation-item--state-active > .navigation-level--level-2,
.user-backend .navigation-item--state-current > .navigation-level--level-3,
.user-backend .navigation-item--state-active > .navigation-level--level-3{
display: block;
}
.user-backend .navigation-bar .navigation > li > ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.user-backend .sub-menu ul {
width: 100%;
background: none;
}
.user-backend .sub-menu ul li {
margin-right: 1.5rem;
}
.user-backend .sub-menu ul li.current a {
color: var(--theme-color-preset-one, #34a665);
}
.user-backend .sub-menu li a {
font-weight: bold;
color: #222;
padding: .5rem 0;
}
.user-backend .sub-menu li a:hover {
color: var(--theme-color-preset-one, #34a665);
background: none;
}
.user-backend .main {
padding: 0 2rem;
position: fixed;
left: 19rem;
top: 4.35rem;
right: 0;
bottom: 0;
overflow-y: auto;
}
.user-backend.modal-open .main {
z-index: 1002;
overflow: hidden;
padding-right: calc(2rem + 17px);
}
.user-backend .main .neos-contentcollection {
width: 100%;
margin: 0 auto 2rem;
padding-top: 2rem;
}
.content-head {
display: none;
width: 100%;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px dashed #999;
}
#unit-template .content-head {
display: block;
}
.user-backend h1,
.user-backend h2 {
font-size: 1.75rem;
margin: 0;
line-height: 1.2;
font-weight: normal;
display: inline-block;
}
.user-backend .content-head h2 {
display: none;
}
.user-backend h3 {
font-size: 1.5rem;
margin: 0 0 .75rem;
font-weight: bold;
line-height: 1.3;
}
.contents-head {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 1rem;
padding-bottom: .5rem;
border-bottom: 1px solid #ccc;
}
.contents-head h3,
.contents-head a {
font-size: 1rem;
font-weight: bold;
}
.user-backend h1 {
font-weight: bold;
}
.user-backend p {
margin: 0;
}
.user-backend .card {
width: 100%;
padding: 1rem;
margin: 0 0 1rem;
background: #fff;
box-shadow: 0 0 1rem rgba(0,0,0,.1);
border-bottom: none;
}
.dataobject-table.event-bookings-report tr {
grid-template-columns: 2fr 1fr 1fr 1fr .5fr !important;
}
.dataobject-table.event-bookings-report tbody tr.show-bookings {
background: #f8f9f9;
}
.dataobject-table.event-bookings-report tbody tr td:last-child {
grid-column: 1 / -1;
display: none;
padding: 0;
}
.dataobject-table.event-bookings-report tbody tr td:last-child a:hover {
text-decoration: underline;
}
.dataobject-table.event-bookings-report tbody tr td:nth-child(5) {
padding-right: .65rem;
}
.gdc-event-capacity .not-available {
color: #666;
}
.gdc-event-capacity .available {
color: var(--theme-color-preset-two);
}
.do-detail .gdc-event-capacity {
grid-column: 1 / -1;
}
.gdc-time .gdc-event-capacity span {
display: none;
}
.delete-event-booking {
background: red;
color: white;
font-weight: bold;
border: none;
border-radius: 1rem;
padding: .25rem .75rem;
line-height: 1.5;
font-size: .9rem;
margin-top: 1rem;
}
.delete-event-booking:hover {
cursor: pointer;
background: #cc0101;
}
/* -----------------------------------------------
NEOS BACKEND ADJUSTMENTS
Adjustements to the Neos Backend
----------------------------------------------- */
.neos .neos-modal-backdrop,
.neos .neos-modal-backdrop.neos-fade.neos-in {
opacity: .75;
}
/* -----------------------------------------------
USER MANAGEMENT BACKEND
Lists
----------------------------------------------- */
.report-container {
position: relative;
}
.report-filter-toggle {
position: absolute;
top: .2rem;
right: 0;
}
.report-filter-search,
.report-print {
position: absolute;
top: .2rem;
right: 2.5rem;
}
.report-add {
position: absolute;
top: .2rem;
right:5rem;
}
.report-add,
.report-filter-search,
.report-print,
.report-calendar,
.report-filter-toggle,
.report-filter-clear {
display: inline-block;
padding: .5rem;
border-radius: 1rem;
background: #666;
width: 1.9rem;
height: 1.9rem;
line-height: 1.2;
}
.report-filter-clear {
position: absolute;
left: 1rem;
top: 1.1rem;
background: #fff;
line-height: 1.1;
}
.report-filter-clear:hover svg {
fill: var(--theme-color-preset-one, #34a665);
}
.report-keyword-filter button {
height: 100%;
}
.report-add:hover,
.report-filter-search:hover,
.report-print:hover,
.report-calendar:hover,
.report-filter-toggle:hover,
.report-filter-clear:hover {
cursor: pointer;
background: var(--theme-color-preset-one, #34a665);
}
.report-filter-search:hover,
.report-filter-clear:hover {
background: #fff;
}
.report-add svg,
.report-filter-search svg,
.report-print svg,
.report-calendar svg,
.report-filter-toggle svg,
.report-filter-clear svg {
width: .9rem;
height: .9rem;
fill: #fff;
}
.report-filter-search svg,
.report-filter-clear svg {
fill: #666;
}
.report-filter-content {
display: none;
padding: 1rem;
background: #666;
border-radius: .25rem .25rem 0 0;
position: relative;
}
.report-filter-content .grid {
padding-left: 2.75rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
.report-keyword-filter,
.report-select-filter {
display: inline-block;
position: relative;
}
.report-keyword-filter input[type="text"],
.report-select-filter select,
.mod-filter select {
width: 100%;
padding: .5rem .75rem;
font-size: .9rem;
line-height: 1.3;
}
.user-backend .units .filter,
.user-backend .comments .filter {
margin: 0;
}
.mod-filter select {
width: auto;
padding: .725rem .75rem;
}
.user-backend .units .options,
.user-backend .comments .options {
display: inline-block;
}
.report-keyword-filter input[type="text"]:focus,
.report-select-filter select:focus {
outline: none;
}
.report-keyword-filter input[type="text"] {
padding: .35rem .75rem;
}
.report-select-filter select,
.mod-filter select {
background: #fff;
border: none;
border-radius: .25rem;
}
.filter-wrap {
margin-bottom: 1rem;
background: #f1f1f1;
padding: 3px 3px 3px .75rem;
display: inline-block;
border-radius: .25rem;
}
body.dark .filter-wrap {
background: #222;
}
.filter-wrap label {
font-weight: bold;
margin-right: .75rem;
}
.report-keyword-filter.frontend-gdc-list .keyword-filter {
font-size: 1rem;
background: #fff;
padding: .5rem 2rem .5rem .75rem;
border-radius: 0 .25rem .25rem 0;
}
body.dark .report-keyword-filter.frontend-gdc-list .keyword-filter {
background: #000;
color: #fff;
}
.report-keyword-filter.frontend-gdc-list .clear {
bottom: 0;
padding: 0 .75rem;
}
.report-keyword-filter.frontend-gdc-list .clear svg {
vertical-align: middle;
}
.report-table {
width: 100%;
background: #fff;
border-radius: .25rem;
box-shadow: 0 0 1rem rgba(0,0,0,.25);
border-collapse: collapse;
position: relative;
text-align: left;
}
body.dark .report-table {
background: #222;;
}
.report-head {
font-size: .9rem;
white-space: nowrap;
color: #666;
font-weight: bold;
}
.report-table th {
position: sticky;
top: 0;
background: #f5f5f5;
}
body.dark .report-table th {
background: #222;
}
.report-table th:first-of-type {
border-radius: .25rem 0 0 0;
}
.report-table th:last-of-type {
border-radius: 0 .25rem 0 0;
}
.report-table th::after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
border-bottom: 1px solid #e5e5e5;
}
.report-table th,
.report-table td {
border-bottom: 1px solid #e5e5e5;
padding:1rem .5rem;
vertical-align: top;
line-height: 1.3;
}
.report-table th:first-of-type,
.report-table td:first-of-type {
/* white-space: nowrap; */
font-weight: bold;
padding: 1rem .5rem 1rem 1rem;
}
.report-table th:last-of-type,
.report-table td:last-of-type {
padding: 1rem 1rem 1rem .5rem;
}
/* Change table height */
.report-table th,
.report-table td {
padding:.5rem .5rem;
}
.report-table th:first-of-type,
.report-table td:first-of-type {
padding: .5rem .5rem .6rem 1rem;
}
.report-table th:last-of-type,
.report-table td:last-of-type {
padding: .6rem 1rem .6rem .5rem;
}
.report-table td:last-of-type {
position: relative;
}
.report-table td select {
font-size: 1rem;
font-family: 'Titillium Web', sans-serif;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
line-height: 1.3;
background: none;
}
.report-table td select:focus {
outline: none;
}
.report-table td select:hover {
cursor: pointer;
color: var(--theme-color-preset-one, #34a665);
}
.report-table td select:hover option {
color: #222;
}
.report-table td select::-ms-expand {
display: none;
}
.report-table th:hover {
cursor: pointer;
color: #222;
}
body.dark .report-table th:hover {
color: inherit;
}
.report-table th.sorted {
color: var(--theme-color-preset-one, #34a665);
}
.report-table tr {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(100px, 1fr) );
}
.report-table tr:hover {
cursor: default;
background: #e9eeee;
}
.report-table-service tr {
display: grid;
grid-template-columns: 1.5fr 1fr;
}
body.dark .report-table tr:hover {
cursor: default;
background: #e9eeee;
background: #333;
}
.report-table tr > td > .modal-btn {
display: none;
background: none;
box-shadow: none;
margin: 0;
padding: 1rem .5rem;
padding: .7rem .5rem; /*report-size .9rem */
position: absolute;
right: .5rem;
top: 0;
}
.report-table tr > td > .modal-btn.report,
.report-table tr > td > .modal-btn.config {
right: 2.5rem;
}
.report-table tr:hover > td > .modal-btn {
display: inline-block;
}
.report-table td > .modal-btn svg {
width: 1rem;
height: 1rem;
fill: #222;
}
.report-table td > .modal-btn:hover svg {
fill: var(--theme-color-preset-one, #34a665);
}
.report-table.event-bookings-report svg {
width: 1.75rem;
height: 1.75rem;
fill: #222;
padding: .25rem;
float: right;
}
.report-table.event-bookings-report svg:hover {
fill: var(--theme-color-preset-one, #34a665);
cursor: pointer;
}
.report-table.event-bookings-report svg.open-bookings {
transform: rotate(180deg);
}
.report-table.event-bookings-report .show-bookings svg.open-bookings {
transform: rotate(0);
}
.report-table.event-bookings-report svg.delete-bookings {
float: right;
width: 1rem;
height: 1rem;
padding: 0;
}
.modal.report .modal-box {
max-width: 1200px;
}
.modal.report .modal-head h4,
.modal.reportdelete .modal-head h4,
.modal.reportdelete .modal-head h4,
.modal.datacontainerdelete .modal-head h4 {
margin: 0;
font-size: 1.1rem;
}
.modal.report .modal-head h4 span {
margin-right: .5rem;
font-weight: normal;
}
.modal.report .modal-head h4 span::after {
content: "/";
margin-left: .5rem;
font-weight: normal;
}
.modal.report .modal-head h4 span:first-child {
font-weight: bold;
}
.modal.report .modal-head h4 span:last-child {
margin-right: 0;
}
.modal.report .modal-head h4 span:last-child::after {
content: none;
}
.modal-head {
padding: 1rem;
box-shadow: 0 0 1rem rgba(0,0,0,.25);
position: relative;
z-index: 1;
}
.report-table .modal-content .appointment-user-info,
.report-table .modal-content .appointment-details-options {
width: 50%;
float: left;
}
.report-table .modal-content ul {
list-style: none;
margin: 0;
padding: 0;
}
.report-table .modal-content ul li {
padding: .15rem 0;
}
.report-table .modal-content .appointment-user-info ul li span {
width: 7rem;
display: inline-block;
font-weight: bold;
}
.report-table .modal-content .appointment-details-options ul li span {
min-width: 5rem;
display: inline-block;
font-weight: bold;
}
.report-table .modal-content .modal-btn {
font-family: 'Titillium Web', sans-serif;
border: none;
font-weight: bold;
background: #fff;
box-shadow: 0 0 1rem rgba(0,0,0,.15);
padding: .35rem .75rem;
margin-right: .35rem;
border-radius: 3rem;
font-size: .85rem;
}
.report-table .modal-content .modal-btn svg {
width: .75rem;
height: .75rem;
fill: #222;
vertical-align: -.05rem;
margin-right: .05rem;
}
.report-table .modal-content .modal-btn:hover {
cursor: pointer;
background: #222;
color: #fff;
}
.report-table .modal-content .modal-btn:hover svg {
fill: #fff;
}
.modal.report .modal-box .modal-footer * {
line-height: 1.3;
}
.report-table.availabilities td:first-of-type {
width: 11rem;
}
.bar-max {
display: inline-block;
width: 100%;
height: .5rem;
background: #d5d5d5;
border-radius: .5rem;
position: relative;
}
.bar-booked {
height: .5rem;
position: absolute;
left: 0;
top: 0;
background: #43a643;
border-radius: .5rem;
}
.bar-booked.red {
background: #c83131;
}
/* Confirm Appointment */
.report-table tr > td > .reportconfirm {
right: 4.5rem;
}
.report-table tr:hover > td > .reportconfirm {
display: inline-block;
}
/* -----------------------------------------------
USER MANAGEMENT FRONTEND
Login & Registration Workflow
----------------------------------------------- */
.usrmm-frontend {
margin: 0;
padding: 0;
width: 100%;
height: 100vh;
display: table;
background: url('benjamin-voros-phIFdC6lA4E-unsplash.jpg') no-repeat;
background-size: cover;
background-position: bottom;
}
.usrmm-frontend .overlay {
display: table-cell;
padding: 2rem;
background: linear-gradient(0deg, rgba(132, 103, 53, 0.5) 0%, rgba(1, 89, 34, 0.5) 100%);
}
.user-backend .usrmm-frontend .logo {
float: none;
display: table;
margin: 0 auto .5rem;
}
.user-backend .usrmm-frontend .logo img {
width: 100%;
height: auto;
max-width: 150px;
max-height: 50px;
}
.user-backend .usrmm-frontend .logo span {
color: #fff;
font-size: 1.5rem;
line-height: 1.1;
}
.tabs {
width: 100%;
margin: 0 auto;
max-width: 500px;
background: #e5e5e5;
border-radius: .25rem .25rem 0 0;
position: relative;
bottom: -.25rem;
}
.tabs a {
padding: 1rem 2rem;
display: inline-block;
width: 50%;
font-size: 1rem;
text-decoration: none;
color: #666;
font-weight: bold;
border-radius: .25rem .25rem 0 0;
}
.tabs a:active,
.tabs a:focus,
.tabs a:hover {
text-decoration: none;
}
.tabs a:nth-of-type(2) {
text-align: right;
}
.tabs.login-form a:nth-of-type(1),
.tabs.registration-form a:nth-of-type(2) {
background: #fff;
color: #222;
position: relative;
z-index: 2;
}
.tabs.login-form a:nth-of-type(2):hover,
.tabs.registration-form a:nth-of-type(1):hover {
background: rgba(34,181,178,.5);
color: #222;
}
.usrmm-frontend .content {
width: 100%;
max-width: 500px;
margin: 0 auto;
background: #fff;
padding: 2rem 2rem 7rem 2rem;
border-radius: .25rem;
box-shadow: 0 0 1rem rgba(0,0,0,0.25);
position: relative;
}
.usrmm-frontend .footer {
display: block;
width: 100%;
padding: 1rem;
margin-top: 1rem;
background: #fff;
border-radius: 0 0 .25rem .25rem;
border-top: none;
box-shadow: 0 0 2rem rgba(0,0,0,.25);
z-index: 2;
position: absolute;
left: 0;
bottom: 0;
}
.usrmm-frontend .button,
.usrmm-frontend .button.pri {
font-size: 1rem;
font-weight: bold;
padding: .5rem 1rem;
border: none;
border-radius: 3rem;
color: #222;
letter-spacing: normal !important;
font-family: 'Titillium Web', sans-serif;
display: inline-block;
background: #e5e5e5;
}
.usrmm-frontend .button.pri {
background: var(--theme-color-preset-one, #34a665);
color: #fff;
}
.usrmm-frontend .button:hover,
.usrmm-frontend .button:focus,
.usrmm-frontend .button.pri:hover,
.usrmm-frontend .button.pri:focus {
text-decoration: none;
cursor: pointer;
background: #222;
color: #fff;
}
.usrmm-frontend input {
padding: .75rem 1rem;
margin-bottom: 1rem;
font-size: 1rem;
border-radius: .25rem;
border: 3px solid #e5ecec;
box-shadow: none;
font-weight: normal;
background: #e5ecec;
width: 100%;
}
.usrmm-frontend input[type="checkbox"] {
display: inline-block;
padding: 0;
margin: 0;
width: auto;
}
.usrmm-frontend form label {
font-size: 1rem;
text-transform: none;
margin-bottom: .25rem;
display: inline-block;
}
.usrmm-frontend form label.small {
font-family: Helvetica, Arial, sans-serif;
font-size: .8rem;
font-weight: normal;
display: block;
padding-left: 1.1rem;
margin-top: -1.1rem;
margin-bottom: 1.5rem;
}
.forgot-pw {
float: right;
}
/* -----------------------------------------------
USER MANAGEMENT BACKEND
Top-Level Navigation
----------------------------------------------- */
nav.user-management {
float: left;
margin-left: 1rem;
padding-left: 1rem;
border-left: 1px solid #ccc;
line-height: 0;
}
nav.user-management ul {
margin: 0;
padding: 0;
list-style: none;
}
nav.user-management ul li {
display: inline-block;
margin: 0 0.5rem;
}
nav.user-management ul li a {
text-decoration: none;
color: #222;
font-size: .9rem;
font-weight: bold;
height: 3.75rem;
display: table-cell;
vertical-align: middle;
}
/* -----------------------------------------------
USER MANAGEMENT BACKEND
Dashboard
----------------------------------------------- */
.workflow-card {
width: 100%;
background: #fff;
box-shadow: 0 0 1rem rgba(0,0,0,.1);
margin-bottom: 1rem;
}
.workflow-head {
font-weight: 700;
padding: .75rem 1rem;
font-size: 1rem;
border-bottom: 1px solid #e5e5e5;
display: table;
width: 100%;
}
.workflow-head.report .workflow-title span {
margin-right: 1rem;
font-weight: normal;
}
.reports {
margin-bottom: 3rem;
}
.workflow-head.report .workflow-title span:first-child {
font-weight: bold;
}
.workflow-head div {
display: table-cell;
}
.workflow-status {
text-align: right;
}
.workflow-content,
.workflow-meta {
width: 100%;
font-size: .8rem;
padding: .5rem 1rem;
}
.workflow-content span,
.workflow-meta span {
display: inline-block;
margin-right: 1rem;
}
.workflow-action {
padding: 1rem;
background: #fff;
box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
}
.workflow-action.options {
margin: 0;
}
.workflow-action a {
font-family: 'Titillium Web', sans-serif;
border: none;
font-weight: bold;
background: #222;
box-shadow: 0 0 1rem rgb(0 0 0 / 15%);
padding: .35rem .75rem;
margin-right: .35rem;
border-radius: 3rem;
font-size: .85rem;
color: #fff;
display: inline-block;
}
.workflow-action a svg {
width: .75rem;
height: .75rem;
fill: #fff;
vertical-align: -.05rem;
margin-right: .05rem;
}
.workflow-action a:hover,
.workflow-action a:focus {
background: var(--theme-color-preset-one, #34a665);
color: #fff;
text-decoration: none;
}
.workflow-action a:hover svg,
.workflow-action a:focus svg {
fill: #fff;
}
.appointment-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 2rem;
}
.myappointments {
width: 100%;
/* display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1rem; */
}
.appointmentcard {
width: 100%;
background: #fff;
box-shadow: 0 0 1rem rgba(0,0,0,.1);
display: grid;
grid-template-rows: auto 1fr auto;
margin-bottom: 1rem;
}
.appointmentcard-head,
.appointmentcard-content {
width: 100%;
padding: 1rem;
border-bottom: 1px solid #e5e5e5;
}
.appointmentcard-head {
position: relative;
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 1rem;
}
.appointmentcard-content {
font-size: 1rem;
}
.appointmentcard-content span {
display: block;
margin-bottom: .5rem;
}
.appointmentcard-content span:last-of-type {
margin-bottom: 0;
}
.appointmentcard-footer {
width: 100%;
padding: 1rem;
}
.appointmentcard-head .card-date,
.appointmentcard-head .card-activity {
font-size: 1.25rem;
font-weight: normal;
margin: 0;
line-height: 1.2;
display: block;
}
.appointmentcard-head .card-activity {
font-weight: bold;
}
.appointmentcard a {
font-family: 'Titillium Web', sans-serif;
border: none;
font-weight: bold;
background: #222;
box-shadow: 0 0 1rem rgb(0 0 0 / 15%);
padding: .35rem .75rem;
margin-right: .35rem;
border-radius: 3rem;
font-size: .85rem;
color: #fff;
display: inline-block;
}
.appointmentcard a svg {
width: .75rem;
height: .75rem;
fill: #fff;
vertical-align: -.05rem;
margin-right: .05rem;
}
.appointmentcard a:hover {
background: var(--theme-color-preset-one, #34a665);
}
/* @media (max-width: 1280px) {
.myappointments {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 960px) {
.myappointments {
grid-template-columns: 1fr;
}
} */
/* -----------------------------------------------
USER MANAGEMENT BACKEND
User Contents (Units & Comments)
----------------------------------------------- */
.domain .sort-options .info-box {
margin-bottom: 1rem;
}
.user-content {
width: 100%;
}
.user-content.column2 {
width: 50%;
float: left;
}
.user-content.column2:nth-of-type(1) {
padding-right: 1rem;
}
.user-content.column2:nth-of-type(2) {
padding-left: 1rem;
}
.main > .neos-contentcollection > .user-content > h3 {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 .5rem;
padding: 0 0 .5rem;
border-bottom: 1px solid #e5ecec;
}
.user-content > p.hint {
font-size: .9rem;
line-height: 1.4;
border-bottom: 1px solid #e5ecec;
padding-bottom: .5rem;
margin-bottom: 2rem;
}
.unit {
width: 100%;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px dashed #d5d5d5;
margin-top: 1.5rem;
}
.unit .unit-content a {
text-decoration: none;
}
.unit .unit-content a:hover,
.unit .unit-content a:focus {
text-decoration: underline;
}
.unit-content form {
display: inline;
}
.unit-meta {
font-size: .825rem;
font-weight: bold;
margin-bottom: .5rem;
}
.unit-meta svg {
width: .75rem;
height: .75rem;
fill: #222;
}
.unit-meta button[type="submit"] {
background: none !important;
color: #222 !important;
display: inline;
padding: 0 !important;
text-transform: none;
font-size: .825rem;
letter-spacing: normal;
}
.unit-meta button[type="submit"]:hover {
color: #07BAB5 !important;
}
.unit-meta button[type="submit"]:hover svg {
fill: #07BAB5;
}
.sort-options {
font-size: .825rem;
padding-bottom: .5rem;
border-bottom: 1px dashed #d5d5d5;
}
.user-backend .units .sort-options,
.user-backend .comments .sort-options {
display: flex;
flex-wrap: wrap;
grid-gap: 1rem;
}
.sort-options a,
.sort-options input {
text-decoration: none;
color: #fff;
font-weight: bold;
background: var(--theme-color-preset-one, #34a665);
padding: .5rem 1rem .5rem .5rem;
border-radius: 2rem;
margin: 0 0 .5rem 0;
display: inline-block;
font-size: .85rem;
border: none;
font-family: 'Titillium Web', sans-serif;
}
.filter {
display: inline-block;
position: relative;
margin-left: .75rem;
}
.sort-options input {
width: auto;
display: inline-block;
padding: .5rem 1rem;
background: #f5f5f5;
color: #222;
border-radius: 3px;
box-shadow: inset 1px 1px 4px rgba(0,0,0,.25), inset 0 0 20px -10px rgba(0,0,0,.25);
}
.sort-options input:focus {
outline: none;
box-shadow: inset 1px 1px 4px rgba(0,0,0,.5), inset 0 0 20px -10px rgba(0,0,0,.25);
}
.clear {
display: none;
position: absolute;
right: 0;
top: 0;
bottom: .5rem;
background: none;
border: none;
box-shadow: none;
padding: 0 .65rem;
}
.clear:hover {
cursor: pointer;
}
.clear.visible {
display: inline-block;
}
.clear svg {
width: 1rem;
height: 1rem;
vertical-align: bottom;
fill: var(--theme-color-preset-one, #34a665);
}
.clear:hover svg {
fill: #222;
}
.sort-options a:hover,
.sort-options a:focus {
background: #222;
color: #fff;
text-decoration: none;
}
.sort-options a svg {
width: 1rem;
height: 1rem;
fill: #fff;
vertical-align: sub;
margin: 0 .15rem 0 0;
}
.sort-options a:hover svg {
fill: #fff;
}
.sort-options a.desc svg {
transform: rotate(180deg);
}
.role-employee {
padding: 0 .3rem;
background: var(--theme-color-preset-one);
color: #fff;
border-radius: 3px;
margin-right: .5rem;
}
.mod-waiting {
display: inline-block;
background: #1b9dd0;
border-radius: 1rem;
padding: .1rem .6rem;
text-transform: uppercase;
color: white;
}
.mod-published {
display: inline-block;
background: #34a665;
border-radius: 1rem;
padding: .1rem .6rem;
text-transform: uppercase;
color: white;
}
.mod-rejected,
.mod-cautioned {
display: inline-block;
background: #a66b34;
border-radius: 1rem;
padding: .1rem .6rem;
text-transform: uppercase;
color: white;
}
.mod-blocked {
display: inline-block;
background: #333;
border-radius: 1rem;
padding: .1rem .6rem;
text-transform: uppercase;
color: white;
}
.mod-deleted {
display: inline-block;
background: #b01111;
border-radius: 1rem;
padding: .1rem .6rem;
text-transform: uppercase;
color: white;
}
.options .mod-waiting {
display: inline-block;
background: none;
border-radius: 0;
padding: 0;
text-transform: none;
color: #666;
font-style: italic;
font-family: Georgia, serif;
font-size: 1.1rem;
}
.options .mod-waiting svg {
width: 1.1rem;
height: 1.1rem;
vertical-align: -.15rem;
fill: #666;
}
.unit-content.has-image {
display: grid;
grid-template-columns: minmax(100px, 25%) auto;
column-gap: 1rem;
}
.unit-content.has-image img {
width: 100%;
height: auto;
}
.unit-content.has-image .options,
.unit-content.has-image .options-container {
grid-column: 1 / -1;
}
@media (max-width: 1100px) {
.user-content.column2 {
width: 100%;
float: left;
}
.user-content.column2:nth-of-type(1) {
padding-right: 0;
}
.user-content.column2:nth-of-type(2) {
padding-left: 0;
margin: 3rem 0 1rem;
}
}
/* -----------------------------------------------
USER MANAGEMENT BACKEND
Modals
----------------------------------------------- */
body.modal-open {
overflow: hidden;
padding-right: 17px;
}
.modal,
.modal-info {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 10001;
}
.user-backend .modal, .user-backend .modal-info {
z-index: 1003;
}
.modal.appointment.false {
display: none;
}
.modal.appointment.true {
display: block;
z-index: 2;
}
.modal-info {
display: block;
}
.modal-box,
.modal-info .info-box {
width: 100%;
max-width: 750px;
margin: 0 auto;
background: #fff !important;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-shadow: 0 0 1rem rgba(0,0,0,0.25);
border-radius: .25rem;
}
.modal-info .info-box {
max-width: 600px;
padding: .8rem 1.4rem .8rem 3.5rem;
width: auto;
}
.user-backend .modal-box svg.modal-close {
display: block;
}
.modal-box svg.modal-close {
width: 2rem;
height: 2rem;
fill: #222;
position: absolute;
top: -.5rem;
right: -.5rem;
background: #fff;
border-radius: 1.5rem;
padding: .5rem;
}
.modal-box svg.modal-close.true {
display: block;
}
.modal-box svg.modal-close.false {
display: none;
}
.modal-box svg.modal-close:hover {
cursor: pointer;
fill: #22b5b2;
}
.modal-box .modal-content {
padding: 1rem;
border-radius: .25rem .25rem 0;
border: none;
display: block;
}
.modal.report .modal-box .modal-content {
padding: 1rem;
border-radius: 0;
border-right: 1px solid white;
display: block;
background: #eee;
max-height: 70vh;
overflow-y: auto;
}
.modal-box .modal-content h4 {
font-size: 1.5rem;
margin: 0;
}
.modal-reference {
padding: 1rem 0;
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
margin-top: 1rem;
font-size: 1.1rem;
}
.modal-reference p:last-of-type {
margin-bottom: 0;
}
.modal-box .modal-footer {
display: block;
width: 100%;
float: left;
padding: 1rem;
margin-top: 1rem;
background: #fff;
border-radius: 0 0 .25rem .25rem;
border-top: none;
box-shadow: 0 0 2rem rgba(0,0,0,.25);
z-index: 2;
position: relative;
}
.modal.report .modal-box .modal-footer {
margin-top: 0;
}
.app-small-form .cancel,
.app-small-form .draft,
.modal-footer .close-dialog,
.modal-footer .cancel,
.modal-footer button[type="submit"],
.usrmm-frontend button[type="submit"],
.modal button[type="submit"].close-appointment,
.modal .change-appointment,
.modal-footer .btn-back,
.change-message .cancel,
.change-message button[type="submit"],
.modal-footer .btn-print-bookmarks,
.user-management-form button[type="submit"],
.user-management-form .cancel {
font-size: 1rem;
font-weight: bold;
padding: .5rem 1rem;
border: none;
border-radius: 3rem;
color: #222;
float: left;
letter-spacing: normal !important;
font-family: 'Titillium Web', sans-serif;
display: block;
background: #e5e5e5;
line-height: 1.5;
}
.user-management-form button[type="submit"],
.user-management-form .cancel {
float: none;
display: inline-block;
margin-right: .5rem;
}
.user-management-form .cancel {
background: #ddd;
}
.modal-footer .btn-print-bookmarks {
margin-left: .5rem;
background: var(--theme-color-preset-one);
color: #fff;
}
.modal-footer .goToPoi {
margin-left:.5rem;
}
.deleteButtonDetail {
font-size: 1rem !important;
padding: .4rem .7rem !important;;
background: #b01111 !important;
opacity: 0.7;
box-shadow: none !important;
line-height: 1.5;
margin-top:-1rem;
float:right;
}
.deleteButtonDetail:hover {
background: #b01111 !important;
color: #fff;
opacity: 1
}
.deleteButtonDetail svg {
width: 1rem;
height: 1rem;
fill: #fff;
vertical-align: -.1rem;
}
.modal button[type="submit"].close-appointment {
position: absolute;
right: 1rem;
width: auto;
z-index: 2;
bottom: 1rem;
line-height: 1.3;
background: #26a3b0;
color: #fff;
}
.modal .change-appointment {
position: absolute;
right: 9rem;
bottom: 1rem;
z-index: 2;
}
.modal-footer .close-dialog.noclose:hover,
.modal-footer .close-dialog:hover,
.modal-footer .cancel:hover,
.modal .change-appointment:hover,
.modal-footer .btn-back:hover,
.change-message .cancel:hover,
.change-message button[type="submit"]:hover,
.modal-footer .btn-print-bookmarks:hover,
.user-management-form button[type="submit"]:hover,
.user-management-form .cancel:hover {
cursor: pointer;
background: #222;
color: #fff;
}
.modal-footer .btn-back {
float: left;
margin-right: .5rem;
}
.modal-footer .close-dialog {
margin-left:1rem;
}
.modal-footer .close-dialog.noclose {
background: var(--color-green);
}
.user-backend .modal-footer .cancel {
display: block;
}
.modal form {
float: none;
}
.modal form textarea {
font-family: Georgia, serif;
font-size: 1.1rem;
min-height: 15rem;
line-height: 1.55;
}
.modal form textarea.report-textarea {
min-height: 5rem;
border: none;
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .25rem;
width: 100%;
background: #fff;
font-family: 'Titillium Web', sans-serif;
}
.modal-footer button[type="submit"],
.usrmm-frontend button[type="submit"],
.change-message button[type="submit"],
.user-management-form button[type="submit"] {
border: none;
background: var(--theme-color-preset-one, #34a665);
color: #fff;
}
.modal.event-booking button[type="submit"] {
margin-left: .5rem;
}
.user-backend .modal-footer button[type="submit"],
.comment .modal-footer button[type="submit"] {
margin-left: .5rem;
}
.modal-footer button[type="submit"]:hover,
.modal-footer button[type="submit"]:focus,
.usrmm-frontend button[type="submit"]:hover,
.usrmm-frontend button[type="submit"]:focus,
.modal button[type="submit"].close-appointment:hover,
.modal button[type="submit"].close-appointment:focus {
background: #222 !important;
cursor: pointer;
color: #fff;
}
.modal-btn,
.modal form .mod-options label {
font-family: 'Titillium Web', sans-serif;
border: none;
font-weight: bold;
background: #fff;
box-shadow: 0 0 1rem rgba(0,0,0,.25);
padding: .35rem .75rem;
margin-right: .35rem;
border-radius: 3rem;
font-size: .85rem;
}
.modal form .mod-options label {
display: inline-block;
}
.modal-btn.delete,
.modal-footer button[type="submit"].modal-btn.delete {
background: #b01111;
color: #fff;
}
.appdetails .modal-btn.delete {
position: inherit !important;
font-family: 'Titillium Web', sans-serif !important;
border: none !important;
font-weight: bold !important;
background: #b01111 !important;
color: #fff !important;
box-shadow: 0 0 1rem rgba(0,0,0,.15) !important;
padding: .35rem .75rem !important;
margin-right: .35rem !important;
border-radius: 3rem !important;
font-size: .85rem !important;
display: inline;
}
.appdetails .modal-btn.delete:hover {
background: #222 !important;
}
.modal-btn.delete svg {
fill: #fff;
}
.modal-btn.delete.activity svg,
.modal-btn.delete.resource svg,
.modal-btn.delete.contexts svg,
.modal-btn.delete.requirements svg {
vertical-align: unset;
margin-right: 0;
}
.workflow-card .modal-btn {
background: #222;
color: #fff;
}
.modal-btn:hover {
cursor: pointer;
background: #222;
color: #fff;
}
.workflow-card .modal-btn:hover {
background: var(--theme-color-preset-one, #34a665);
}
.workflow-card .modal-btn svg {
fill: #fff;
}
.modal-btn:hover svg {
fill: #fff;
}
.modal form input[type="radio"] {
width: auto;
}
.mod-options {
margin: 1rem 0;
}
.modal form .mod-options label input[type="radio"] {
margin: 0 .25rem 0 0;
height: 1rem;
position: relative;
top: .2rem;
}
.modal form label {
text-transform: none;
}
.mod-info:hover {
cursor: pointer;
color: #22b5b2;
}
.mod-info:hover svg {
fill: #22b5b2;
}
.mod-info svg {
width: .9rem;
height: .9rem;
margin-bottom: -.1rem;
}
.mod-info-content {
display: none;
padding: .5rem 0 .75rem;
}
.mod-info-content ul {
margin: 0;
}
.mod-info-content ul li {
font-size: .75rem;
margin-bottom: .5rem;
line-height: 1.4;
}
.neos-nodetypes-html-html .info-box {
line-height: 1.5;
}
.info-box {
width: 100%;
background: #f0eae9;
padding: .8rem 1.4rem .8rem 3.5rem;
position: relative;
border-radius: .25rem;
}
.info-bar {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2.45rem;
background: #ddcecc;
border-radius: .25rem 0 0 .25rem;
}
.info-box.success .info-bar {
background: #61dd92;
}
.info-box.error .info-bar {
background: #ea9f9f;
}
.info-box svg {
width: 1.1rem;
height: 1.1rem;
position: absolute;
top: 1rem;
left: .75rem;
fill: #222;
}
.info-box p {
font-size: 1rem;
}
.info-box p:last-of-type {
margin-bottom: 0;
}
.modal.moderate.maxheight .modal-reference,
.modal.delete.maxheight .modal-reference {
height: 10rem;
position: relative;
overflow: hidden;
padding: 0;
}
.modal.moderate.maxheight .modal-reference::before,
.modal.delete.maxheight .modal-reference::before {
content: "";
display: block;
position: absolute;
top: -.5rem;
height: 1rem;
box-shadow: 0 0 1rem rgba(0,0,0,.5);
width: 90%;
transform: translate(0, -50%);
left: 5%;
}
.modal.moderate.maxheight .modal-reference::after,
.modal.delete.maxheight .modal-reference::after {
content: "";
display: block;
position: absolute;
bottom: -1.5rem;
height: 1rem;
box-shadow: 0 0 1rem rgba(0,0,0,.5);
width: 90%;
transform: translate(0, -50%);
left: 5%;
}
.modal.moderate.maxheight .modal-reference p,
.modal.delete.maxheight .modal-reference p {
margin-bottom: 1rem;
height: 10rem;
overflow-y: scroll;
position: relative;
overflow-x: hidden;
padding: 1rem 0;
}
.modal.moderate.maxheight .modal-reference p::after,
.modal.delete.maxheight .modal-reference p::after {
content: "";
display: block;
height: 1rem;
}
.modal.moderate.maxheight textarea {
height: 10rem;
min-height: 0;
}
/*
.modal.maxheight .modal-box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: none;
width: 100%;
overflow-y: scroll;
border-radius: 0;
max-width: none;
}
.modal.maxheight .modal-content {
padding: 1rem 1rem 6rem 1rem;
}
.modal.maxheight .modal-footer {
position: fixed;
bottom: 0;
}
.modal.maxheight .modal-box svg.modal-close {
top: .75rem;
right: .75rem;
background: #eee;
}
.modal.maxheight .modal-box h4 {
padding-right: 3rem;
}
*/
body.dark .modal-box,
body.dark .modal-info .info-box,
body.dark .modal-box .modal-footer {
background: #222;
}
body.dark .activity label {
background: #111;
}
body.dark .activity.activity-selected > label,
body.dark .view-content.times .modal-scroll .times.times-selected {
background: #000;
}
body.dark .progression {
background: #111;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
body.dark .progression::before {
background: #fff;
}
body.dark .progression::after {
background: #333;
}
body.dark .red-btn,
body.dark .form-submit-no,
body.dark .modal.appointment button[type="submit"] {
background: #fff;
color: #000;
}
body.dark .red-btn:hover,
body.dark .form-submit-no:hover,
body.dark .white-btn:hover,
body.dark .modal.appointment button[type="submit"]:hover {
background: #000 !important;
color: #fff !important;
}
body.dark .view-content.times .modal-scroll label span {
color: #000;
}
body.dark .view-content.times .modal-scroll .times.times-selected span {
color: #fff;
}
body.dark .calendar-sheet .gdc-date {
background: #222;
}
/* -----------------------------------------------
USER MANAGEMENT BACKEND
User Config
----------------------------------------------- */
.config-table {
border-collapse: collapse;
}
.config-table td {
border-bottom: 1px solid #e5e5e5;
/* padding: 1rem 0;*/
}
.config-table td:last-of-type {
text-align: right;
position: relative;
}
.card p {
display: inline-block;
}
.card button.switch {
margin: 0;
padding: 0;
border: none;
background: none;
float: right;
}
.card button.switch:hover {
cursor: pointer;
}
.card button.switch svg {
width: 1.65rem;
height: 1.65rem;
}
#push-off,
#push-on {
display: none;
position: absolute;
right: 0;
top: .5rem;
}
#push-info {
display: none;
position: relative;
top: 0;
}
#comment-off {
position: absolute;
right: 0;
top: .5rem;
}
#push-info {
margin: 1rem 0 1rem 1rem;
}
/* -----------------------------------------------
USER MANAGEMENT FRONTEND
Account Layover if User is logged in
----------------------------------------------- */
.user-backend .account {
position: absolute;
top: 0;
right: 0;
}
.account {
display: table-cell;
vertical-align: middle;
text-align: center;
line-height: 1;
}
.user-backend .account {
position: absolute;
top: 0;
right: 0;
}
.account > a {
display: table-cell;
vertical-align: middle;
padding: .25rem .5rem;
border-radius: 3rem;
background: #fff;
text-transform: uppercase;
position: relative;
}
.account-profile {
display: inline-block;
position: relative;
}
.account-profile:hover {
cursor: pointer;
}
.account-layover {
display: none;
position: absolute;
right: 0;
top: 2.75rem;
width: 18rem;
background: #fff;
box-shadow: 0 0 1rem rgba(0,0,0,0.25);
border-radius: .25rem;
text-align: left;
}
.account-layover.visible {
display: block;
}
.account-layover::before {
content: "";
position: absolute;
top: -.4rem;
right: 0.66rem;
width: 0;
height: 0;
border-left: .5rem solid transparent;
border-right: .5rem solid transparent;
border-bottom: .5rem solid var(--theme-color-preset-one, #34a665);
}
.account-layover a {
display: block;
text-decoration: none;
color: #222;
}
.user-data {
width: 100%;
float: left;
margin-bottom: 0;
padding: 1rem;
background: var(--theme-color-preset-one, #34a665);
border-radius: .25rem .25rem 0 0;
color: #fff;
}
.user-data span {
display: block;
}
.user-data .name {
font-size: 1.1rem;
font-weight: bold;
margin: .33rem 0 .15rem;
display: inline-block;
}
.user-data .name:first-of-type {
margin-right: .35rem;
}
.user-data .email {
font-size: .85rem;
display: inline-block;
font-weight: normal;
}
.user-backend .navigation-sidebar .user-data {
float: none;
border-radius: 0;
}
.user-image-placeholder {
width: 2.25rem;
height: 2.25rem;
border-radius: 2.25rem;
background: var(--theme-color-preset-one, #34a665);
color: #fff;
font-family: 'Titillium Web', sans-serif;
text-align: center;
display: table-cell;
vertical-align: middle;
font-weight: bold;
}
.user-data .user-image-placeholder {
float: left;
background: #fff;
color: var(--theme-color-preset-one, #34a665);
width: 2.75rem;
height: 2.75rem;
border-radius: 2.75rem;
margin-right: .5rem;
}
.user-data .user-image-placeholder span {
display: table;
vertical-align: middle;
width: 100%;
height: 100%;
line-height: 2.75rem;
font-size: 1.35rem;
}
.user-image-placeholder svg {
width: 1.25rem;
height: 1.25rem;
fill: #fff;
vertical-align: sub;
}
#account-menu .user-data .user-image-placeholder svg {
width: 1.5rem;
height: 1.55rem;
fill: #22b5b2;
vertical-align: sub;
}
.user-image {
width: 2.75rem;
height: 2.75rem;
float: left;
margin-right: .5rem;
border-radius: 2.5rem;
background: #fff;
}
#account-menu svg {
width: .9rem;
height: .9rem;
vertical-align: -.1rem;
}
.account-layover > a.logout svg {
fill: #e10000;
}
.account-nav {
clear: both;
}
.account-nav svg {
display: none;
}
.account-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.account-nav ul li a {
padding: .5rem 1rem;
}
.account-nav ul li a:hover {
background: var(--theme-color-preset-one, #34a665);
color: #fff;
}
.account-layover > a.logout {
padding: .75rem 1rem;
color: #e10000;
border-top: 1px solid #e5e5e5;
}
.account-layover > a.logout:hover {
background: #ffebeb;
border-radius: 0 0 .25rem .25rem;
}
.navigation-item.navigation-item--level-1.logout {
border-bottom: none;
}
.navigation-item.navigation-item--level-1.logout a {
color: #e10000;
}
.navigation-item.navigation-item--level-1.logout svg {
fill: #e10000;
}
@media (max-width: 400px) {
.account .user-image {
width: 2rem;
height: 2rem;
}
.sort-options .filter, .sort-options .filter input {
width: 100%;
margin-left: 0;
}
}
/* -----------------------------------------------
USER MANAGEMENT FRONTEND
Units
----------------------------------------------- */
.unit-warning {
width: 100%;
background: rgb(224, 2, 2);
color: #fff;
padding: 5rem;
}
.unit-warning svg {
width: 2rem;
height: 2rem;
fill: #fff;
}
.unit-warning .warning-head {
display: flex;
}
.unit-warning .warning-head h1 {
margin: 0 0 1rem .5rem;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
}
.unit-site .middle .neos-contentcollection {
width: 100%;
max-width: var(--max-width);
margin: 0 auto;
padding: 2rem;
}
.unit-site .middle > .neos-contentcollection {
padding: 3rem 2rem 0 2rem;
}
.unit-site .middle > .neos-contentcollection > .neos-contentcollection {
padding: 0;
}
.unit-site #main h1 {
margin: 0 0 .5rem;
}
.unit-site #main h2 {
font-weight: normal;
margin: 0;
}
.unit-teaser .sort-options {
margin: 2rem 0 1rem;
border-bottom: none;
}
.unit-teaser {
width: 100%;
max-width: var(--max-width);
margin: 0 auto;
padding: 2rem;
}
.unit-teaser .unit {
width: 100%;
margin: 0 0 1rem 0;
padding: 1rem;
border-bottom: none;
background: #fff;
box-shadow: 0 0 2rem -.5rem rgba(0,0,0,.33);
}
.unit-teaser .unit.has-image {
display: grid;
grid-template-columns: minmax(100px,25%) auto;
column-gap: 1rem;
height: 100%;
}
.unit-teaser .unit .unit-teaser-image {
background-size: cover;
background-position: center;
}
.unit-teaser .unit h3 {
margin: 0 0 .25rem;
}
.unit-teaser .unit address {
margin: 1rem 0 0 0;
padding: .5rem 0 0 0;
border-bottom: none;
border-top: 1px solid #ccc;
}
.unit-teaser .unit h3 a {
text-decoration: none;
}
.unit-teaser .unit h3 a:hover {
text-decoration: underline;
}
.unit-teaser .unit p {
margin: 0;
}
address {
font-style: normal;
font-size: .85rem;
margin: 2rem 0;
padding-bottom: .5rem;
border-bottom: 1px solid #ccc;
}
.create-unit {
display: inline-block;
float: right;
}
.create-unit a,
.comment-container .info-box a {
display: inline-block;
padding: .5rem 1rem;
background: var(--theme-color-preset-one, #333);
color: #fff;
box-shadow: 2px 2px 8px rgba(0,0,0,.25), 0 0 32px rgba(0,0,0,.15);
font-weight: bold;
font-size: .85rem;
border-radius: 2rem;
}
.create-unit a:hover,
.create-unit a:focus,
.create-unit a:active,
.comment-container .info-box a:hover,
.comment-container .info-box a:focus,
.comment-container .info-box a:active {
background: var(--theme-color-preset-two, #000);
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
.create-unit a i {
margin-right: .25rem;
font-size: .7rem;
}
.toggle-unit-content {
margin: 1rem 0;
}
.toggle-unit-content {
font-size: 1.1rem;
font-weight: bold;
display: flex;
align-items: end;
}
.toggle-unit-content:hover {
color: var(--theme-color-preset-one, #34a665);
cursor: pointer;
}
.toggle-unit-content.open svg {
transform: rotate(0deg);
}
.toggle-unit-content:hover svg {
fill: var(--theme-color-preset-one, #34a665);
}
.toggle-unit-content svg {
width: 1.5rem;
height: 1.5rem;
transform: rotate(180deg);
transition: transform .25s;
}
.unit-text-content {
display: none;
}
#image-upload-preview {
width: 100%;
height: auto;
}
.unit-detail-teaser-image {
width: 100%;
max-width: 40%;
float: right;
margin-left: 2rem;
margin-bottom: 1rem;
}
@media (max-width: 500px) {
.unit-teaser .unit.has-image {
grid-template-columns: 1fr;
}
.unit-teaser .unit.has-image .unit-teaser-image {
height: 120px;
margin-bottom: 1rem;
}
.unit-content.has-image {
display: block;
}
.unit-detail-teaser-image {
max-width: none;
float: none;
}
}
.gdc-weekday {
margin-top: -1rem;
}
/* -----------------------------------------------
WORKFLOWS
Reading List Workflow
----------------------------------------------- */
.readinglist .report-table tr {
grid-template-columns: 4rem 3fr 1fr 1fr;
}
.readinglist.details .report-table tr {
grid-template-columns: 4rem 3fr auto;
}
.readinglist .report-table tbody tr td:first-child {
text-align: center;
}
.readinglist .report-table tr svg {
width: 1rem;
height: 1rem;
fill: #999;
}
.readinglist .report-table tr.read svg,
.readinglist .report-table tr.confirmed svg {
fill: #34a665;
}
.readinglist .report-table tr a {
font-weight: bold;
}
.report-table.workflow-table .indicator {
background: #58bf84;
}
/* -----------------------------------------------
NEOS FRONTEND GELESEN-WORKFLOW
----------------------------------------------- */
.read-workflow,
.read-workflow-active {
padding: 2rem;
}
.read-workflow .wf-content {
display: flex;
line-height: 1.4;
align-items: baseline;
grid-column-gap: .5rem;
padding: .5rem 1rem;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 1rem -.5rem rgba(0,0,0,.25);
font-size: 1rem;
}
.read-workflow p {
margin: 0;
}
.read-workflow i.fa-check-circle {
color: #00a467;
}.read-workflow i.fa-exclamation-triangle {
color: black;
}
.read-workflow-active button {
background: var(--theme-color-preset-two);
color: white;
border: none;
padding: .5rem 1rem;
font-size: 1rem;
font-weight: bold;
}
.read-workflow-active button:hover {
cursor: pointer;
background-color: #333;
}
#wf-active-confirmation button {
background: var(--theme-color-preset-two);
border: none;
appearance: none;
padding: .5rem 1rem;
color: #fff;
font-size: 1rem;
}
#wf-active-confirmation button::before {
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: bold;
margin-right: .55rem;
}
#wf-active-confirmation button:hover {
cursor: pointer;
background: #111;
}
.read-live,
i.read-live {
display: none;
}
/* -----------------------------------------------
USER MANAGEMENT FRONTEND
Unit Template for Creating a New Unit
----------------------------------------------- */
#unit-template {
padding: 2rem 0;
}
#unit-template .main {
width: 100%;
max-width: 800px;
margin: 0 auto;
padding: 2rem;
background: #fff;
height: 100%;
box-shadow: 5px 5px 10px rgba(0,0,0,.25), -5px -5px 25px rgba(0,0,0,.1);
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
}
#unit-template .main > .neos-contentcollection {
margin: 0;
padding: 0;
}
.unit-controls {
display: flex;
width: 100%;
column-gap: 1rem;
margin-bottom: 1rem;
flex-wrap: wrap;
}
.unit-controls .button {
display: inline;
margin: 0;
}
.unit-controls .button .white-btn {
margin: 0;
background: #666;
color: #fff;
}
.unit-controls .button .white-btn:hover {
background: #222;
}
.unit-controls button[type="submit"] {
margin-left: auto;
margin-right: 0;
}
#unit-template input[type="text"],
#unit-template textarea,
#unit-template .note-editing-area {
margin: 0 0 1rem;
padding: .25rem 1rem 1rem 1rem;
border: none;
border-radius: 5px;
width: 100%;
box-shadow: inset 0 0 10px -5px rgba(0,0,0,.25);
background: #f1f1f1;
}
#unit-template input[type="file"] {
margin-bottom: .5rem;
}
.clear-teaser-image {
display: none;
}
.clear-teaser-image.show-clear {
display: inline-block;
position: relative;
bottom: -3.1rem;
left: .75rem;
background: rgba(255,255,255,.9);
color: #111;
border-radius: 3px;
padding: .5rem .75rem;
box-shadow: 0 0 1rem rgba(0,0,0,.5);
}
.clear-teaser-image svg {
width: 1rem;
height: 1rem;
fill: #111;
position: relative;
top: 3px;
margin-right: 5px;
}
.clear-teaser-image:hover {
display: inline-block;
background: rgba(227, 13, 13, 0.75);
color: #fff;
cursor: pointer;
}
.clear-teaser-image:hover svg {
fill: #fff;
}
.note-modal-content input[type="button"] {
background: var(--theme-color-preset-one, #34a665) !important;
}
textarea#unit-h1 {
font-weight: 700;
display: table;
font-family: 'Titillium Web', sans-serif;
font-size: 2rem;
line-height: 1.3;
}
textarea#unit-h2 {
font-family: 'Titillium Web', sans-serif;
display: table;
font-weight: normal;
font-size: 1.5rem;
line-height: 1.4;
}
textarea#unit-p {
font-family: 'Titillium Web', sans-serif;
font-size: 1.1rem;
margin: 0 0 1rem 0;
line-height: 1.5;
height: 3rem;
}
.note-editor.note-frame, .note-editor.note-airframe {
border: none !important;
}
#unit-template .note-toolbar {
background: none;
padding: 0 0 1rem 0;
}
.count-wrap {
position: relative;
}
.count-title, .count-subtitle {
position: absolute;
bottom: .5rem;
left: 1rem;
color: #999;
font-size: .8rem;
}
/* -----------------------------------------------
GDC Long Description
----------------------------------------------- */
#formbib-forms .note-editor.note-frame,
#formbib-forms .note-editor.note-airframe {
border: 2px solid #e4e4e4 !important;
border-radius: 5px;
background-color: white;
transition: all .25s;
padding: .3rem;
font-family: 'Titillium Web', sans-serif;
background-color: white;
line-height: 1.3;
margin-left: 205px;
}
.note-editor.note-frame p,
.note-editor.note-airframe p {
margin-bottom: 1rem;
}
.note-modal-backdrop {
display: none !important;
}
.note-modal-content {
position: absolute !important;
top: 50%;
left: 50%;
margin: 0 !important;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-shadow: 0 0 1rem rgba(0,0,0,0.25);
}
.note-modal-footer {
height: auto !important;
width: 100%;
float: left;
padding: 1rem !important;
margin-top: 1rem;
background: #fff;
border-radius: 0 0 .25rem .25rem;
border-top: none;
box-shadow: 0 0 2rem rgba(0,0,0,.25);
}
#formbib-forms .note-modal-footer input {
border: none;
border-radius: 5px;
background-color: var(--theme-color-preset-one, #34a665) !important;
transition: all .25s;
padding: .3rem 1rem;
font-size: 1rem;
font-family: 'Titillium Web', sans-serif;
}
#formbib-forms .note-modal-footer input:hover {
background-color: #111 !important;
border: none !important;
}
.note-editor .note-editing-area .note-editable a {
color: var(--theme-color-preset-one, #34a665) !important;
}
.note-editor h3,
.note-editor h4,
.note-editor h5,
.note-editor h6 {
margin: 0 0 .5rem;
line-height: 1.25;
}
.note-editor h3 {
font-size: 1.75rem;
}
.note-editor h4 {
font-size: 1.5rem;
}
.note-editor h5 {
font-size: 1.25rem;
}
.note-editor h6 {
font-size: 1rem;
}
a.note-dropdown-item, a.note-dropdown-item:hover {
white-space: nowrap;
}
/* -----------------------------------------------
USER MANAGEMENT FRONTEND
Comments
----------------------------------------------- */
.comments-section {
position: relative;
display: grid;
grid-template-columns: 1.5fr 1fr;
grid-gap: 2rem;
margin-top: 3rem;
}
.comments-section h3 {
line-height: 1.2;
}
.comment-wrap.sticky {
position: fixed;
top: 5rem;
}
.comments {
}
.new-comment {
}
#comment textarea,
.comment .modal textarea,
.unit .modal textarea {
font-family: Georgia, serif;
font-size: 1.1rem;
min-height: 15rem;
line-height: 1.55;
padding: .75rem 1rem;
font-weight: normal;
border: none;
border-radius: 3px;
width: 100%;
box-shadow: inset 1px 1px 4px rgba(0,0,0,.25), inset 0 0 20px -10px rgba(0,0,0,.25);
background: #f1f1f1;
}
#comment textarea:focus,
.comment .modal textarea:focus,
.unit .modal textarea:focus {
outline: none;
box-shadow: inset 1px 1px 4px rgba(0,0,0,.5), inset 0 0 20px -10px rgba(0,0,0,.25);
}
#comment button[type="submit"] {
text-decoration: none;
margin: 1rem 0 .5rem 0;
display: inline-block;
border: none;
font-family: 'Titillium Web', sans-serif;
font-size: .85rem;
padding: .5rem 1rem;
background: var(--theme-color-preset-one, #333);
color: #fff;
border-radius: 2rem;
box-shadow: 2px 2px 8px rgba(0,0,0,.25), 0 0 32px rgba(0,0,0,.15);
font-weight: bold;
}
#comment button[type="submit"]:hover,
#comment button[type="submit"]:focus {
background: var(--theme-color-preset-two, #000);
color: #fff;
text-decoration: none;
cursor: pointer;
}
.comment {
width: 100%;
margin-bottom: 0;
padding-bottom: 1.5rem;
border-bottom: 1px dashed #d5d5d5;
margin-top: 1.5rem;
position: relative;
background-color: none;
transition: background-color .5s;
}
.comment.highlight {
background-color: var(--theme-color-preset-one, #34a665);
transition: background-color .5s;
}
.comment-meta {
font-size: .825rem;
font-weight: bold;
margin-bottom: .5rem;
}
.comment-meta .comment-user,
.comment-meta .my-comment {
display: inline-block;
}
.comment-meta .my-comment .comment-user {
color: #07BAB5;
}
.comment-meta a {
text-decoration: none;
}
.comment-meta a:hover,
.comment-meta a:focus,
.unit-meta a:hover,
.unit-meta a:focus {
text-decoration: underline;
}
.comment-content p {
font-family: Georgia, serif;
font-size: 1.1rem;
line-height: 1.6;
margin: 0 0 1rem;
}
.comment-content p:last-of-type {
margin-bottom: 0;
}
.comment-content p.mod-content,
.modal-reference.mod p.mod-content {
color: #666;
padding-left: 1.4rem;
position: relative;
font-style: italic;
display: block;
}
.comment-content p.mod-content svg,
.modal-reference.mod p.mod-content svg {
width: .95rem;
height: .95rem;
fill: #666;
position: absolute;
left: 0;
top: .35rem;
}
.modal-reference.mod {
border-top: none;
padding: 0 0 1rem 0;
}
.modal-reference.mod h5 {
font-weight: 700;
font-size: 1rem;
margin-bottom: 1rem;
}
.comment-meta form {
float: right;
display: block;
}
.comment-meta button[type="submit"] {
background: none !important;
color: #222 !important;
display: inline;
padding: 0 !important;
text-transform: none;
font-size: .825rem;
letter-spacing: normal;
}
.comment-meta button[type="submit"]:hover {
color: #07BAB5 !important;
}
.comment-meta button[type="submit"]:hover svg {
fill: #07BAB5;
}
.comment-toggle {
display: none;
}
.edited span {
display: block;
font-size: .825rem;
font-style: italic;
font-family: Georgia, serif;
color: #666;
margin-top: 1rem;
}
.edited span > span {
display: inline;
margin-top: 0;
}
.options {
margin-top: 1rem;
}
.options > div {
display: inline-block;
}
.options svg {
width: .75rem;
height: .75rem;
fill: #222;
vertical-align: -.05rem;
margin-right: .2rem;
}
@media (max-width: 660px) {
.comments,
.new-comment {
width: 100%;
float: none;
}
.unit-teaser .filter, .unit-teaser .filter input {
width: 100%;
margin: 0;
}
.comment-wrap.sticky {
position: fixed;
top: auto;
bottom: 0;
left: 0 !important;
right: 0 !important;
width: 100% !important;
background: #f5f5f5;
padding: 1rem;
box-shadow: 0 0 1rem rgba(0,0,0,.5);
z-index: 10002;
}
.comment-wrap.sticky h4 {
font-size: .9rem;
margin-right: 2rem;
}
.comment-wrap.sticky #comment textarea {
height: auto;
min-height: 10rem;
}
.comment-wrap.sticky .comment-toggle {
display: inline-block;
position: absolute;
top: 0;
right: 0;
padding: .75rem;
}
.comment-toggle svg {
width: 1.5rem;
height: 1.5rem;
}
.comment-toggle.open svg {
transform: rotate(180deg);
}
.comment-wrap.sticky .comment-container {
display: none;
}
}
/* -----------------------------------------------
EVENT BOOKING
----------------------------------------------- */
.booking-data {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 2rem;
}
.booking-data h6 {
margin: 0;
font-size: 1rem;
}
.booking-data p {
font-size: 1rem;
}
.booking-event-data {
border-right: 1px solid #ccc;
}
.booking-data h5 {
text-transform: uppercase;
}
.indicator {
width: 100%;
display: block;
background: linear-gradient(90deg, #39bd2d, 40%, #b7b422, #b9311a);
height: 4px;
position: relative;
margin-top: .25rem;
}
.value {
position: absolute;
display: block;
width: 100%;
background: #d5d5d5;
top: 0;
right: 0;
height: 4px;
}
.event-bookings-report ul {
list-style: none;
margin: 0;
padding: 0;
}
.event-bookings-report ul li {
padding: .5rem 0;
border-top: 1px solid #ebebeb;
padding: .5rem 1rem;
font-weight: normal;
font-size: .9rem;
}
.event-bookings-report ul li span {
margin-right: .3rem;
}
.event-bookings-report ul li:hover {
background: #e9eeee;
}
.dataobject-table.event-bookings-report tbody tr.show-bookings > td {
font-weight: bold;
}
.report-table.dataobject-table.event-bookings-report th:last-child {
text-align: right;
}
/* -----------------------------------------------
USER MANAGEMENT FRONTEND
Appointments
----------------------------------------------- */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
text-align: center;
}
.modal.appointment .modal-box {
height: 100%;
max-height: 750px;
}
.modal.appointment .modal-head h4 {
margin: 0;
font-size: 1.1rem;
}
.modal.appointment .modal-box .modal-footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: table;
}
.modal.appointment .modal-box .modal-footer span {
vertical-align: middle;
display: table-cell;
text-align: right;
line-height: 1.2;
font-size: .9rem;
float: right;
max-width: 12rem;
}
@media (max-width: 550px) {
.modal.appointment .modal-box .modal-footer span {
text-align: left;
display: block;
margin-bottom: 1rem;
float: none;
max-width: none;
}
#unit-template {
padding: 0;
}
.user-backend .unit-controls .logo {
width: 100%;
}
.unit-controls button[type="submit"] {
margin-left: 0;
}
}
.modal.appointment .modal-views {
overflow: hidden;
position: relative;
height: 100%;
}
.modal.appointment .app-loading {
position: absolute;
background: rgba(255,255,255,.8);
z-index: 3;
display: table;
width: 100%;
height: 100%;
}
.modal.appointment .app-loading span {
display: table-cell;
text-align: center;
vertical-align: middle;
font-weight: bold;
}
.modal.appointment .modal-views > .view-content {
position: absolute;
width: 100%;
transition: left .25s;
height: 100%;
}
.modal.appointment .view-content form,
.modal.appointment .view-content .view-container {
height: 100%;
padding: 1rem;
overflow-y: auto;
}
.modal.appointment .view-content .view-container form,
.modal.appointment .view-content .contact form {
height: auto;
padding: 0;
overflow-y: inherit;
}
.modal.appointment .view-content.user .contact {
padding: 1rem;
overflow-y: auto;
height: 100%;
}
.modal.appointment .view-content.user .contact .user {
border-bottom: 1px dashed #ccc;
padding-bottom: 1.5rem;
margin-bottom: 1rem;
}
.modal.appointment .view-content.info .appdetails {
margin-bottom: 2rem;
}
.modal.appointment .view-content.info svg {
width: 2rem;
height: 2rem;
display: block;
fill: var(--theme-color-preset-one, #34a665);
margin: 0 auto;
border: .25rem solid #b9ddc8;
border-radius: 2rem;
}
.modal.appointment .view-content.user svg {
width: 1rem;
height: 1rem;
display: inline-block;
vertical-align: sub;
margin-right: .25rem;
fill: var(--theme-color-preset-one, #34a665);
}
.modal.appointment .view-content.info .message {
margin-top: 2rem;
text-align: center;
}
.modal.appointment .activity.deactivated {
opacity: .33;
}
.modal.appointment .activity-title {
font-weight: bold;
}
.modal.appointment .activity-maxbookable {
width: 100%;
}
.modal.appointment .activity-maxbookable input {
border: none;
margin-left: .5rem;
width: 3rem;
padding: 0 0 0 .1rem;
text-align: center;
font-size: .9rem;
font-family: 'Titillium Web', sans-serif;
}
.modal.appointment .activity-requirements {
display: block;
}
.modal.appointment .activity-requirements span {
display: inline-block;
}
.activity ul {
list-style: none;
margin: 0;
padding: 0;
}
.activity ul li {
display: inline-block;
}
.activity-requirements span::after,
.activity-requirements a::after {
content: ", ";
margin-right: .33rem;
}
.activity-requirements *:last-child::after {
content: "";
margin-right: 0;
}
.modal.appointment .modal-views .view-content.review {
display: none;
}
.review-activity {
border-bottom: 1px dashed #ccc;
}
.review-requirements,
.review-datetime {
padding-top: 1rem;
border-bottom: 1px dashed #ccc;
}
.review-policy {
padding-bottom: 1rem;
font-size: .85rem;
padding-left: 1.3rem;
}
.review-policy input {
margin-left: -1.3rem;
vertical-align: text-top;
}
.review-policy label {
display: block;
line-height: 1.2;
margin-bottom: .25rem;
}
.review-policy label:last-of-type {
margin-bottom: 0;
}
.review-policy button {
display: block !important;
}
.review-activity p,
.review-requirements p,
.review-datetime p {
font-size: 1rem;
}
.review-activity label,
.review-requirements label,
.review-datetime label,
.contact label {
text-transform: uppercase !important;
font-weight: bold;
font-size: .9rem;
color: #666;
}
/* STEP 1 --------------------------------------------------------------------*/
.modal.appointment .modal-views.step1 > .view-content:nth-of-type(1) {
left: 0;
}
.modal.appointment .modal-views.step1 > .view-content:nth-of-type(2) {
left: 100%;
}
.modal.appointment .modal-views.step1 > .view-content:nth-of-type(3) {
left: 200%;
}
/*
.modal.appointment .modal-views.step1 > .view-content:nth-of-type(4) {
left: 200%;
}
*/
.modal.appointment .modal-views.step1 > .view-content:nth-of-type(5) {
left: 300%;
}
/* STEP 2 --------------------------------------------------------------------*/
.modal.appointment .modal-views.step2 > .view-content:nth-of-type(1) {
left: -100%;
}
.modal.appointment .modal-views.step2 > .view-content:nth-of-type(2) {
left: 0;
}
.modal.appointment .modal-views.step2 > .view-content:nth-of-type(3) {
left: 100%;
}
/*
.modal.appointment .modal-views.step2 > .view-content:nth-of-type(4) {
left: 100%;
}
*/
.modal.appointment .modal-views.step2 > .view-content:nth-of-type(5) {
left: 200%;
}
/* STEP 3 --------------------------------------------------------------------*/
.modal.appointment .modal-views.step3 > .view-content:nth-of-type(1) {
left: -200%;
}
.modal.appointment .modal-views.step3 > .view-content:nth-of-type(2) {
left: -100%;
}
.modal.appointment .modal-views.step3 > .view-content:nth-of-type(3) {
left: 0;
}
/*
.modal.appointment .modal-views.step3 > .view-content:nth-of-type(4) {
left: 0;
}
*/
.modal.appointment .modal-views.step3 > .view-content:nth-of-type(5) {
left: 100%;
}
/* STEP 4 --------------------------------------------------------------------*/
.modal.appointment .modal-views.step4 > .view-content:nth-of-type(1) {
left: -300%;
}
.modal.appointment .modal-views.step4 > .view-content:nth-of-type(2) {
left: -200%;
}
.modal.appointment .modal-views.step4 > .view-content:nth-of-type(3) {
left: -100%;
}
/*
.modal.appointment .modal-views.step4 > .view-content:nth-of-type(4) {
left: 0;
}
*/
.modal.appointment .modal-views.step4 > .view-content:nth-of-type(5) {
left: 0;
}
.progression {
width: 100%;
position: relative;
height: 2rem;
margin-top: .5rem;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background: #f5f5f5;
border-radius: 2rem;
}
.progression::after {
content: "";
position: absolute;
left: .5rem;
right: .5rem;
height: 2px;
background: #e5e5e5;
top: calc(1rem - 1px);
width: calc(100% - 2rem);
z-index: 1;
}
.progression::before {
content: "";
position: absolute;
left: 1rem;
height: 2px;
background: #222;
top: calc(1rem - 1px);
z-index: 2;
transition: width .25s;
}
.progression.prog1::before {
width: 0;
}
.progression.prog2::before {
width: calc(33.33% - 1rem);
}
.progression.prog3::before {
width: calc(66.66% - 1rem);
}
.progression.prog4::before {
width: calc(100% - 2rem);
}
.progression .prog {
width: 16px;
height: 16px;
position: absolute;
top: .5rem;
border-radius: 16px;
border: 2px solid #222;
background: #fff;
z-index: 2;
}
.progression .prog.active:hover {
cursor: pointer;
}
.prog.active.current span {
width: 8px;
height: 8px;
border-radius: 10px;
background: #222;
margin: 2px auto 0;
display: block;
}
.progression .prog.inactive {
border: 2px solid #e5e5e5;
}
.progression .prog:nth-of-type(1) {
left: .5rem;
}
.progression .prog:nth-of-type(2) {
left: calc(33.33% - .5rem);
}
.progression .prog:nth-of-type(3) {
left: calc(66.66% - .5rem);
}
.progression .prog:nth-of-type(4) {
left: calc(100% - 1.5rem);
}
.activity label {
width: 100%;
display: block;
padding: .75rem 1rem;
background: #f1f1f1;
margin-bottom: 1rem;
position: relative;
overflow: hidden;
display: block;
}
.activity label:hover {
cursor: pointer;
}
.activity label span {
position: relative;
z-index: 2;
padding-left: 0;
display: block;
transition: padding-left .25s;
}
.activity label .duration > span {
display: inline-block;
margin-left: .25rem;
}
.activity label span svg {
width: 1rem;
height: 1rem;
fill: #fff;
position: absolute;
left: -2rem;
top: 0;
transition: left .25s;
}
.activity label span small {
font-weight: normal;
position: relative;
z-index: 2;
font-size: .9rem;
}
.activity label span small:first-of-type {
margin-right: .5rem;
padding-right: .5rem;
margin-top: .25rem;
display: inline-block;
}
.activity label span small.duration span:first-of-type {
margin-left: 0;
}
.activity.activity-selected svg {
left: -.25rem;
}
.activity.activity-selected label > span {
padding-left: 1.25rem;
color: #fff;
}
.activity label input:checked + .input-selected + span .activity-requirements a {
color: #fff;
text-decoration: underline;
}
.activity label input {
display: none;
}
.activity.activity-selected > label,
.view-content.times .modal-scroll .times.times-selected {
background: var(--theme-color-preset-one, #34a665);
}
.view-content.times .modal-scroll label input:checked + .input-selected {
background: var(--theme-color-preset-one, #34a665);
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.view-content.times .modal-scroll label {
position: relative;
}
.view-content.times .modal-scroll label span {
position: relative;
z-index: 2;
}
.times.times-selected span {
color: #fff;
}
.modal.appointment .modal-content {
padding-bottom: 0;
}
.modal.appointment .ui-datepicker-inline {
width: 100%;
line-height: 1.7;
}
.modal.appointment .ui-datepicker-inline .ui-widget {
font-family: 'Titillium Web', sans-serif !important;
}
.modal.appointment .ui-datepicker-inline .ui-state-active {
background: none !important;
border: none;
}
.modal.appointment .ui-datepicker-inline .ui-state-active a {
background: none !important;
color: #222 !important;
font-weight: bold;
}
.modal.appointment .ui-datepicker-inline .ui-state-active.ui-datepicker-current-day {
background: var(--theme-color-preset-one, #34a665) !important;
}
.modal.appointment .ui-datepicker-inline .ui-state-active.ui-datepicker-current-day a {
color: #fff !important;
}
.view-content.times {
margin-bottom: 1rem;
}
.view-content.times input[type="radio"] {
display: none;
}
.view-content.times .modal-scroll label {
padding: .15rem .5rem;
background: #f5f5f5;
display: inline-block;
margin: 2px;
cursor: pointer;
}
/* -----------------------------------------------
@controller': 'Profile'
@action': 'profile'
----------------------------------------------- */
.profile-user-data {
width: 100%;
font-size: 1.1rem;
}
.profile-user-data tr,
.profile-user-data tr:first-of-type {
display: block;
padding: .75rem 0;
border-bottom: 1px dashed #c5cccc;
}
.profile-user-data th:first-of-type,
.profile-user-data td:first-of-type {
width: 8rem;
font-weight: bold;
}
.profile-user-data td:last-of-type {
font-family: Georgia, serif;
}
.profile-user-data-update th:first-of-type,
.profile-user-data-update td:first-of-type {
width: 15rem;
}
input[type="text"],
input[type="password"],
input[type="email"] {
border: none;
padding: .5rem 1rem;
font-size: 1rem;
border-radius: 3px;
font-family: 'Titillium Web', sans-serif;
}
.profile-user-data-update input[type="text"],
.profile-user-data-update input[type="password"],
.profile-user-data-update input[type="email"] {
border: none;
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .25rem;
width: 100%;
width: 15rem;
}
button {
font-family: 'Titillium Web', sans-serif;
}
.modal.appointment input[type="text"],
.modal.appointment input[type="email"],
.modal.appointment input[type="password"],
.modal.appointment textarea,
.modal.appointment select {
border: none;
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .25rem;
width: 100%;
background: #f5f5f5;
font-family: 'Titillium Web', sans-serif;
}
.modal.appointment textarea {
min-height: inherit;
}
.red-btn,
.form-submit-no,
.modal.appointment button[type="submit"] {
padding: .5rem 1rem;
border-radius: 3rem;
display: block;
background: var(--theme-color-preset-one, #34a665);
color: #fff;
box-shadow: 0 0 1rem rgba(0,0,0,.1);
font-weight: bold;
border: none;
font-size: 1rem;
display: inline-block;
margin-right: 1rem;
white-space: nowrap;
}
.white-btn {
padding: .5rem 1rem;
border-radius: 3rem;
display: block;
background: #fff;
box-shadow: 0 0 1rem rgba(0,0,0,.1);
font-weight: bold;
color: #222;
border: none;
font-size: 1rem;
display: inline-block;
margin-right: 1rem;
}
.red-btn:hover,
.form-submit-no:hover,
.white-btn:hover,
.modal.appointment button[type="submit"]:hover {
cursor: pointer;
background: #222;
color: #fff;
}
/* -----------------------------------------------
@controller': 'Profile'
@action': 'editPassword'
@action': 'editEmail'
styles for the success messages
----------------------------------------------- */
.home-container{
margin-top: 0.8rem;
}
/*---------------------------------------------------
GDC
----------------------------------------------------- */
.gdc-object {
width: 100%;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #ccc;
display: grid;
grid-gap: 1rem;
row-gap: 0;
grid-template-columns: minmax(100px, 15%) auto;
}
.gdc-object-connected-events {
margin-bottom: 1rem;
padding-bottom: 1rem;
}
.do-connected-events {
padding-bottom:1rem;
padding-top: 1rem;
}
.gdc-object.fullwidth {
grid-template-columns: 1fr;
}
.context-article {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 2rem;
}
.context-article .gdc-object {
grid-template-columns: 1fr;
row-gap: 1rem;
align-content: baseline;
padding-bottom: 1rem;
margin-bottom: 0;
}
.gdc-price {
line-height: 1;
margin-top: 1rem;
}
#article-current-price.gdc-price {
font-weight: bold;
margin-bottom: 2rem;
}
.gdc-price a {
color: #111;
}
.gdc-price a:hover,
.gdc-price a:focus {
color: var(--theme-color-preset-one, #34a665);
}
.article-price {
font-size: 1.5rem;
margin: 0 .2rem 0 0;
}
.article-currency {
vertical-align: top;
}
.article-variants {
margin: 2rem 0;
}
.article-variants label {
display: table;
margin-bottom: .25rem;
border: 1px solid #ccc;
padding: .25rem .5rem;
}
.article-variants label:hover,
.article-variants label:focus {
cursor: pointer;
border: 1px solid #666;
}
.article-variants input[type="radio"] {
display: none;
}
.article-variants input[type="radio"]:checked+label {
font-weight: bold;
border: 1px solid var(--theme-color-preset-one, #34a665);
}
.article-variants .gdc-price {
margin-left: .25rem;
}
.article-variants .article-price {
font-size: 1rem;
}
.article-variants .article-currency {
vertical-align: inherit;
}
.article-order-email {
display: table;
background: var(--theme-color-preset-one, #34a665);
margin-bottom: 1rem;
padding: .5rem 1rem;
color: #fff;
font-weight: bold;
font-size: 1.2rem;
}
.article-order-email:hover, .article-order-email:focus {
background: #111;
}
.gdc-category {
font-size: .9rem;
font-weight: bold;
color: #666;
text-transform: uppercase;
}
.gdc-date,
.gdc-time {
display: inline-block;
margin-right: .75rem;
}
.gdc-category > span,
.gdc-date > span,
.gdc-time > span {
margin-right: .75rem;
}
.gdc-category > span:last-child,
.gdc-attribute > span:last-child,
.gdc-date > span:last-child,
.gdc-time > span:last-child {
margin-right: 0;
}
.gdc-time .gdc-event-cancelled,
.gdc-time .gdc-event-soldout {
color: #e74991;
font-weight: bold;
}
.gdc-organisation-list {
padding-left: 0;
}
.gdc-organisation-list, .gdc-organisation-list ul {
list-style-type: none;
margin: 0;
}
.gdc-organisation-list > li > ul,
.gdc-organisation-list > li > ul > li > ul,
.gdc-organisation-list > li > ul > li > ul > li > ul,
.gdc-organisation-list > li > ul > li > ul > li > ul > li > ul,
.gdc-organisation-list > li > ul > li > ul > li > ul > li > ul > li > ul {
border-left: 1px solid #ccc;
padding-left: 1rem;
}
.gdc-organisation-list li {
margin: .5rem 0;
}
.gdc-gov-list h3 {
margin-bottom: .5rem;
}
.gdc-gov-list ul {
list-style-type: disc;
}
.gdc-gov-list li {
margin: 0;
}
.gdc-gov-list section {
margin-bottom: 2rem;
}
.calendar-sheet .gdc-date {
background-color: #e5e5e5;
text-align: center;
padding: 1rem;
}
.calendar-sheet .gdc-date > span {
display: grid;
}
.calendar-sheet .date-day {
font-size: 2rem;
font-weight: bold;
}
.calendar-sheet .gdc-date i {
display: none;
}
.gdc-content.calendar-sheet {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: max-content;
align-content: start;
align-items: start;
justify-content: start;
column-gap: 1rem;
}
.calendar-sheet .gdc-date {
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 10;
margin-right: 0;
}
.do-connected-links a::after {
content: ", ";
}
.do-connected-links a:last-child:after {
content: none;
}
.do-events,
.do-datetime {
margin: 4rem 0 0 0;
}
.do-datetime table {
text-align: left;
}
/*
.do-datetime-table {
max-height: 200px;
overflow: hidden;
transition: height 1s;
position: relative;
padding-bottom: 2rem;
}
.do-datetime.all-dates .do-datetime-table {
max-height: 100%;
}
.show-all {
font-weight: bold;
}
.do-datetime .show-all::before {
display: inline-block;
border-bottom: 2px solid transparent;
}
.do-datetime.all-dates .show-all::before {
display: inline-block;
}
html[lang="de"] .do-datetime .show-all::before {
content: "Alle Termine anzeigen";
}
html[lang="en"] .do-datetime .show-all::before {
content: "Show all dates";
}
html[lang="de"] .do-datetime.all-dates .show-all::before {
content: "Einklappen";
}
html[lang="en"] .do-datetime.all-dates .show-all::before {
content: "Collapse";
}
.show-all:hover::before {
cursor: pointer;
border-bottom: 2px solid #000;
}
.do-datetime-table::after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 2rem;
background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255,255,255,0) 100%);
} */
.do-datetime-table tbody tr {
display: grid;
grid-column-gap: 1rem;
grid-template-columns: 100px 150px 2fr 1fr;
border-bottom: 1px solid #ccc;
padding: .25rem 0;
}
@media (max-width: 680px) {
.do-datetime-table tbody tr:first-of-type {
display: none;
}
.do-datetime-table tbody tr:not(:first-of-type) {
grid-template-columns: 1fr 1fr;
grid-row-gap: 0;
}
}
@media (max-width: 500px) {
.gdc-object {
grid-template-columns: 1fr;
row-gap: 1rem;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.gdc-image-placeholder,
.gdc-image-container {
padding: 25% !important;
}
.gdc-description p:last-of-type {
margin-bottom: 0;
}
.grid-context-rental .gdc-object {
display: block;
}
.grid-context-rental .gdc-image,
.grid-context-rental .gdc-image a,
.grid-context-rental .gdc-image a .gdc-image-container,
.grid-context-rental .gdc-image a .gdc-image-placeholder,
.rental-to-poi .rental-frontend .griditem .do-images {
border-radius: .5rem .5rem 0 0;
}
.grid-context-rental .gdc-object .gdc-content {
padding: 1rem;
}
}
.gdc-attribute {
display: inline-block;
margin-right: 1rem;
}
.gdc-attribute strong,
.gdc-attribute span {
margin-right: .25rem;
}
.gdc-attribute span::after {
content: ",";
}
.gdc-attribute span:last-child::after {
content: none;
}
.gdc-image {
font-size: 0;
}
.gdc-image-placeholder,
.gdc-image-container {
background: #e5e5e5;
display: table;
width: 100%;
padding: 50%;
box-shadow: inset 0 0 5rem rgba(0,0,0,.25);
}
.gdc-image-container {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.gdc-image-placeholder {
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
filter: grayscale(100%);
}
.gdc-image-placeholder span {
display: table;
width: 100%;
height: 100%;
background: #e5e5e5;
opacity: .5;
}
.gdc-title {
font-size: 1.1rem;
font-weight: bold;
}
.gdc-title a {
color: #111;
}
.gdc-title a:hover,
.gdc-title a:focus {
color: var(--theme-color-preset-one, #34a665);
}
.gdc-attributes {
list-style: none;
margin: .5rem 0;
padding: 0;
font-size: 1rem;
}
.gdc-attributes li {
display: inline-block;
margin-right: 1rem;
}
.gdc-detailed-list address {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
font-size: 1rem;
}
.gdc-description {
font-size: 1rem;
}
.gdc-list-rental + button,
.gdc-list + button {
margin-bottom: 3rem;
padding: .5rem 1rem;
font-size: 1rem;
background: var(--theme-color-preset-one, #34a665);
border: none;
border-radius: .25rem;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.gdc-list-rental + button:hover,
.gdc-list + button:hover {
cursor: pointer;
background: #222;
}
.gdc-list .report-table.contacts th:nth-of-type(3),
.gdc-list .report-table.contacts th:nth-of-type(5),
.gdc-list .report-table.contacts td:nth-of-type(3),
.gdc-list .report-table.contacts td:nth-of-type(5) {
display: none;
}
.rental-load {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 10001;
}
.rental-load.loading {
display: flex;
align-items: center;
}
.rental-load.loading h3 {
margin: 0 auto 2rem !important;
}
.rental-load h3 {
display: inline-block;
margin: 0 auto 0;
background: #129149;
padding: .75rem 1.25rem;
border-radius: .25rem;
box-shadow: 0 0 5rem rgba(0,0,0,.5), .25rem .25rem .5rem rgba(0,0,0,.25);
font-weight: bold;
font-size: 1.1rem;
align-self: flex-end;
color: #fff;
z-index: 10001;
transition: margin 1s;
}
.rental-load h3 i {
font-family: "Font Awesome 5 Free";
font-style: normal;
margin: 0 .5rem 0 0;
transform: rotate(0deg);
display: inline-block;
width: 1rem;
height: 1rem;
font-size: 1rem;
line-height: 1;
}
.rental-load.loading h3 i {
animation-name: loading;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 50;
}
@keyframes loading {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
.table-dates-dc.event td:nth-of-type(7) input {
width: 4.5rem;
}
/*---------------------------------------------------
SUBSCRIPTION
----------------------------------------------------- */
.subscription > div {
padding: 1rem 2rem 0;
}
.subscription-item {
margin-bottom: 1rem;
background: white;
box-shadow: 0 0 1rem -.5rem rgba(0,0,0,.5);
padding: 1rem;
}
.subscription-item * {
margin: 0;
padding: 0;
}
.subscription-item > * {
display: block;
}
.subscription-item small {
margin-top: .5rem;
padding-top: .5rem;
border-top: 1px dashed #ccc;
}
#subscribeForm,
#unsubscribeForm {
display: none;
text-align: right;
}
#subscribeForm.form-visible,
#unsubscribeForm.form-visible {
display: block;
}
#subscribeForm button,
#unsubscribeForm button {
appearance: none;
border: none;
background: none;
padding: 0;
border-radius: 3px;
font-size: .9rem;
font-weight: bold;
}
#subscribeForm button:hover,
#unsubscribeForm button:hover {
cursor: pointer;
color: var(--theme-color-preset-two);
}
.subscription button::before {
content: "\f004";
font-family: "Font Awesome 5 Free";
margin-right: .25rem;
font-weight: bold;
}
.subscription #subscribeForm button::before {
font-weight: normal;
}
.subscription-item.delete-animation {
background: #d74d4d;
color: #fff;
}
.subscription-item.delete-animation a,
.subscription-item.delete-animation button {
color: #fff;
}
.subscription-item-head {
display: grid;
grid-template-columns: auto 1rem;
}
.subscription-item-head button {
appearance: none;
border: none;
background: none;
color: #888;
}
.subscription-item-head button:hover {
cursor: pointer;
color: var(--theme-color-preset-two);
}
/*---------------------------------------------------
DATAOBJECT
----------------------------------------------------- */
* {
hyphens: auto;
}
.do-back {
color: #000;
font-weight: bold;
text-transform: uppercase;
font-size: 1rem;
display: inline-block;
margin: 0 0 2rem;
}
.do-back::before {
content: "\f104";
font-family: "Font Awesome 5 Free";
font-size: 1.1rem;
position: relative;
bottom: -1px;
padding-right: .5rem;
}
.do-categories {
font-weight: bold;
text-transform: uppercase;
color: #666;
line-height: 1.5;
margin-bottom: .5rem;
}
.do-intro {
width: 100%;
}
.do-intro.half {
display: grid;
grid-gap: 2rem;
grid-template-columns: 1.5fr 1fr;
}
.do-detail.poi .do-intro.half,
.do-detail.event .do-intro.half,
.do-detail.service .do-intro.half,
.do-detail.organisation .do-intro.half,
.do-detail.contact .do-intro.half,
.do-detail.gremium .do-intro.half {
grid-template-columns: 2fr 1fr;
}
.contact .do-intro.half {
grid-gap: 2rem;
grid-template-columns: 1fr 4fr;
}
.do-categories span {
margin-right: .75rem;
display: inline-block;
}
.do-categories span:last-child {
margin-right: 0;
}
.do-detail h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
line-height: .95;
}
.do-detail h2 {
font-size: 2rem;
margin-bottom: .5rem;
}
.do-detail.contact h1 {
font-size: 2rem;
text-transform: none;
}
.do-detail.contact h2 {
font-size: 1.5rem;
text-transform: none;
}
.do-longdesc,
.do-attributes {
margin: 0;
}
.do-detail address {
font-size: 1.1rem;
}
.do-location {
margin-bottom: .5rem;
}
.do-contacts {
display: grid;
grid-gap: 8%;
grid-template-columns: 1fr 1.5fr;
margin-top: 4rem;
}
.gdc-contact-box {
margin-bottom: 1rem;
border-bottom: 1px dashed #111;
padding-bottom: 1rem;
position: relative;
}
.gdc-contact-image {
position: absolute;
top: 0;
left: 0;
width: 3rem;
height: 3rem;
overflow: hidden;
border-radius: 100%;
}
.gdc-contact-image a {
background-size: cover;
width: 100%;
height: 100%;
display: block;
}
.gdc-contact-box > strong:first-of-type,
.gdc-contact-box > a:first-of-type {
display: block;
line-height: 1.4;
}
.gdc-contact-box > .gdc-contact-image + strong:first-of-type,
.gdc-contact-box > .gdc-contact-image + strong:first-of-type + a:first-of-type {
margin-left: 3.5rem;
}
.gdc-contact-box > a:first-of-type {
margin-bottom: .5rem;
font-weight: bold;
}
.do-documents span {
margin-left: 1rem;
}
.do-documents {
margin-bottom:0.5rem;
}
.do-documents a[target="_blank"]::after {
content: "";
}
.do-images,
.do-detail.poi .do-images .img-container,
.do-detail.event .do-images .img-container,
.do-detail.contact .do-images .img-container {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
grid-template-rows: max-content;
align-content: baseline;
}
.do-detail.poi .do-images,
.do-detail.event .do-images,
.do-detail.contact .do-images {
display: block;
}
.do-detail.poi h1,
.do-detail.event h1,
.do-detail.contact h1 {
margin-bottom: 1.5rem;
}
.do-detail.poi .do-images .img-container,
.do-detail.event .do-images .img-container,
.do-detail.contact .do-images .img-container {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
margin-bottom: 3rem;
grid-gap: 1.5%;
}
.do-images a div.image {
background-size: cover;
background-position: center;
padding: 25%;
}
.do-detail.poi .do-images a div.image,
.do-detail.event .do-images a div.image,
.do-detail.contact .do-images a div.image {
padding: 50%;
}
.contact .do-images a div.image {
padding: 50%;
}
.do-images a:first-of-type {
grid-column: span 2;
}
.do-images .do-longdesc iframe {
width: 100%;
}
.do-detail.poi .do-images a:first-of-type,
.do-detail.event .do-images a:first-of-type,
.do-detail.contact .do-images a:first-of-type {
grid-column: span 6;
}
.do-detail .do-images a:first-of-type div.image {
padding: 33%;
}
.do-tags {
margin-bottom: 2rem;
}
.do-tags strong {
text-transform: uppercase;
margin-right: .75rem;
}
.do-tags span {
margin: 0 .25rem .25rem 0;
background: #e5e5e5;
padding: .1rem .5rem;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
}
.do-attribute-group {
border-bottom: 1px solid #ccc;
}
.do-attribute-group h3 {
margin: 0;
padding: .5rem 0;
font-size: 1.2rem;
transition: padding .25s;
}
.do-attribute-group h3:hover {
cursor: pointer;
color: #8D9708;
}
.do-attribute-group h3 i {
color: #8D9708;
rotate: 90deg;
font-size: 1rem;
margin-right: .25rem;
}
.do-attribute-group h3.acc-open i {
rotate: -90deg;
}
.do-attribute-content {
display: none;
padding-left: 1rem;
}
.do-attribute-content strong {
margin-top: .5rem;
display: inline-block;
}
.do-attribute-content ul {
margin: 0;
list-style: none;
padding: 0;
}
.do-attribute-content ul:last-of-type {
margin-bottom: 1rem;
}
.contact .do-attribute-contact,
.article .do-attribute-contact {
display: grid;
grid-template-columns: auto 1fr;
grid-column-gap: 1rem;
}
.exhibit .do-attribute-exhibit p,
.publication .do-attribute-publication p {
display: grid;
grid-template-columns: auto 1fr;
grid-column-gap: 1rem;
}
.gdc-list .gdc-attributes.exhibit,
.gdc-list .gdc-attributes.publication {
display: grid;
grid-template-columns: auto 1fr;
grid-column-gap: 1rem;
}
.do-author a {
display: inline;
}
.do-author a::after {
content: ", ";
}
.do-author a:last-child:after {
content: none;
}
#domapMultiNew,
#domapMulti,
#domap {
width: 100%;
padding: 25%;
min-height: 400px;
z-index: 1;
}
.mapboxNull {
opacity: 0 !important;
}
.do-detail.poi > .do-images,
.do-detail.event > .do-images,
.do-detail.contact > .do-images {
display: none;
}
.attribute-wrap > strong{
grid-column: 1 / -1;
}
.attribute-wrap {
display: grid;
grid-template-columns: max-content max-content;
grid-column-gap: 1rem;
margin-bottom: 1rem;
}
@media (max-width: 767px) {
.do-detail.poi .do-intro.half,
.do-detail.event .do-intro.half,
.do-detail.contact .do-intro.half {
grid-template-columns: 1fr;
grid-gap: 1rem;
}
.do-detail.poi .do-intro.half .do-images .img-container,
.do-detail.event .do-intro.half .do-images .img-container,
.do-detail.contact .do-intro.half .do-images .img-container {
display: none;
}
.do-detail.poi > .do-images,
.do-detail.event > .do-images,
.do-detail.contact > .do-images {
display: block;
grid-row-start: 2;
}
.comments-section {
grid-template-columns: 1fr;
}
.user-backend .account {
right: 2.5rem;
}
.backend-menu-switch {
position: absolute;
right: 0;
top: .65rem;
width: 1.75rem;
height: 1.25rem;
display: grid;
grid-template-rows: 2px 2px 2px;
grid-row-gap: .35rem;
}
.backend-menu-switch:hover {
cursor: pointer;
}
.backend-menu-switch:hover .menu-line {
background: #222;
transition: all .25s;
}
.backend-menu-switch.backend-switch-active .menu-line:nth-child(1) {
transform: rotate(45deg);
margin-top: .5rem;
}
.backend-menu-switch.backend-switch-active .menu-line:nth-child(2) {
display: none;
}
.backend-menu-switch.backend-switch-active .menu-line:nth-child(3) {
transform: rotate(-45deg);
}
.backend-menu-switch .menu-line {
width: 100%;
height: 3px;
background: #666;
border-radius: 2px;
}
.user-backend .navigation-bar {
left: auto;
right: -19rem;
transition: right .5s;
z-index: 1000;
}
.user-backend .navigation-bar.backend-menu-visible {
right: 0;
}
.user-backend .navigation-bar.backend-menu-visible + .main::before {
content: "";
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,.25);
z-index: 1;
}
.user-backend .main {
left: auto;
position: absolute;
bottom: auto;
right: auto;
padding: 0 1rem;
width: 100%;
}
}
@media (max-width: 600px) {
.do-detail.poi .do-intro.half,
.do-detail.event .do-intro.half,
.do-detail.service .do-intro.half,
.do-detail.organisation .do-intro.half,
.do-detail.contact .do-intro.half,
.do-detail.gremium .do-intro.half {
grid-template-columns: 1fr;
grid-gap: 1rem;
}
.do-intro.half .do-images {
grid-row-start: 2;
}
.do-contacts {
display: inherit;
}
.do-contacts address {
margin-bottom: 2rem;
}
}
/*-- NEWSLETTER */
.modal.newsletter infosave,
.modal.newsletter info {
display:none;
}
.modal.newsletter .modal-head h4 {
margin: 0;
font-size: 1.1rem;
}
.modal.newsletter .modal-head h4 {
margin: 0;
font-size: 1.1rem;
}
.modal.newsletter .view-content form,
.modal.newsletter .view-content .view-container {
height: 100%;
overflow-y: auto;
font-size: 1.1rem;
}
.newsletter-forms .view-container {
padding: 1rem;
}
.newsletter-forms .view-container input[type="email"] {
border: none;
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .25rem;
width: 100%;
background: #f5f5f5;
font-family: 'Titillium Web', sans-serif;
}
.modal.newsletter .view-content.infosave .message {
margin-top: 2rem;
margin-bottom: 1rem;
text-align: center;
}
.modal.newsletter .view-content.infosave svg {
width: 2rem;
height: 2rem;
display: block;
fill: var(--theme-color-preset-one, #34a665);
margin: 0 auto;
border: .25rem solid #b9ddc8;
border-radius: 2rem;
}
.modal.newsletter {
z-index:1;
}
.switch-frontend {
position: relative;
display: inline-block;
width: 50px;
height: 30px;
}
.switch-frontend input {
opacity: 0;
width: 0;
height: 0;
}
.switch-frontend .slider-frontend {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.switch-frontend .slider-frontend:before {
position: absolute;
content: "";
height: 22px;
width: 22px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider-frontend {
background-color: var(--theme-color-preset-one, #34a665);
}
input:focus + .slider-frontend {
box-shadow: 0 0 1px var(--theme-color-preset-one, #34a665);
}
input:checked + .slider-frontend:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
/* Rounded sliders */
.slider-frontend.round {
border-radius: 30px;
}
.slider-frontend.round:before {
border-radius: 50%;
}
.newsletter-email-input {
width:300px;
}
.newsletter-frontend-form {
width: 100%;
background: #e5e5e5;
border-radius: .5rem;
padding: .75rem 1rem 1rem;
max-width: 500px;
margin: 1rem 0;
}
.newsletter-frontend-form input[type="email"] {
background: #fff;
display: block;
width: 100%;
margin-bottom: 1rem;
}
.newsletter-frontend-form > form > label {
font-size: 1rem;
}
.newsletter-frontend-form > form > label:nth-of-type(1) {
font-weight: bold;
margin-bottom: 1rem;
}
.newsletter-frontend-form > form > label:nth-of-type(2) {
display: block;
margin-bottom: 1rem;
}
.newsletter-frontend-form button {
font-size: 1rem;
background: var(--theme-color-preset-one, #34a665);
color: #fff;
font-weight: bold;
padding: .5rem 1rem;
border: none;
border-radius: 3rem;
display: inline-block;
line-height: 1.5;
margin-right: 1rem;
}
.newsletter-frontend-form button:hover,
.newsletter-frontend-form button:focus {
cursor: pointer;
background-color: #222;
}
.bookmark-print-view {
padding: .5cm;
}
.bookmarks-print-header {
display: flex;
justify-content: space-between;
margin: 0 0 1rem;
padding: 0 0 1rem;
border-bottom: 1px solid #ccc;
}
.bookmarks-print-header > h1 {
margin: 0;
font-size: 14pt;
}
.bookmark-print-view .rental-frontend * {
font-size: 12pt !important;
}
.bookmark-print-view .rental-attribute-frontend {
font-size: 10pt !important;
}
.bookmark-print-view .rental-frontend {
grid-template-columns: 1fr 3fr 1fr;
}
.bookmark-print-view .main {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.bookmark-print-view .main .image-copyright {
display: none;
}
.bookmark-print-view .rental-attribut-ok svg {
fill: var(--theme-color-preset-one,--color-green);
height: .7rem;
width: 1.25rem;
}
@media print {
@page {
margin: 1.5cm;
}
.user-backend .main {
padding: 0;
}
.header,
.navigation-bar,
.report-table th:last-of-type,
.report-table td:last-of-type {
display: none;
}
.report-table,
.report-table td select {
font-size: 9pt;
box-shadow: none;
}
.report-table th,
.report-table td {
border-bottom: 1px solid #ccc;
}
table {
page-break-inside: auto;
}
tr {
page-break-inside: avoid;
page-break-after: auto;
}
.user-backend .main {
position: relative;
left: 0;
top: 0;
padding: 0;
}
.grid-search {
display: none;
}
.grid-context-rental {
display: block !important;
}
.rental-booking-form .modal-box,
.rental-bookmarks .modal-box,
.modal.rental-booking-form form .modal-reference,
.modal.rental-bookmarks .modal-reference {
height: auto;
width: 100%;
position: relative;
}
.modal-close,
.rental-booking-form .modal-footer,
.rental-bookmarks .modal-footer {
display: none;
}
body.modal-open {
overflow: visible;
}
.bookmarks-print-header {
display: none;
}
}
.lb-data .lb-copyright {
font-size: 13px;
font-weight: normal;
line-height: 1em;
display:block;
}
.lb-data .lb-copyright::before {
content: "\A9";
line-height: 1em;
vertical-align: middle;
font-size: 1rem;
margin-right: 3px;
}
.report-table tr > td > .modal-btn.add {
right: 5rem;
}
/*----------------------------------------------------
Sortable
----------------------------------------------------- */
/* background placeholder */
.sortable-contact .ui-state-highlight {
border: 0px;
border-bottom: 1px solid black;
background-color: var(--color-white)
}
/* move line as grid with count TD*/
.sortable-contact .ui-sortable-helper {
background: var(--color-white) none repeat scroll 0% 0%;
position: absolute;
display: grid;
grid-template-columns: repeat(var(--countSortTD), auto);
height: 3rem !important;
}
.sortable-contact.table-contact-dc-govChairman .ui-sortable-helper,
.sortable-contact.table-contact-dc-govViceChairman .ui-sortable-helper,
.sortable-contact.table-contact-dc-members .ui-sortable-helper {
display: inline-block;
}
/* move line as block */
.sortable .ui-sortable-helper {
display: block;
background-color: #0c8652 !important;
}
.sortable, #sortable {
list-style-type: none;
margin: 0; padding: 0;
}
.sortable li, #sortable li {
margin: 0 3px 3px 3px;
margin: 0 0 0.5rem;
padding: 0.5rem;
text-align: left;
color: black;
box-shadow: 0 0 1rem rgba(0,0,0,.2);
background: var(--color-white);
}
.sortable li:hover, #sortable li:hover {
color: var(--color-white);
background: var(--color-green);
cursor: pointer;
}
#sortable li span {
position: absolute;
margin-left: -1.3em;
}
.sort-container-footer {
padding: 1rem 0;
border-top: 4px solid #f6f6f6;
margin-top:1rem;
margin-bottom:4rem;
}
.sortHeader {
padding-bottom: 1rem;
padding-top: 1rem;
display:table;
width:100%;
}
.sortHeader > div:nth-child(2) {
width:15rem;
text-align: right !important;
}
.sortHeader > .modal-footer {
display:table-cell !important;
text-align: right !important;
}
.sortable svg {
fill: #777;
display: inline-block;
width: 1rem;
height: 1rem;
vertical-align: sub;
margin-right:.5rem;
}
.sortable li:hover svg {
fill: var(--color-white);
}
.sort-object {
right: 110px !important;
}
.infotext-sort {
color: var(--theme-color-preset-one, #000);
}
.sortable li:hover,
.ui-sortable-handle {
cursor: move; /* fallback if grab cursor is unsupported */
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.sortable .ui-sortable-handle.ui-sortable-helper,
.ui-sortable-handle.ui-sortable-helper {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
/*----------------------------------------------------
Map Search Box
----------------------------------------------------- */
.show-map {
position: relative;
overflow: hidden;
z-index: 1;
}
.map-filter {
position: absolute;
left: 0;
top: 0;
bottom: 0;
z-index: 1001;
z-index: 2;
background: rgba(255,255,255,.8);
font-size: .9rem;
box-shadow: 0 0 1rem rgba(0,0,0,.5);
overflow-y: auto;
}
.toggleclass {
width:310px;
}
.map-list-search .grid-container-categories {
display: block;
}
/* plus minus */
.leaflet-control-zoom.leaflet-bar.leaflet-control {
left: 80px;
}
.toggleclassControl {
left: 330px !important;
}
.map-search-box {
border: 0px solid #ccc;
padding: .5rem 1rem;
margin-bottom: 0rem;
}
.rental-search-cancel,
.rental-search-search,
.rental-search,
.map-search-cancel,
.map-search-search,
.map-search,
.bookmarks-print-header > button {
margin-bottom: 0rem;
padding: .3rem .5rem;
font-size: .9rem;
background: var(--theme-color-preset-one, #34a665);
border: none;
border-radius: .25rem;
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin-right:.1rem;
margin-left:.1rem;
}
.rental-search-cancel,
.rental-search-search,
.rental-search {
font-size: .9rem;
}
.rental-search-cancel,
.map-search-cancel {
background: #777;
}
.rental-search-search,
.map-search-search {
background: var(--theme-color-preset-one, #34a665);
}
.rental-search-cancel {
width: 100%;
}
.rental-search:hover,
.rental-search-cancel:hover,
.rental-search-search:hover,
.map-search-cancel:hover,
.map-search-search:hover,
.bookmarks-print-header > button:hover {
cursor: pointer;
background: #222;
color: #fff;
}
.search-box label {
vertical-align:top;
}
.map-list-search > div {
margin-bottom:1rem;
}
.map-list-search h4 {
margin-top:1rem;
margin-bottom:0rem;
}
.map-list-search input {
border:2px solid #999;
padding:.5rem;
border-radius: 3px;
font-size:1rem;
}
.map-list-search input:hover {
cursor:pointer;
border:2px solid #666;
}
.map-search-hidden {
display:none;
}
.grid-container-categories {
display:inline-grid;
grid-template-columns: auto auto auto auto;
}
.grid-container-categories .grid-item {
padding-right: 2rem;
}
.map-list-search.grid-container-categories input[type="checkbox"] {
/* height:1.4rem;
width:1.4rem;*/
cursor:pointer;
}
.grid-container-categories input[type="checkbox"]:checked {
background: var(--theme-color-preset-one, #34a665);
}
.searchResult {
margin-bottom: 1rem;
}
.cat-child {margin-left:1rem;}
.cat-children {margin-left:2rem;}
.cat-lastchildren {margin-left:3rem;}
@media (max-width: 1200px) {
.grid-container-categories {
display:inline-grid;
grid-template-columns: auto auto auto;
}
}
@media (max-width:900px) {
.grid-container-categories {
display:inline-grid;
grid-template-columns: auto auto;
}
#gdc-list-search > div:nth-child(1) {
width:100%;
}
}
@media (max-width:600px) {
.grid-container-categories {
display:inline-grid;
grid-template-columns: auto;
}
}
/*----------------------------------------------------
GDC - Rental Frontende
----------------------------------------------------- */
.container-pages-rental {
margin-left:340px;
}
.grid-search-hidden {
display:none;
}
.grid-context-rental {
width:100%;
display:inline-grid ;
grid-template-columns: 340px auto;
margin-right:2rem;
}
.grid-context-rental.startSearch {
display:block ;
}
.grid-search {
margin-right:2rem;
}
.rental-search-box {
background: var(--theme-color-preset-one, #34a665);
background: #fff;
box-shadow: 0 0 3rem -1rem rgba(0,0,0,.25), 0 0 1rem -.75rem;
border-radius: .5rem;
margin-bottom: 1rem;
}
.rental-search-box label {
font-size: .9rem;
}
.search-dates-no div {
display:inline-grid ;
grid-template-columns: auto auto;
}
.search-dates-no div:nth-child(1) {
margin-right:2rem;
}
.rental-filter-head .search-rooms input,
.rental-filter-head .search-dates input {
width:100%;
border: none;
border-radius: 3px;
font-family: 'Titillium Web',sans-serif;
font-size:1rem;
background: #e5e5e5;
padding: .75rem .65rem;
transition: all .25s;
}
.rental-filter-head {
padding: .5rem 1rem;
border-bottom: 1px solid #d9d9d9;
}
.rental-filter-group {
padding: 0;
border-bottom: 1px solid #d9d9d9;
}
.rental-filter-group .rental-search-title {
margin: 0;
padding: .5rem 1rem;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
}
.rental-filter-group .rental-search-title.filter-visible > i {
transform: rotateX(180deg);
}
.rental-filter-group .rental-search-title:hover,
.rental-filter-group .rental-search-title:focus {
cursor: pointer;
color: var(--theme-color-preset-one);
}
.search-attribute-box .rental-filter-group .grid-container-categories {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: .25rem;
padding: .5rem 1rem;
border: none;
display: none;
}
.search-attribute-box .rental-filter-group .grid-container-categories .grid-item {
align-items: center;
display: flex;
padding: 0;
}
.search-attribute-box .rental-filter-group .grid-container-categories input[type="checkbox"] {
height: 1rem;
width: 1rem;
margin: 0 .25rem 0 0;
}
.search-rooms input {
width:100%;
}
.start-rental-search {
width: 100%;
margin-top: 1rem;
margin-bottom: .5rem;
padding: .75rem;
font-size: 1rem;
}
.rental-filter-no {
display: grid;
grid-template-columns: auto auto auto;
}
.rental-filter-box {
border: 1px solid #ccc;
border-radius: .2rem;
}
.search-attribute-box .grid-container-categories,
.rental-filter-list {
border-bottom: 1px solid #ccc;
padding: .5rem 1rem;
font-size:0.9rem;
}
.grid-context-rental .grid-item input[type='number'],
.grid-context-rental .grid-item input[type='text'] {
height:1.5rem;
width: 70%;
padding:0px 0px 0px 10px;
font-size:0.9rem;
margin-left:2rem;
}
.grid-context-rental .grid-item input[type='number'] {
width: 5rem;
}
.grid-context-rental .gdc-object {
box-shadow: 0 0 3rem -1rem rgba(0,0,0,.25), 0 0 1rem -.75rem;
background: #fff;
border-radius: .5rem;
padding: 0;
margin: 0 0 1rem;
grid-template-columns: 1fr 3fr;
row-gap: 0;
}
.grid-context-rental .gdc-image,
.grid-context-rental .gdc-image a,
.grid-context-rental .gdc-image a .gdc-image-container,
.grid-context-rental .gdc-image a .gdc-image-placeholder,
.rental-to-poi .rental-frontend .griditem .do-images {
height: 100%;
display: block;
padding: 0;
border-radius: .5rem 0 0 .5rem;
min-height: 10rem;
border: 1px solid white;
margin: 0;
}
.rental-to-poi .rental-frontend .griditem .do-images .img-container {
margin: 0;
}
.grid-context-rental .gdc-object .gdc-content {
padding: 1rem 1rem 1rem .5rem;
}
.rental-frontend {
position: relative;
display: grid;
grid-template-columns: 20% auto 20%;
background-color: #ffffff;
border-radius: .5rem;
box-shadow: 0 0 3rem -1rem rgba(0,0,0,.25), 0 0 1rem -.75rem;
padding: 0;
margin-bottom: 1rem;
grid-column-gap: 1.5rem;
}
.rental-frontend .griditem:nth-child(2) {
padding: 1rem 0;
}
.rental-frontend h3 {
margin: 0;
font-weight: bold;
}
.rental-frontend div.griditem:nth-child(1) {
/* background-color: #e4e4e4;*/
height: 100%;
/* margin-right:1rem;*/
padding: 1rem 0 1rem 1rem;
}
.rental-attribute-frontend {
border: 0px;
display: flex;
flex-wrap: wrap;
}
.rental-attribut-ok svg {
fill:var(--theme-color-preset-one,--color-green);
height: .9rem;
width: 2rem;
}
.rental-frontend-inaktiv .do-intro-content > div {
margin: 1rem 0rem 1rem 0rem !important;
}
.do-bookingurl {
margin: 1rem 0;
}
.do-bookingurl span {
font-weight:bold;
}
.do-bookingurl a {
font-weight:normal;
}
.do-tags-rental {
margin: 1rem 0rem 0rem 0rem !important;
}
.gdc-rental-price,
.do-rental-price {
font-weight:bold;
color: var(--theme-color-preset-one,--color-green);
}
.do-rental-price {
text-align: right;
font-size: 1.35em;
padding: 1rem;
}
.gdc-rental-gotoPoi {
margin: 1rem 0rem;
}
.gdc-rental-gotoPoi a::before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-size: 1.1rem;
position: relative;
bottom: -1px;
padding-right: .5rem;
}
.gdc-rental-gotoPoi a {
background: #ccc;
padding: .5rem 1rem;
background: var(--theme-color-preset-one, #34a665);
border: none;
border-radius: .25rem;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.searchinfotext {
background: white;
border-radius: .5rem;
box-shadow: 0 0 3rem -1rem rgba(0,0,0,.25), 0 0 1rem -.75rem;
padding: 1rem;
text-align: center;
margin-bottom: 1rem;
}
.searchinfotext * {
margin: 0;
padding: 0;
}
.do-intro-content h3 {
margin: 1rem 0 .5rem 0;
}
.do-intro-content h3 {
margin: 1rem 0 .5rem 0;
}
.rental-frontend .do-shortdesc {
font-size: 1.2rem;
margin-bottom: 1rem;
}
.rental-frontend .do-longdesc {
font-size: 1rem;
}
.do-intro-content .rentals-check {
display: block;
}
.do-intro-content .rentals-check svg {
width: .9rem;
height: .9rem;
fill: var(--theme-color-preset-one);
margin-right: .35rem;
display: inline-block;
}
.do-intro-content .rentals-check + ul:empty {
display: none;
}
/* RENTAL BOOKING FORM ---------------------------------------- */
.rental-booking-form .modal-box,
.rental-bookmarks .modal-box {
width: 90vw;
max-width: 600px;
height: 90vh;
}
.rental-bookmarks .modal-box {
max-width: 1000px;
}
.rental-booking-form form {
height: 100%;
}
.rental-booking-form form textarea {
min-height: 5rem;
}
.rental-booking-form .modal-footer,
.rental-bookmarks .modal-footer {
position: absolute;
bottom: 0;
}
.rental-booking-form .modal-box .modal-content,
.rental-bookmarks .modal-box .modal-content {
height: 100%;
padding: 0 0 6.5rem 0;
}
.rental-booking-form .modal-box .modal-content h4,
.rental-bookmarks .modal-box .modal-content h4 {
padding: 1rem 1rem 0;
}
.modal.rental-booking-form form .modal-reference,
.modal.rental-bookmarks .modal-reference {
padding: 1rem 1rem 2rem;
height: calc(100% - 2.65rem);
overflow-y: auto;
position: relative;
overflow-x: hidden;
}
.rental-booking-link,
.rental-booking-bookmark,
.rental-booking-bookmark-delete {
background: var(--theme-color-preset-one);
color: #fff;
padding: .5rem 1rem;
border-radius: .25rem;
display: inline-block;
border: none;
font-size: 1rem;
margin-right: .5rem;
}
.rental-booking-link {
margin-bottom: .5rem;
}
.rental-booking-bookmark {
background: #444;
margin-right: 0;
}
.rental-booking-bookmark-delete {
display: none;
margin-right: 0;
background: none;
color: #b00505;
font-weight: bold;
}
.modal.rental-bookmarks .rental-booking-bookmark-delete {
display: block;
}
.my-bookmarks {
background: var(--theme-color-preset-one);
color: #fff;
padding: .5rem 1rem;
border-radius: .25rem;
display: inline-block;
border: none;
font-size: 1rem;
line-height: normal;
float: right;
margin: 0 0 1rem;
}
.my-bookmarks:hover,
.my-bookmarks:focus {
background: #222;
cursor: pointer;
}
.my-bookmarks:hover span,
.my-bookmarks:focus span {
color: #222;
}
.my-bookmarks span {
background: white;
color: var(--theme-color-preset-one);
font-size: .95rem;
font-weight: bold;
width: 1.25rem;
height: 1.25rem;
display: inline-block;
vertical-align: baseline;
text-align: center;
line-height: 1.25;
border-radius: 1.25rem;
margin-left: .25rem;
}
.bookmark-image,
.bookmark-image .img-container {
height: 100%;
}
.bookmark-image .image {
height: 100%;
padding: 0;
background-size: cover;
background-position: center;
min-height: 100px;
}
.modal.rental-bookmarks .modal-content > h4 span {
background: var(--theme-color-preset-one);
color: #fff;
font-weight: bold;
width: 1.5rem;
height: 1.5rem;
display: inline-block;
vertical-align: baseline;
text-align: center;
line-height: 1.5rem;
border-radius: 1.5rem;
margin-left: .25rem;
font-size: 1rem;
position: relative;
top: -.15rem;
}
.my-bookmarks span:empty {
display: none;
}
.rental-headline {
display: inline-block;
margin: .25rem 0 1rem;
}
.rental-headline * {
margin: 0;
}
.rental-booking-bookmark-delete:hover,
.rental-booking-bookmark-delete:focus {
cursor: pointer;
background: none;
text-decoration: underline;
}
.rental-booking-link:hover,
.rental-booking-link:focus,
.rental-booking-bookmark:hover,
.rental-booking-bookmark:focus {
background: #222;
cursor: pointer;
}
.rental-booking-form form label,
.rental-booking-form form input,
.rental-booking-form form textarea {
width: 100%;
background: white;
}
.rental-booking-form form label {
font-family: inherit;
font-weight: bold;
font-size: .9rem;
position: relative;
left: .4rem;
bottom: -.8rem;
background: #fff;
padding: 0 3px;
}
.rental-booking-form form input,
.rental-booking-form form textarea {
padding: .5rem;
font-family: inherit;
border: 1px solid;
border-radius: 3px;
margin-bottom: -1rem;
}
.rental-booking-form form input[name="policy"] {
width: auto;
margin-left: -1.1rem;
}
.rental-booking-form form label.policy-check {
width: 100%;
display: inline-block;
background: none;
left: auto;
bottom: auto;
padding: 0 0 0 1.1rem;
margin-top: 2rem;
line-height: 1.3;
}
.rental-booking-form form label.policy-check a {
font-weight: bold;
}
.rental-booking-form h5 {
text-align: center;
font-weight: normal;
margin: 2rem 0 -1rem;
}
.rental-booking-form h5:first-child {
margin: 1rem 0 .5rem 0;
}
.modal.rental-booking-form form .room-title {
display: block;
line-height: 1.3;
}
.modal.rental-booking-form form .room-desc {
font-size: 1rem;
font-weight: normal;
display: block;
}
.modal.rental-booking-form form .room-price {
color: var(--theme-color-preset-one);
line-height: 1.3;
}
.modal.rental-booking-form form .room-image {
width: 100%;
height: 30vw;
max-height: 200px;
background-size: cover;
margin: 0 0 .5rem;
}
.modal.rental-booking-form form .room-selection-wrap {
background: #e5e5e5;
padding: 1rem;
border-radius: .25rem;
}
.modal.rental-booking-form form .room-selection {
display: grid;
grid-template-columns: 3fr auto;
grid-column-gap: 1rem;
}
.modal.rental-booking-form form .rental-grid-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: .5rem;
}
.modal.rental-booking-form form .rental-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: .5rem;
}
.modal.rental-booking-form form .rental-grid-3-1 {
display: grid;
grid-template-columns: 3fr 1fr;
grid-column-gap: .5rem;
}
.modal.rental-booking-form form .rental-grid-1-3 {
display: grid;
grid-template-columns: 1fr 3fr;
grid-column-gap: .5rem;
}
.modal-reference.request-succeeded h5 {
color: #039543;
}
.modal-reference.request-failed h5 {
color: #c10125;
}
@media (max-width: 500px) {
.modal.rental-booking-form form .room-selection {
display: block;
}
}
/* END - RENTAL BOOKING FORM ----------------------------------- */
@media (max-width:650px) {
.grid-context-rental {
display: block;
}
.grid-search {
margin-right:0rem;
}
.grid-context-rental .rental-filter{
margin-bottom:.5rem;
}
/* .grid-context-rental .rental-search-cancel,
.grid-context-rental .rental-search-search,
.grid-context-rental .rental-filter-box {
display: none;
} */
.rental-frontend {
display:block ;
}
.rental-frontend div.griditem {
padding: 1rem 1rem 0 1rem !important;
}
.rental-frontend div.griditem-no {
padding: 0 1rem 1rem 1rem !important;
}
.grid-context-rental .grid-item input[type='number']{
margin-left:.2rem;
width: 3rem;
}
.rental-frontend h3 {
font-size: 1.5rem;
}
}
/*----------------------------------------------------
Event Form Frontende
----------------------------------------------------- */
.data-container-eventforms {
font-size:1rem;
}
.data-container-eventforms .groupEvent,
.data-container-eventforms .defaultDuration{
display:none;
}
.data-container-eventforms h3 {
padding-top:1rem;
}
.data-container-eventforms h4,
.data-container-eventforms .div-data-container-header {
font-size:1rem !important;
font-weight: 500;
padding-top:.5rem;
}
.data-container-eventforms span[id="set-poi-to-event-organizerPoi"],
.data-container-eventforms span[class="del-poi-to-event-organizerPoi icon-minus"],
.data-container-eventforms label[id="label_organizerPoi-name"],
.data-container-eventforms label[id="label_organizerInfo"],
.data-container-eventforms input[id="organizerPoi-name"],
.data-container-eventforms span[id="set-poi-to-event-locationPoi"],
.data-container-eventforms span[class="del-poi-to-event-locationPoi icon-minus"],
.data-container-eventforms label[id="label_locationPoi-name"],
.data-container-eventforms label[id="label_locationInfo"],
.data-container-eventforms input[id="locationPoi-name"],
.data-container-eventforms .table-dates-dc th:nth-child(4),
.data-container-eventforms .table-dates-dc th:nth-child(5),
.data-container-eventforms .table-dates-dc th:nth-child(6),
.data-container-eventforms .table-dates-dc th:nth-child(7),
.data-container-eventforms .table-dates-dc td:nth-child(4),
.data-container-eventforms .table-dates-dc td:nth-child(5),
.data-container-eventforms .table-dates-dc td:nth-child(6),
.data-container-eventforms .table-dates-dc td:nth-child(7),
.data-container-eventforms a[href="#TERMINE"]
{
display:none;
}
.data-container-eventforms .data-container-header {
margin:0;
margin-top:1rem;
font-size:1rem;
}
.data-container-eventforms .data-container-header,
.data-container-eventforms .div-data-container-header {
width:100%
}
.data-container-eventforms .icon-minus,
.data-container-eventforms .icon-plus {
padding: .34rem;
}
.show-event-form #formbib-forms textarea,
.show-event-form #formbib-forms input[type="text"],
.show-event-form #formbib-forms input[type="email"]{
width:100%;
max-width:100%;
}
.data-container-eventforms .parent-categorie label {
font-weight: normal;
}
.data-container-eventforms .child-categorie-no {
display: grid;
grid-template-columns: auto auto auto ;
}
.data-container-eventforms h3 {
margin-top:1.5rem;
}
.show-event-form .icon-plus svg,
.show-event-form .icon-minus svg {
padding-left: .1rem;
}
.data-protection {
margin-top:2rem;
}
@media (max-width: 630px) {
.eventform-basic .details-button {
margin:0;
}
.eventform-basic .table-dates-dc th {
display: inline-table;
}
.eventform-basic .table-dates-dc th.thdate {
margin-right:1rem;
}
.eventform-basic .table-dates-dc td {
display: block;
border:0;
width:100%;
}
.eventform-basic .table-dates-dc tr td:last-child {
border-bottom: 1px solid #ccc;
}
.eventform-basic input {
max-width:45%;
}
}
/*----------------------------------------------------
CSS Search
----------------------------------------------------- */
.search .search-text {
font-size: 0.8rem;
margin-bottom:0rem;
}
.col-12 p {
margin-left:1rem;
}
.col-12 p.search-result-title {
margin-left:0rem;
}
.too-much-search-result {
color: red;
}
/*----------------------------------------------------
User Management
----------------------------------------------------- */
.user-management-form {
margin-top: 1rem;
}
.user-management-form input {
width: 100%;
border: 1px solid #ccc;
}
.user-management-options {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 4rem;
margin-top: 4rem;
}
.user-management-form .user-management-basedata {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 2rem;
row-gap: 1rem;
align-items: center;
margin-top: 4rem;
}
.user-management-basedata label {
font-weight: bold;
text-transform: uppercase;
}
.user-management-optionsdata {
display: grid;
grid-template-columns: repeat(2, auto);
grid-gap: .5rem;
grid-auto-rows: min-content;
}
#unit-template .user-management-optionsdata {
grid-template-columns: repeat(3, auto);
margin-top: 1.5rem;
}
.user-management-basedata .heading,
.user-management-optionsdata .heading {
grid-column: 1 / -1;
margin-bottom: 1rem;
}
.user-management-basedata .heading {
display: grid;
grid-template-columns: auto max-content;
}
.user-management-basedata .heading h3,
.user-management-optionsdata .heading h3 {
margin-bottom: .5rem;
}
.user-management-optionsdata label {
display: grid;
grid-template-columns: max-content auto;
align-items: flex-start;
background: white;
padding: .5rem .5rem;
box-shadow: 0 0 .75rem rgba(0,0,0,.2);
border-radius: 5px;
line-height: 1.3;
grid-gap: .35rem;
}
.user-management-optionsdata label:hover {
cursor: pointer;
background: var(--theme-color-preset-one, #34a665);
color: #fff;
}
.user-management-optionsdata input[type="checkbox"] {
margin: 2px 0 0 0 !important;
}
/*----------------------------------------------------
GDC Search Box
----------------------------------------------------- */
.gdc-filter {
font-size:1rem;
}
.gdc-button-filter button {
margin-right:.5rem;
}
.search-box {
border: 1px solid #ccc;
padding: .5rem 1rem;
margin-bottom: 2rem;
}
#gdc-list-search > div:nth-child(1) input {
width:100%;
}
#gdc-list-search p {
margin:0 0 0.5rem 0;
}
/* #gdc-list-search > div:nth-child(1) {
width:70%;
float:left;
}
#gdc-list-search > div:nth-child(2) {
float:right;
} */
.search-categorie-box {
clear:both;
}
.search-box-p {
margin-bottom:.5rem;
}
.gdc-search-cancel,
.gdc-search-search,
.gdc-search {
margin-bottom: 0rem;
padding: .3rem .5rem;
font-size: .9rem;
background: var(--theme-color-preset-one, #34a665);
border: none;
border-radius: .25rem;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.gdc-search-button {
margin-left:-0.2rem;
border-radius: 0rem .25rem .25rem 0rem;
border: 2px solid #999;
padding: .29rem .6rem ;
font-size: 1rem;
}
.gdc-search-button i { opacity: .5;}
.gdc-search-cancel {
background: #777;
}
.gdc-search-search {
background: var(--theme-color-preset-one, #34a665);
}
.gdc-search-cancel:hover,
.gdc-search-search:hover {
cursor: pointer;
background: #222;
color: #fff;
}
.search-box label {
vertical-align:top;
}
.search-box select {
cursor: pointer;
border: 2px solid #e4e4e4;
border-radius: 5px;
transition: all .25s;
padding: .3rem;
font-size:1rem;
background-color: var(--color-white);
}
.search-box option {
display:block;
}
#gdc-list-search > div {
margin-bottom:1rem;
}
#gdc-list-search h4 {
margin-top:1rem;
}
#gdc-list-search input[type="date"],
#gdc-list-search input[type="text"] {
height:2.3rem;
}
#gdc-list-search input {
border:2px solid #999;
padding:.5rem;
border-radius: 3px;
font-size:1rem;
}
/*
#gdc-list-search input:hover {
border:2px solid #666;
}*/
#gdc-list-search input[type="text"] {
width: 300px ;
max-width:90%;
}
.gdc-search-hidden {
display:none;
}
.grid-container-categories {
display:grid;
grid-template-columns:repeat(3,max-content);
}
#gdc-list-search .grid-container-categories .grid-item input {
margin-left: 0rem;
}
.grid-container-categories input[type="checkbox"] {
height:1.4rem;
width:1.4rem;
cursor:pointer;
}
.grid-container-categories input[type="checkbox"]:checked {
background: var(--theme-color-preset-one, #34a665);
}
@media (max-width: 1200px) {
.grid-container-categories {
display:inline-grid;
grid-template-columns: auto auto auto;
}
#gdc-list-search > div:nth-child(1) {
width:60%;
}
}
@media (max-width:900px) {
.grid-container-categories {
display:inline-grid;
grid-template-columns: auto auto;
}
#gdc-list-search > div:nth-child(1) {
width:100%;
}
#gdc-list-search > div:nth-child(1),
#gdc-list-search > div:nth-child(2) {
float:none;
}
}
@media (max-width:600px) {
.grid-container-categories {
display:inline-grid;
grid-template-columns: auto;
}
}
.thdate {
cursor: pointer;
}
/*----------------------------------------------------
GDC Single Object Frontend
----------------------------------------------------- */
.do-intro .do-images:empty,
.do-intor .do-intro-content:empty {
display: none;
}
.do-intro .do-images:empty + .do-intro-content {
margin-bottom: 2rem;
grid-column: 1 / -1;
}
.gdcsingle > i.nav-arrow {
font-size: 1rem !important;
}
.gdcsingle > span {
font-weight:bold;
}
.gdcsingle {
margin-bottom: 2rem;
border-top: 1px dashed #111;
border-bottom: 1px dashed #111;
padding-top: 1rem;
padding-bottom: 1rem;
position: relative;
}
.do-intro-single .do-images {
margin-bottom:1rem;
}
.no-single-gdcobject {
font-size:2rem;
color:red;
}
.gdc-contact-box-single {
border-bottom: 0;
padding-bottom: 0rem;
}
.do-detail.single .do-intro.half {
grid-template-columns: 1fr 1fr;
}
/*----------------------------------------------------
GDC Attribute Frontend
----------------------------------------------------- */
.gdc-compact-attribut {
margin:0;
padding:0;
}
.gdc-compact-attribut li::before {
content:" " !important;
line-height: 1.5;
}
.gdc-compact-attribut li {
padding: 0 !important;
}
/*----------------------------------------------------
APP Configuration
----------------------------------------------------- */
.app-small-form {
margin: 2rem 0;
}
.small-form input[type="text"],
.small-form input[type="password"],
.small-form input[type="email"],
.small-form input[type="date"],
.small-form input[type="time"],
.small-form input[type="url"],
.small-form textarea,
.small-form select {
border: none;
padding: .5rem .75rem;
font-size: 1rem;
border-radius: .25rem;
width: 100%;
margin-bottom: 1rem;
font-family: 'Titillium Web', sans-serif;
background-color: white;
}
.small-form input[type="date"],
.small-form input[type="time"] {
width: auto;
margin-right: 1rem;
}
.small-form fieldset {
border: none;
padding: 0;
margin: 0;
}
.small-form label {
text-transform: uppercase !important;
font-weight: bold;
font-size: .9rem;
color: #666;
width: 100%;
display: inline-block;
}
h3.app {
margin-bottom: 1rem;
margin-top: 2rem;
}
.app-small-form .cancel,
.app-small-form .draft {
margin-right:.5rem;
}
.frage {
background-color:#edcbcb;
}
.app-small-form .cancel:hover,
.app-small-form .draft:hover {
cursor: pointer;
background: #222;
color: #fff;
}
/*----------------------------------------------------
OTB Backend Report
----------------------------------------------------- */
.cal-legend {
position: absolute;
right: 0;
top: .5rem;
top:3.5rem;
font-weight: bold;
}
.cal-legend span {
padding-right:1rem;
}
/* Border right */
.otb_bg_status_InProgress .fc-list-event-time,
.fc-daygrid-event-harness .otb_bg_status_InProgress {
border-left: 2px solid white;
}
.otb_bg_status_InProgress {
padding-left: 0.5rem !important;
}
#otb-calendar .otb_bg_status_InProgress .fc-list-event-time::before {
content: "";
width: 3px;
height: 100%;
background: white;
display: block;
position: absolute;
left: 0;
top: 0;
}
.otb_bg_status_Closed .fc-list-event-time,
.fc-daygrid-event-harness .otb_bg_status_Closed {
border-left: 2px solid rgb(3, 140, 3);
}
.otb_bg_status_Closed {
padding-left: 0.5rem !important;
}
#otb-calendar .otb_bg_status_Closed .fc-list-event-time::before {
content: "";
width: 3px;
height: 100%;
background: rgb(3, 140, 3);
display: block;
position: absolute;
left: 0;
top: 0;
}
.otb_bg_status_WaitingForConfirmation .fc-list-event-time,
.fc-daygrid-event-harness .otb_bg_status_WaitingForConfirmation {
border-left: 2px solid #8730a6;
}
.otb_bg_status_WaitingForConfirmation {
padding-left: 0.5rem !important;
}
#otb-calendar .otb_bg_status_WaitingForConfirmation .fc-list-event-time::before {
content: "";
width: 3px;
height: 100%;
background: #8730a6;
display: block;
position: absolute;
left: 0;
top: 0;
}
.otb_bg_status_Deleted .fc-list-event-time,
.fc-daygrid-event-harness .otb_bg_status_Deleted {
border-left: 2px solid #888;
}
.otb_bg_status_Deleted {
padding-left: 0.5rem !important;
}
#otb-calendar .otb_bg_status_Deleted .fc-list-event-time::before {
content: "";
width: 3px;
height: 100%;
background: #888;
display: block;
position: absolute;
left: 0;
top: 0;
}
.otb_bg_status_noShow .fc-list-event-time,
.fc-daygrid-event-harness .otb_bg_status_noShow {
border-left: 2px solid #bd1d1d;
}
.otb_bg_status_noShow {
padding-left: 0.5rem !important;
}
#otb-calendar .otb_bg_status_noShow .fc-list-event-time::before {
content: "";
width: 3px;
height: 100%;
background: #bd1d1d;
display: block;
position: absolute;
left: 0;
top: 0;
}
/* #otb-calendar .otb_bg_status_InProgres *,
.otb_bg_status_InProgress {
background-color:rgba(60,179,113,0.2) !important;
} */
#otb-calendar .otb_bg_status_WaitingForConfirmation .fc-list-event-time,
#otb-calendar .otb_bg_status_WaitingForConfirmation a,
#otb-calendar .otb_bg_status_WaitingForConfirmation,
.cal-legend .otb_bg_status_WaitingForConfirmation {
/* background-color:rgb(255,247,0,.4) !important; */
color:#8730a6 !important;
}
/* #otb-calendar .otb_bg_status_Deleted *,
.otb_bg_status_Deleted {
background-color:#aab8c7 !important;
} */
#otb-calendar .otb_bg_status_Deleted .fc-list-event-time,
#otb-calendar .otb_bg_status_Deleted a,
#otb-calendar .otb_bg_status_Deleted,
.cal-legend .otb_bg_status_Deleted {
color:#888 !important;
font-style: italic;
}
#otb-calendar .otb_bg_status_Closed .fc-list-event-time,
#otb-calendar .otb_bg_status_Closed a,
#otb-calendar .otb_bg_status_Closed,
.cal-legend .otb_bg_status_Closed {
/* background-color:rgba(60,179,113,0.7) !important; */
color: rgb(3, 140, 3) !important;
}
#otb-calendar .otb_bg_status_noShow .fc-list-event-time,
#otb-calendar .otb_bg_status_noShow a,
#otb-calendar .otb_bg_status_noShow,
.cal-legend .otb_bg_status_noShow {
/* background-color:rgba(255,0,0,0.4) !important; */
color: #bd1d1d !important;
}
/* Hintergrundfarbe und Hover Einstellungen */
#otb-calendar a:hover {
text-decoration: underline;
cursor: pointer;
}
#otb-calendar .fc-daygrid-event:hover {
background: none !important;
background: #fff !important;
color: inherit;
}
/* #otb-calendar .fc .fc-daygrid-day.fc-day-today,
#otb-calendar .fc-list-event.fc-event-today {
background: none !important;
} */
#otb-calendar .fc-list-event,
#otb-calendar .fc-h-event,
#otb-calendar .fc-daygrid-event {
background-color: #fff !important;
}
.report-calendar {
position: absolute;
top: .2rem;
right: 5rem;
}
.modal-btn.reportdelete.deleteButton,
.modal button[type="submit"].close-appointment-absent {
position: absolute;
width: auto;
z-index: 2;
font-size: 1rem;
font-weight: bold;
padding: .5rem 1rem;
border: none;
border-radius: 3rem;
color: #222;
float: left;
letter-spacing: normal !important;
font-family: 'Titillium Web', sans-serif;
display: block;
background: #e5e5e5;
line-height: 1.5;
bottom: 1rem;
}
.modal button[type="submit"].close-appointment-absent {
right: 17rem;
}
.modal-btn.reportdelete.deleteButton {
right: 25rem;
margin-right: 2rem;
box-shadow: 0 0 0rem rgba(0,0,0,.15);
}
.modal-btn.reportdelete.deleteButton:hover {
cursor: pointer;
background: #222;
color: #fff;
}
.otb-color-status {
float:right;
margin-top:2rem;
margin-bottom:1rem;
cursor: pointer;
}
.otb-color-status h5 {
font-size:1.1rem;
}
.otb-color-status table {
display:none;
}
.otb-color-status i.nav-arrow {
color: #222;
padding: 0.5rem;
font-size: 1rem;
transform: rotate(0deg);
font-size: 0;
}
.otb-color-status i.nav-arrow span {
border: solid black;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
vertical-align: middle;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin-top: -0.6rem;
}
.otb-color-status i.nav-arrow.opened span {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.modal-box.new select,
.modal-box.new input {
border: none;
padding: .3rem .3rem;
font-size: .9rem;
border-radius: .25rem;
font-family: 'Titillium Web', sans-serif;
}
.modal-box.new input[type="time"],
.modal-box.new input[type="date"] {
border: 1px solid #777;
margin:0 .5rem;
}
.modal-box.new select {
background-color: white;
}
.modal-box.new input[type="text"],
.modal-box.new input[type="email"] {
width:50%;
}
.modal-box.new input[type="number"] {
width:5rem;
}
.grid-context-rental .gdc-title, .gdc-rental-price {
font-size: 1.2rem;
line-height: 1.4;
}
@media (max-width: 500px) {
.grid-context-rental .gdc-object {
display: block;
}
.grid-context-rental .gdc-image,
.grid-context-rental .gdc-image a,
.grid-context-rental .gdc-image a .gdc-image-container,
.grid-context-rental .gdc-image a .gdc-image-placeholder,
.rental-to-poi .rental-frontend .griditem .do-images {
border-radius: .5rem .5rem 0 0;
}
.grid-context-rental .gdc-object .gdc-content {
padding: 1rem;
}
}