body, .pusher { background: #eee !important; } nav.ui.menu { border-radius: 0 !important; -webkit-box-shadow: 0 2px 4px 0 rgb(34 36 38 / 0.15) !important; box-shadow: 0 2px 4px 0 rgb(34 36 38 / 0.15) !important; } nav.ui.menu > .ui.container {} nav.ui.menu > .ui.container > .item { line-height: 1.5em; padding-left: 0.9em; padding-right: 0.9em; } nav.ui.menu .bars.icon { font-size: 1.6em; } nav.ui.menu .item > .user.icon { font-size: 1.2em; margin-right: 0; } nav.ui.menu .item > .dropdown.icon, #toolbar .ui.menu .item > .dropdown.icon { margin-left: 0.6em; } @media only screen and (max-width: 767px) { nav .ui.dropdown.item { display: none !important; } } @media only screen and (min-width: 768px) { nav.ui.menu .right.menu > a { display: none !important; } } @media only screen and (min-width: 992px) { nav.ui.menu > .ui.container > .item { padding-left: 1.5em; padding-right: 1.5em; } } .field.error p { box-sizing: border-box; border-radius: 5px; background: #FFC629; text-align: center; margin: 0; padding: 0.4em 0.6em; } #toolbar > .ui.container { min-height: 3.4em; margin: 1.2em 0 0; } #toolbar .ui.pointing.dropdown.active.item { background-color: white; } #toolbar .ui.pointing.dropdown.active.item:after { display: block; position: absolute; pointer-events: none; content: ''; visibility: visible; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 0.6em; height: 0.6em; -webkit-box-shadow: 1px 2px 2px 0 rgb(34 36 38 / 15%); box-shadow: 1px 2px 2px 0 rgb(34 36 38 / 15%); background: #fff; bottom: -0.3em; left: 50%; margin: 0 0 0 -0.3em; } #toolbar > .ui.menu > .ui.dropdown > .menu { max-height: 34em; overflow-y: auto; z-index: 100; } #toolbar > .ui.menu > .ui.dropdown > .menu:after { display: none; } #toolbar a.item { padding: 0 0 0 0.5em; font-size: 1.6em; color: #0269D9; } #toolbar .item.right { border: 0 !important; padding-top: 0; padding-bottom: 0; } #toolbar .item > a { color: #0269D9; } #toolbar .item.right > div:last-child { width: 2em; padding: 0; } div.loading { border: 8px solid #f3f3f3; border-top: 8px solid #3498db; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #content { min-height: 15em; } #content h2 { margin: 0; padding: 0.8em 0; font-size: 1.5em; border-bottom: 4px solid #e0e0e0; } #content h2 span { font-weight: 400; } #content h2 span:first-child { font-weight: 600; } #content h2 span.user { float: right; font-size: 0.75em; } #content .later { font-size: 1.5em; text-align: center; padding: 4em 0; color: #6C6C6C; } #content .dataTables_wrapper { margin: 1.5em 0; } #content .ui.table { } #login { display: flex; justify-content: center; align-items: center; height: 100vh; } #login > div { min-width: 26em; max-width: 30em; padding: 1.6em 2em; background: white; box-sizing: border-box; -webkit-box-shadow: 0 2px 4px 0 rgb(34 36 38 / 0.15); box-shadow: 0 2px 4px 0 rgb(34 36 38 / 0.15); } #login h2 { font-size: 1.6rem; } #login .button { text-align: right; } #login .message { box-sizing: border-box; padding: 0.4em 0.8em; border-radius: 5px; border: 1px solid rgba(34, 36, 38, 0.15); } #login .message p { padding: 0.2em 0; margin: 0; } #footer { border-top: 4px solid #e0e0e0; margin-top: 1.5em; padding-top: 1em; padding-bottom: 1em; text-align: right; } #footer span { float: left; } #footer a { margin: 0 0.5em;} #footer a:last-child { margin-right: 0;} .ui.modal .header {} .ui.modal .header h3 { margin-bottom: 0.2em;; } .ui.modal .header p { font-weight: normal; font-size: 0.95em; margin: 0; } .ui.modal .header p + p { font-size: 0.75em; } .ui.modal .fields { padding-bottom: 0.5em; } .ui.modal .fields:last-child { padding-bottom: 0; } .ui.modal .ui.form span, .ui.modal .ui.form .ui.checkbox { margin-right: 1.2em; } .ui.modal .ui.multiple.dropdown .ui.label { display: block; -webkit-box-shadow: none; box-shadow: none; font-weight: normal; line-height: 1em; background: white; opacity: 1; color: black; opacity: 1; white-space: nowrap; text-overflow: ellipsis; } .ui.modal .ui.multiple.dropdown .ui.label i.icon.delete { font-size: 15px; } .ui.modal .ui.multiple.dropdown .ui.label i.icon.delete:before { font-family: Checkbox; content: "\e800"; } .ui.modal .content > p { padding: 0; margin: 0.8em 0; } .ui.modal .content > p > span:first-child, .ui.modal label > span.alert { color: #db2828; } div.loading { float: left; } .ui.modal .content .ui.grid { } .ui.modal .content .column { padding-top: 0.5em; padding-bottom: 0.5em; } .ui.modal .content .column > ul { padding: 0 0 0 1em; margin: 0; } #content #password { padding: 4em 0 8em; width: 24em; margin: 0 auto; } #content #password button { float: right; margin-top: 1em; } .timetable > .col:first-child > div, .timetable > .col:first-child > div span { display: none; } .timetable .col + .col, .timetable .col > * + * { margin-top: 1em; } .timetable > .col > div:first-child { font-size: 1.3em; line-height: 1em; padding-top: 0.5em; } .timetable > .col > div:first-child > span.d2 { display: none; } @media only screen and (min-width: 768px) { .timetable { display: grid; margin-top: 0.2em; grid-template-columns: repeat(7, 1fr); grid-column-gap: 0.5em; } .timetable > .col { display: grid; grid-template-rows: repeat(13, 3.2em); grid-row-gap: 0.5em; background: #e0e0e0; } .timetable > .col.today { background: #BEBFC1; } .timetable > .col.today > div:first-child { font-weight: 900; } .timetable > .col + .col, .timetable > .col > * + * { margin-top: 0; } .timetable > .col:first-child { background: #eee; } .timetable > .col > div { line-height: 3.2em; text-align: center; } .timetable > .col:first-child > div { display: inline; background: #e0e0e0; } .timetable > .col > div:first-child { background: #eee; font-size: 1em; line-height: 4em; padding-top: 0; margin-bottom: -0.5em; } .timetable > .col > div:first-child > span.d2 { display: inline; } .timetable > .col > div:first-child > span.d1, .timetable > .col > div:first-child > span.d3 { display: none; } } @media only screen and (min-width: 992px) { .timetable > .col:first-child > div span, .timetable > .col > div:first-child > span.d3 { display: inline; } } .timetable .group { box-sizing: border-box; display: grid; grid-column-gap: 1em; grid-row-gap: 0; margin-bottom: -3.2em; } .timetable > .col > .group { } .timetable .event, .timetable .reservation { position: relative; overflow: hidden; background: white; box-sizing: border-box; -webkit-box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%); box-shadow: 0 1px 3px 0 rgb(34 36 38 / 15%); } .timetable .event { border-bottom: 5px solid white; } .timetable .event.blocked { position: relative; border: 3px solid #e0e0e0; background: #eee; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; min-height: 3.2em; } @media only screen and (min-width: 768px) { .timetable .group { grid-column-gap: 0.3em; grid-row-gap: 0.5em; margin-bottom: 0; } } .timetable .event > *, .timetable .reservation > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; margin: 0; } .timetable .event.blocked > div { position: absolute; width: 100%; padding: 0.2em 0.5em; margin: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .timetable .event > div, .timetable .reservation > div { border-bottom: 1px dashed #ccc; line-height: 1.5em; padding-right: 0.2em; } .timetable .event > div i.icon, .timetable .reservation > div i.icon { width: 1.8em; height: 1.8em; line-height: 1.8em; color: #ccc; } .timetable .event > div:first-child, .timetable .event > div:last-child, .timetable .reservation > div:first-child, .timetable .reservation > div:last-child { border: 0; } .timetable .event > .label, .timetable .reservation > .label { line-height: 2em; padding: 0 0.5em; color: white; border: 0; box-sizing: border-box; } .timetable .event > .label { background: #FF6430; } .timetable .reservation > .label { background: purple; } .timetable .event > .sticker { height: 1.85em; line-height: 1.5em; position: absolute; background: #FC3D1F; padding: 0.2em 0.6em; top: 0em; right: 0; border: 0; z-index: 100; color: white; z-index: 10; } .timetable .event > .note, .timetable .reservation > .note { white-space: normal; line-height: 1.2em; padding: 0.2em 0.4em; text-overflow: ellipsis; } .ui.popup .header { font-weight: 800; font-size: 1.1em; padding: 0.2em 0; }