/*!***************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./Resources/css/style.css ***! \***************************************************************************/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; } /* readex-pro-regular - latin */ @font-face { font-family: 'Readex Pro'; font-style: normal; font-weight: 400; src: local(""), url(e3dde6d8c9c01e3c9d23.woff2) format("woff2"), url(c68f113bfe29027fe2ad.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* readex-pro-700 - latin */ @font-face { font-family: 'Readex Pro'; font-style: normal; font-weight: 700; src: local(""), url(c2d1edf379cf3c40816d.woff2) format("woff2"), url(2b98a6d1a4424ec6ab5a.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: "icons-1647267483000"; src: url(59edf72a325ac2048d60.woff2) format("woff2"), url(e615bbcb258550973c16.ttf) format("truetype"); font-weight: 900; font-style: normal; } .icon:before, .date-picker::after, .form__field--time::after, .file-label::after { display: inline-block; font-family: "icons-1647267483000"; font-style: normal; font-weight: 900; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-appointment:before, .icon-calendar-input:before, .date-picker:not(.btndate-picker)::after { content: "\f133"; } .icon-time:before, .form__field--time::after { content: "\f017"; } .file-label::after { content: "\f15b"; } .icon-configuration:before { content: "\f013"; } .icon-arrow-down:before { content: "\f063"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-left:before { content: "\f060"; } .icon-search:before, .autocomplete::after { content: "\f002"; } .icon-contactperson:before { content: "\f0c0"; } .icon-organization:before { content: "\f1ad"; } .icon-visitlog:before { content: "\f2b9"; } .icon-employee:before { content: "\e533"; } .icon-user:before { content: "\f4fe"; } .icon-role:before { content: "\f3ed"; } .icon-kiosk:before { content: "\f0a0"; } .icon-kioskscreen:before { content: "\e163"; } .icon-department:before { content: "\e4da"; } .icon-location:before { content: "\f3c5"; } .icon-emailtemplate:before { content: "\f0e0"; } .icon-smstemplate:before { content: "\f27a"; } .icon-video:before { content: "\f03d"; } .icon-plus:before { content: "\2b"; } .icon-edit:before { content: "\f044"; } .icon-delete:before { content: "\f2ed"; } .icon-check:before { content: "\f00c"; } .icon-paperclip:before { content: "\f0c6"; } .icon-microphone:before { content: "\f130"; } .icon-phone:before { content: "\f095"; } .icon-phone-hangup:before { content: "\f095"; transform: rotate(135deg); } @keyframes go-up { 0% { opacity: 0; transform: translateY(0); } 100% { opacity: 1; transform: translateY(-50px); } } @keyframes loader { 0%, 100% { box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7); } 12.5% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5); } 25% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 37.5% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 50% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 62.5% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 75% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000; } } @keyframes loader_white { 0%, 100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); } 12.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); } 25% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 37.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 50% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 62.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 75% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } } .btn, button { position: relative; z-index: 1; display: inline-block; padding: 0 2rem; height: 5rem; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.041rem; line-height: 4.8rem; color: #FFF; background: #BF0404; box-shadow: none; border: none; cursor: pointer; border-radius: 1rem; border-bottom: 0.3rem solid transparent; transition: all ease-in-out 0.3s; } .btn--icon .icon, button--icon .icon { margin-right: 1rem; font-size: 1.1rem; } .btn--icon-large .icon, button--icon-large .icon { font-size: 1.5rem; } .btn--secondary, .kiosk-widget-edit-row .btn-primary, button--secondary { background: #474747; } .btn--primary, button--primary { background: #022873; } .btn--border, button--border { color: #022873; border: 0.2rem solid #022873; background: transparent; } .btn:hover, button:hover { transform: scale(1.03); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07); } .date-picker { z-index: 98; position: relative; width: 100%; height: auto; max-height: 4.5rem; background: white; overflow: hidden; transition: all 0.3s 0s ease-in-out; } .date-picker::before { content: ""; z-index: 1; position: absolute; top: 0.1rem; right: 0.1rem; width: 4.3rem; height: 4.3rem; background: #FFF; border-radius: 1rem; } .date-picker::after { z-index: 2; position: absolute; top: 1.3rem; right: 2rem; font-size: 1.7rem; color: #022873; } .date-picker input { cursor: pointer; } .date-picker .calendar { position: absolute; top: 5rem; width: 100%; background: #fff; border-radius: 1rem; overflow: hidden; opacity: 0; transition: all ease-in-out 0.2s; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07); } .date-picker .ui-datepicker-inline { position: relative; width: 100%; } .date-picker .ui-datepicker-header { margin-bottom: 1rem; height: 100%; line-height: 4rem; color: #fff; background: #022873; } .date-picker .ui-datepicker-prev, .date-picker .ui-datepicker-next { margin-top: 1.2rem; width: 2rem; height: 2rem; text-indent: 9999px; border: 0.2rem solid #fff; border-radius: 100%; cursor: pointer; overflow: hidden; } .date-picker .ui-datepicker-prev:after, .date-picker .ui-datepicker-next:after { content: ""; position: absolute; display: block; width: 0.4rem; height: 0.4rem; border-left: 0.2rem solid #fff; border-bottom: 0.2rem solid #fff; } .date-picker .ui-datepicker-prev { margin-left: 1.2rem; float: left; } .date-picker .ui-datepicker-prev:after { margin: -3.5rem 0 0 0.6rem; transform: rotate(45deg); } .date-picker .ui-datepicker-next { margin-right: 1.2rem; float: right; } .date-picker .ui-datepicker-next:after { margin: -3.5rem 0 0 0.4rem; transform: rotate(-135deg); } .date-picker .ui-datepicker-title { text-align: center; } .date-picker .ui-datepicker-calendar { width: 100%; text-align: center; } .date-picker .ui-datepicker-calendar thead tr th span { margin-bottom: 0.5rem; display: block; width: 100%; font-size: 1.3rem; font-weight: 700; color: #022873; } .date-picker .ui-state-default { display: block; text-decoration: none; color: #000; font-size: 1.2rem; line-height: 4rem; } .date-picker .ui-state-default:hover { background: #E0E0F0; } .date-picker .ui-state-highlight { color: #022873; } .date-picker .ui-state-active { color: #FFF; background-color: #022873; font-weight: 600; } .date-picker .ui-datepicker-unselectable .ui-state-default { color: #FFF; background: #474747; border: 0.2rem solid transparent; } .date-picker.open { z-index: 99; max-height: 40rem; overflow: initial; } .date-picker.open .calendar { opacity: 1; } .form__heading { margin-bottom: 2.5rem; display: flex; align-items: center; font-size: 3rem; font-weight: 700; letter-spacing: -0.1rem; } .form__heading .btn { margin-left: auto; } .form__container { margin-bottom: 5rem; padding: 3rem; background: #FFF; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07); border-radius: 1rem; } .form__row { margin: -1.5rem -1.5rem 1.2rem -1.5rem; display: flex; } @media (max-width: 550px) { .form__row { flex-direction: column; } } .form__field { margin: 1.5rem; width: calc(50% - 3rem); display: flex; flex-direction: column; align-items: flex-start; } @media (max-width: 550px) { .form__field { width: calc(100% - 3rem); } } .form__field label { margin-bottom: 1.3rem; width: 100%; display: flex; align-items: center; font-weight: 700; } .form__field label small { margin-left: 2rem; font-size: 1.6rem; font-weight: 400; } .form__field label small:first-child { margin-left: auto; } .form__field input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .form__field input:not([type="checkbox"]), .form__field select { width: 100%; } .form__field--full { width: calc(100% - 3rem); } .form__field--time { position: relative; } .form__field--time::before { content: ""; z-index: 1; position: absolute; top: 3.2rem; right: 0.1rem; width: 4.3rem; height: 4.3rem; background: #FFF; border-radius: 1rem; } .form__field--time::after { z-index: 2; position: absolute; top: 4.4rem; right: 2rem; font-size: 1.7rem; color: #022873; } .form__field--single-checkbox { justify-content: center; } .form__field--single-checkbox label { margin: 0; } .form__field--color input { padding: 0; overflow: hidden; } .form__field--bg-inputs small { text-decoration: underline; cursor: pointer; } .form__field--bg-inputs small:hover { text-decoration: none; } @media screen and (max-width: 1400px) { .form__field--bg-inputs label { flex-direction: column; align-items: flex-start; } .form__field--bg-inputs label small { margin-left: 0; margin-top: 0.5rem; } .form__field--bg-inputs label small:first-child { margin-left: 0; } } .form__field--bg-inputs .js-bg-color, .form__field--bg-inputs .js-bg-photo-input, .form__field--bg-inputs .js-bg-gradient-input { display: none; } .form__field--bg-inputs .js-bg-photo-input, .form__field--bg-inputs .js-bg-gradient-input { width: 100%; } .form__title { margin-bottom: 2rem; width: 100%; display: flex; align-items: center; font-size: 3rem; font-weight: 700; letter-spacing: -0.01rem; } @media screen and (max-width: 600px) { .form__title { flex-direction: column; align-items: flex-start; } } .form__title a { margin-left: auto; } @media screen and (max-width: 600px) { .form__title a { margin-left: 0; margin-top: 2rem; } } input, textarea, select { font-family: "Readex Pro", Helvetica, cursive; font-size: 1.8rem; color: #022873; background-color: #fff; border: 0.1rem solid #9F9FB1; border-radius: 1rem; transition: all ease-in-out 0.2s; } input:focus, textarea:focus, select:focus { outline: none; border-color: #022873; } input, select { height: 4.5rem; padding: 0 2rem; } select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzlweCIgaGVpZ2h0PSI0M3B4IiB2aWV3Qm94PSIwIDAgNzkgNDMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+bm91bi1hcnJvdy0xNzc2MjYzIGNvcHk8L3RpdGxlPgogICAgPGcgaWQ9IkFwcG9pbnRtZW50cyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTA5LjAwMDAwMCwgLTEyOC4wMDAwMDApIiBmaWxsPSIjMDIyODczIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0ibm91bi1hcnJvdy0xNzc2MjYzLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkwOS4wMDAwMDAsIDEyOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00MC4yMDkxNTk2LDQyLjk2Nzc2MzcgQzQxLjc2Mjc4NDIsNDIuODE2MjQ2OSA0My4yMzE5NDg5LDQyLjE4MTM3NTUgNDQuNDE0MzMzNCw0MS4xNTE3MTQ4IEw3Ni4xNjc3OTY4LDEzLjYxNzYxMjkgQzc3Ljc2NTczMDQsMTIuMzIyMjUzNiA3OC43NzUwOTEsMTAuNDI2MDYwOCA3OC45NjcwMTU4LDguMzYzNzM0NzQgQzc5LjE1NzkyMjcsNi4zMDExOTAxMyA3OC41MTQ1Mjg5LDQuMjQ4MzY5ODYgNzcuMTgyMzk1NiwyLjY3NTUzODkyIEM3NS44NTEzMTUyLDEuMTAxNjk3MyA3My45NDU0ODY0LDAuMTQxMzkwODY3IDcxLjkwMjMwMjIsMC4wMTQ0MDA3NDggQzY5Ljg1ODIyNywtMC4xMTI1NzI5ODIgNjcuODUxMDM1NSwwLjYwNDQ3MTg0OSA2Ni4zMzg2OTU4LDIuMDAxMTcxOTUgTDM5LjUsMjUuMjgxNDE5IEwxMi42NjEzMDIsMi4wMDExNzE5NSBDMTEuMTQ4ODAwMywwLjYwNDQ0NDUzNCA5LjE0MTY4OTc5LC0wLjExMjU4OTM3MSA3LjA5NzY5NTU5LDAuMDE0NDAwNzQ4IEM1LjA1NDY3MzQzLDAuMTQxMzc0NDc4IDMuMTQ4NzYzNiwxLjEwMTY5NzMgMS44MTc2MDIyNSwyLjY3NTUzODkyIEMwLjQ4NTQ2ODg1NCw0LjI0ODMxNTIzIC0wLjE1NzkxNjc5OCw2LjMwMTEzNTUgMC4wMzI5ODIwMDAyLDguMzYzNzM0NzQgQzAuMjI0OTQ0NjQ3LDEwLjQyNjI3OTQgMS4yMzQzMjEzNywxMi4zMjIzMDgyIDIuODMyMjAxMDEsMTMuNjE3NjEyOSBMMzQuNTg1NjY0NCw0MS4xNTE3MTQ4IEMzNi4xMzkyODksNDIuNTAyNTUyMSAzOC4xNjg3Mjk1LDQzLjE1NzcxNjIgNDAuMjA4NDAzNSw0Mi45Njc3NjM3IEw0MC4yMDkxNTk2LDQyLjk2Nzc2MzcgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); background-repeat: no-repeat,repeat; background-position: right 1.5rem top 52%, 0 0; background-size: 1rem auto, 100%; } select:focus { outline: 0; } .checkbox { position: relative; display: inline-block; cursor: pointer; } .checkbox input { opacity: 0; position: absolute; left: 0; height: 1.5rem; width: 1.5rem; } .checkbox label { padding: 0.2rem 0 0.2rem 3rem; font-weight: 300 !important; line-height: 2.6rem; display: block; cursor: pointer; } .checkbox label::before { content: ""; background-color: #fff; border: 0.1rem solid #dbe1f1; display: inline-block; height: 1.5rem; width: 1.5rem; left: 0; top: 0.5rem; position: absolute; cursor: pointer; } .checkbox label::after { content: ''; display: block; position: absolute; background: #022873; height: 1.3rem; width: 1.3rem; transition: .2s; opacity: 0; transform: scale(1.5); top: 0.7rem; left: 0.2rem; background: #022873; } .checkbox input:checked + label::after { opacity: 1; transform: scale(1); } .checkbox--radio label::before, .checkbox--radio label::after { border-radius: 100%; } .checkbox--radio label::after { background: #022873; height: 1.3rem; width: 1.3rem; top: 0.7rem; left: 0.2rem; } .file-label { position: relative; width: 100%; border: 0.1rem solid #9F9FB1; border-radius: 1rem; cursor: pointer; } .file-label input { opacity: 0; visibility: hidden; } .file-label .text { position: absolute; top: 50%; left: 1rem; font-weight: 400; transform: translateY(-50%); } .file-label::after { position: absolute; top: 50%; right: 1.5rem; font-size: 1.8rem; color: #022873; transform: translateY(-50%); } .translate-rows-container .form__row:first-child { margin-bottom: 0; } * { box-sizing: border-box; } html { font-size: 10px; } body { font-family: "Readex Pro", Helvetica, cursive; font-size: 1.8rem; color: #022873; background: #F4F4FA; } body.has-popup { overflow: hidden; } .container { margin: 0 auto; width: 130rem; max-width: calc(100% - 5rem); } .container--small { width: 68rem; } h1 { font-family: "Readex Pro", Helvetica, cursive; font-size: 5rem; font-weight: 700; letter-spacing: -0.175rem; line-height: 1.2; } @media screen and (max-width: 700px) { h1 { font-size: 4.5rem; } } @media screen and (max-width: 500px) { h1 { font-size: 3.5rem; } } h2 { font-family: "Readex Pro", Helvetica, cursive; font-size: 4.5rem; line-height: 1.2; } @media screen and (max-width: 700px) { h2 { font-size: 4rem; } } @media screen and (max-width: 500px) { h2 { font-size: 3rem; } } h3 { font-family: "Readex Pro", Helvetica, cursive; font-size: 3.7rem; line-height: 1.2; } @media screen and (max-width: 700px) { h3 { font-size: 3rem; } } @media screen and (max-width: 500px) { h3 { font-size: 2.5rem; } } p { margin-bottom: 2rem; font-size: 1.8rem; line-height: 1.2; } .anchor-link { cursor: pointer; } .kiosk-videocall { padding: 3rem; width: 79rem; height: 100%; background: #FFF; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07); border-radius: 1rem; } .kiosk-videocall__inner { position: relative; width: 100%; height: 100%; } .kiosk-videocall__main { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .kiosk-videocall__main img { border-radius: 1rem; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .kiosk-videocall__self { z-index: 2; position: absolute; top: 3rem; right: 3rem; width: 15rem; height: 15rem; display: flex; align-items: center; justify-content: center; background: #FFF; border-radius: 1rem; } .kiosk-videocall__buttons { z-index: 2; position: absolute; left: 50%; bottom: 6.5rem; display: flex; align-items: center; transform: translateX(-50%); } .kiosk-videocall__buttons div { display: flex; align-items: center; justify-content: center; width: 7.5rem; height: 7.5rem; font-size: 2.5rem; background: #F2F2F2; border-radius: 100%; cursor: pointer; } .kiosk-videocall__buttons div:not(:last-child) { margin-right: 3rem; } .kiosk-videocall__buttons div.kiosk-videocall__camera-switch, .kiosk-videocall__buttons div.kiosk-videocall__microphone-switch { position: relative; transition: all ease-in-out 0.2s; } .kiosk-videocall__buttons div.kiosk-videocall__camera-switch.disabled, .kiosk-videocall__buttons div.kiosk-videocall__microphone-switch.disabled { opacity: 0.5; color: #474747; } .kiosk-videocall__buttons div.kiosk-videocall__microphone-switch { font-size: 3.6rem; } .kiosk-videocall__buttons div.kiosk-videocall__hang { font-size: inherit; color: #fff; background: #BF0404; } .widgetSource { display: flex; align-items: center; } .widgetSource .kiosk-widget-row { height: 15.5rem; } .kiosk-widget-row { margin-right: 2rem; padding: 2rem; position: relative; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly !important; font-size: 1.8rem; text-align: center; } .kiosk-widget-row:hover .kiosk-widget-edit-row { opacity: 1; pointer-events: all; } .kiosk-widget-row .video-js { width: 100%; height: 100%; } .kiosk-widget-edit-row { position: absolute; top: 1rem; right: 1rem; display: flex; flex-direction: column; opacity: 0; pointer-events: none; transition: all ease-in-out 0.2s; } .kiosk-widget-edit-row .btn { padding: 0; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; } .kiosk-widget-edit-row .btn:hover { transform: none; } .kiosk-widget-edit-row .btn:not(:last-child) { margin-bottom: 1rem; } .kiosk-widget-edit-row .btn .icon { line-height: 0; } .kiosk-widget-image { justify-self: end; align-self: center; margin-bottom: 1.5rem; width: 25%; transform: scale(1.4) } .kiosk-widget-details { justify-self: start; align-self: center; } .table-settings__inner { display: flex; align-items: center; flex-wrap: wrap; } .table-settings__count { position: relative; padding-right: 1rem; margin-right: 1rem; font-weight: 700; } @media screen and (max-width: 500px) { .table-settings__count { padding-right: 0; margin-right: 0; } } .table-settings__count::after { content: ""; position: absolute; top: 50%; right: 0; width: 0.2rem; height: 1.6rem; background: #022873; transform: translateY(-50%); } @media screen and (max-width: 500px) { .table-settings__count::after { display: none; } } .table-settings__count select { margin: 0 0.5rem; padding: 0 4rem 0 2rem; } .table-settings__visible { position: relative; padding-right: 1rem; margin-right: 1rem; } @media screen and (max-width: 700px) { .table-settings__visible { padding-right: 0; margin-right: 0; } } @media screen and (max-width: 500px) { .table-settings__visible { flex: 0 0 100%; margin-top: 2rem; } } .table-settings__visible::after { content: ""; position: absolute; top: 50%; right: 0; width: 0.2rem; height: 1.6rem; background: #022873; transform: translateY(-50%); } @media screen and (max-width: 700px) { .table-settings__visible::after { display: none; } } .table-settings__advanced-search .js-advanced-search { text-decoration: underline; cursor: pointer; } .table-settings__advanced-search .js-advanced-search .icon { margin-left: 1rem; display: inline-block; font-size: 0.6rem; transform: translateY(-0.2rem); transition: all ease-in-out 0.2s; } .table-settings__advanced-search .js-advanced-search.active .icon { transform: translateY(-0.2rem) rotate(180deg); } @media screen and (max-width: 700px) { .table-settings__advanced-search { margin-top: 2rem; flex: 0 0 100%; } } .table-container { margin: -1.5rem; overflow: auto; height:100%; } .table-container ::-webkit-scrollbar { display: none; } @media screen and (max-width: 1000px) { .table-container { margin-top: 2rem; } } .table { margin: 1.5rem; position: relative; width: calc(100% - 3rem); text-align: left; } .table::after { content: ""; z-index: -1; position: absolute; top: 5.8rem; left: 0; width: 100%; height: calc(100% - 5.8rem); border-radius: 1rem; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07); } @media screen and (max-width: 1000px) { .table::after { top: 0; height:100%; } } .table--no-links tbody tr td { padding: 2rem 3rem; color: #022873; } .table--no-links tbody tr td .icon { color: #BF0404; } .table--no-links tbody tr:hover td { background: #FFF !important; } .table--no-links tbody tr:nth-child(even):hover td { background: #F7F7FB !important; } .table--border tbody { border: 0.1rem solid #E5E6F6; } .table--border tbody tr:last-child td:first-child { border-bottom-left-radius: 0 !important; } .table--border tbody tr:last-child td:last-child { border-bottom-right-radius: 0 !important; } .table th, .table td { max-width: 30rem; word-wrap: break-word; } .table th { padding: 2rem 3rem; white-space: nowrap; } .table thead, .table tbody { z-index: 2; position: relative; } .table thead { font-size: 1.8rem; font-weight: 700; letter-spacing: -0.04rem; } @media (max-width: 1000px) { .table thead { display: none; } } .table tbody tr td { background: #FFF; transition: all ease-in-out 0.2s; } .table tbody tr td a:not(.icon) { display: inline-block; padding: 2rem 3rem; width: 100%; color: #022873; } @media screen and (max-width: 450px) { .table tbody tr td a:not(.icon) { padding: 1.5rem; } } .table tbody tr td a:not(.icon) .icon { color: #BF0404; } .table tbody tr:nth-child(even) td { background: #F7F7FB; } .table tbody tr:first-child td:first-child { border-top-left-radius: 1rem; } @media screen and (max-width: 1000px) { .table tbody tr:first-child td:first-child { border-top-left-radius: 0; } } .table tbody tr:first-child td:last-child { border-top-right-radius: 1rem; } @media screen and (max-width: 1000px) { .table tbody tr:first-child td:last-child { border-top-right-radius: 0; } } .table tbody tr:last-child td:first-child { border-bottom-left-radius: 1rem; } @media screen and (max-width: 1000px) { .table tbody tr:last-child td:first-child { border-top-right-radius: 0; } } .table tbody tr:last-child td:last-child { border-bottom-right-radius: 1rem; } @media screen and (max-width: 1000px) { .table tbody tr:last-child td:last-child { border-bottom-right-radius: 0; } } .table tbody tr:hover td { background: #E5E6F6; } @media (max-width: 1000px) { .table tbody tr { display: flex; flex-wrap: wrap; align-items:center; } tr:nth-child(even) { background-color: #F7F7FB; } } @media (max-width: 1000px) { .table tbody tr td { position: relative; padding-top: 2.5rem; flex: 0 0 calc(100% / 2); max-width: inherit; } .table tbody tr td::before { content: attr(data-title); position: absolute; top: 2rem; left: 3rem; font-weight: 700; } } @media (max-width: 950px) { .table tbody tr td { flex: 0 0 50%; } } @media (max-width: 450px) { .table tbody tr td { flex: 0 0 100%; } .table tbody tr td::before { left: 1.5rem; } } .validation-message > div, .validation-message > span { margin: 2rem 0; padding: 2rem; color: #947600; background: #fffbeb; border-radius: 1rem; } .validation-message--error > div, .validation-message--error > span { color: #BF0404; background: #f0c7c7; } .validation-message--success > div, .validation-message--success > span { color: #48c774; background: #dfffea; } .languages__inner { display: flex; flex-wrap: wrap; margin: -15px; justify-content: center; } .languages__inner > div, .languages__inner > a, .languages__inner > span, .languages__inner > button, .languages__inner > input { width: calc(100% / 4 - 30px); margin: 15px; } .languages__item { padding: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 19rem; background: #FFF; border-radius: 1rem; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07); transition: all ease-in-out 0.3s; } .languages__item img { width: 100%; height: auto; } .languages__item--active { border: 0.2rem solid #022873; } .Confirm_Back_button { display: flex; justify-content: space-between; width: 100%; margin: 3rem 1rem 1.5rem 1rem; } .table--height { max-height: calc(90vh - 32rem); overflow-x: auto; overflow-y: auto; } .errorMsg { color: red; padding-top: 10px; font-weight: bold; } .startDateTimeBold { font-weight: bold; } .visitorCheckinModal--BackButtonMargin { margin: 30px 0 0 0; } @media screen and (max-width: 550px) { .table--height { max-height: calc(90vh - 42rem); } } .table--height--CheckIn { max-height: calc(100vh - 40rem); margin-bottom: 2rem; } .checkin--without-accesscode--search{ width:100%; } @media screen and (max-width: 550px) { .checkin--without-accesscode--search { width: 90%; } } /*!*******************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./Resources/css/gridstack.css ***! \*******************************************************************************/ /** * gridstack SASS styles 4.2.7 * Copyright (c) 2021 Alain Dumesny - see GridStack root license */ :root .grid-stack-item > .ui-resizable-handle { filter: none; } .grid-stack { position: relative; } .grid-stack.grid-stack-rtl { direction: ltr; } .grid-stack.grid-stack-rtl > .grid-stack-item { direction: rtl; } .grid-stack .grid-stack-placeholder > .placeholder-content { border: 1px dashed lightgray; margin: 0; position: absolute; width: auto; z-index: 0 !important; text-align: center; } .grid-stack > .grid-stack-item { min-width: 8.3333333333%; position: absolute; padding: 0; } .grid-stack > .grid-stack-item > .grid-stack-item-content { margin: 0; position: absolute; width: auto; overflow-x: hidden; overflow-y: auto; } .grid-stack > .grid-stack-item > .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle { display: none; } .grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing { z-index: 100; } .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content { box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2); opacity: 0.8; } .grid-stack > .grid-stack-item > .ui-resizable-se, .grid-stack > .grid-stack-item > .ui-resizable-sw { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .grid-stack > .grid-stack-item > .ui-resizable-se { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .grid-stack > .grid-stack-item > .ui-resizable-nw { cursor: nw-resize; width: 20px; height: 20px; top: 0; } .grid-stack > .grid-stack-item > .ui-resizable-n { cursor: n-resize; height: 10px; top: 0; left: 25px; right: 25px; } .grid-stack > .grid-stack-item > .ui-resizable-ne { cursor: ne-resize; width: 20px; height: 20px; top: 0; } .grid-stack > .grid-stack-item > .ui-resizable-e { cursor: e-resize; width: 10px; top: 15px; bottom: 15px; } .grid-stack > .grid-stack-item > .ui-resizable-se { cursor: se-resize; width: 20px; height: 20px; } .grid-stack > .grid-stack-item > .ui-resizable-s { cursor: s-resize; height: 10px; left: 25px; bottom: 0; right: 25px; } .grid-stack > .grid-stack-item > .ui-resizable-sw { cursor: sw-resize; width: 20px; height: 20px; bottom: 0; } .grid-stack > .grid-stack-item > .ui-resizable-w { cursor: w-resize; width: 10px; top: 15px; bottom: 15px; } .grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle { display: none !important; } .grid-stack > .grid-stack-item[gs-w='0'] { width: 0%; } .grid-stack > .grid-stack-item[gs-x='0'] { left: 0%; } .grid-stack > .grid-stack-item[gs-min-w='0'] { min-width: 0%; } .grid-stack > .grid-stack-item[gs-max-w='0'] { max-width: 0%; } .grid-stack > .grid-stack-item[gs-w='1'] { width: 8.3333333333%; } .grid-stack > .grid-stack-item[gs-x='1'] { left: 8.3333333333%; } .grid-stack > .grid-stack-item[gs-min-w='1'] { min-width: 8.3333333333%; } .grid-stack > .grid-stack-item[gs-max-w='1'] { max-width: 8.3333333333%; } .grid-stack > .grid-stack-item[gs-w='2'] { width: 16.6666666667%; } .grid-stack > .grid-stack-item[gs-x='2'] { left: 16.6666666667%; } .grid-stack > .grid-stack-item[gs-min-w='2'] { min-width: 16.6666666667%; } .grid-stack > .grid-stack-item[gs-max-w='2'] { max-width: 16.6666666667%; } .grid-stack > .grid-stack-item[gs-w='3'] { width: 25%; } .grid-stack > .grid-stack-item[gs-x='3'] { left: 25%; } .grid-stack > .grid-stack-item[gs-min-w='3'] { min-width: 25%; } .grid-stack > .grid-stack-item[gs-max-w='3'] { max-width: 25%; } .grid-stack > .grid-stack-item[gs-w='4'] { width: 33.3333333333%; } .grid-stack > .grid-stack-item[gs-x='4'] { left: 33.3333333333%; } .grid-stack > .grid-stack-item[gs-min-w='4'] { min-width: 33.3333333333%; } .grid-stack > .grid-stack-item[gs-max-w='4'] { max-width: 33.3333333333%; } .grid-stack > .grid-stack-item[gs-w='5'] { width: 41.6666666667%; } .grid-stack > .grid-stack-item[gs-x='5'] { left: 41.6666666667%; } .grid-stack > .grid-stack-item[gs-min-w='5'] { min-width: 41.6666666667%; } .grid-stack > .grid-stack-item[gs-max-w='5'] { max-width: 41.6666666667%; } .grid-stack > .grid-stack-item[gs-w='6'] { width: 50%; } .grid-stack > .grid-stack-item[gs-x='6'] { left: 50%; } .grid-stack > .grid-stack-item[gs-min-w='6'] { min-width: 50%; } .grid-stack > .grid-stack-item[gs-max-w='6'] { max-width: 50%; } .grid-stack > .grid-stack-item[gs-w='7'] { width: 58.3333333333%; } .grid-stack > .grid-stack-item[gs-x='7'] { left: 58.3333333333%; } .grid-stack > .grid-stack-item[gs-min-w='7'] { min-width: 58.3333333333%; } .grid-stack > .grid-stack-item[gs-max-w='7'] { max-width: 58.3333333333%; } .grid-stack > .grid-stack-item[gs-w='8'] { width: 66.6666666667%; } .grid-stack > .grid-stack-item[gs-x='8'] { left: 66.6666666667%; } .grid-stack > .grid-stack-item[gs-min-w='8'] { min-width: 66.6666666667%; } .grid-stack > .grid-stack-item[gs-max-w='8'] { max-width: 66.6666666667%; } .grid-stack > .grid-stack-item[gs-w='9'] { width: 75%; } .grid-stack > .grid-stack-item[gs-x='9'] { left: 75%; } .grid-stack > .grid-stack-item[gs-min-w='9'] { min-width: 75%; } .grid-stack > .grid-stack-item[gs-max-w='9'] { max-width: 75%; } .grid-stack > .grid-stack-item[gs-w='10'] { width: 83.3333333333%; } .grid-stack > .grid-stack-item[gs-x='10'] { left: 83.3333333333%; } .grid-stack > .grid-stack-item[gs-min-w='10'] { min-width: 83.3333333333%; } .grid-stack > .grid-stack-item[gs-max-w='10'] { max-width: 83.3333333333%; } .grid-stack > .grid-stack-item[gs-w='11'] { width: 91.6666666667%; } .grid-stack > .grid-stack-item[gs-x='11'] { left: 91.6666666667%; } .grid-stack > .grid-stack-item[gs-min-w='11'] { min-width: 91.6666666667%; } .grid-stack > .grid-stack-item[gs-max-w='11'] { max-width: 91.6666666667%; } .grid-stack > .grid-stack-item[gs-w='12'] { width: 100%; } .grid-stack > .grid-stack-item[gs-x='12'] { left: 100%; } .grid-stack > .grid-stack-item[gs-min-w='12'] { min-width: 100%; } .grid-stack > .grid-stack-item[gs-max-w='12'] { max-width: 100%; } .grid-stack.grid-stack-1 > .grid-stack-item { min-width: 100%; } .grid-stack.grid-stack-1 > .grid-stack-item[gs-w='1'] { width: 100%; } .grid-stack.grid-stack-1 > .grid-stack-item[gs-x='1'] { left: 100%; } .grid-stack.grid-stack-1 > .grid-stack-item[gs-min-w='1'] { min-width: 100%; } .grid-stack.grid-stack-1 > .grid-stack-item[gs-max-w='1'] { max-width: 100%; } .grid-stack.grid-stack-animate, .grid-stack.grid-stack-animate .grid-stack-item { -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; -ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; } .grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging, .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing, .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder { -webkit-transition: left 0s, top 0s, height 0s, width 0s; -moz-transition: left 0s, top 0s, height 0s, width 0s; -ms-transition: left 0s, top 0s, height 0s, width 0s; -o-transition: left 0s, top 0s, height 0s, width 0s; transition: left 0s, top 0s, height 0s, width 0s; } .grid-stack.ui-droppable.ui-droppable-over > *:not(.ui-droppable) { pointer-events: none; } /** * default to generate [2-11] columns as 1 (oneColumnMode) and 12 (default) are in the main css * Copyright (c) 2021 Alain Dumesny - see GridStack root license */ .grid-stack.grid-stack-2 > .grid-stack-item { min-width: 50%; } .grid-stack.grid-stack-2 > .grid-stack-item[gs-w='1'] { width: 50%; } .grid-stack.grid-stack-2 > .grid-stack-item[gs-x='1'] { left: 50%; } .grid-stack.grid-stack-2 > .grid-stack-item[gs-min-w='1'] { min-width: 50%; } .grid-stack.grid-stack-2 > .grid-stack-item[gs-max-w='1'] { max-width: 50%; } .grid-stack.grid-stack-2 > .grid-stack-item[gs-w='2'] { width: 100%; } .grid-stack.grid-stack-2 > .grid-stack-item[gs-x='2'] { left: 100%; } .grid-stack.grid-stack-2 > .grid-stack-item[gs-min-w='2'] { min-width: 100%; } .grid-stack.grid-stack-2 > .grid-stack-item[gs-max-w='2'] { max-width: 100%; } .grid-stack.grid-stack-3 > .grid-stack-item { min-width: 33.3333333333%; } .grid-stack.grid-stack-3 > .grid-stack-item[gs-w='1'] { width: 33.3333333333%; } .grid-stack.grid-stack-3 > .grid-stack-item[gs-x='1'] { left: 33.3333333333%; } .grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w='1'] { min-width: 33.3333333333%; } .grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w='1'] { max-width: 33.3333333333%; } .grid-stack.grid-stack-3 > .grid-stack-item[gs-w='2'] { width: 66.6666666667%; } .grid-stack.grid-stack-3 > .grid-stack-item[gs-x='2'] { left: 66.6666666667%; } .grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w='2'] { min-width: 66.6666666667%; } .grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w='2'] { max-width: 66.6666666667%; } .grid-stack.grid-stack-3 > .grid-stack-item[gs-w='3'] { width: 100%; } .grid-stack.grid-stack-3 > .grid-stack-item[gs-x='3'] { left: 100%; } .grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w='3'] { min-width: 100%; } .grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w='3'] { max-width: 100%; } .grid-stack.grid-stack-4 > .grid-stack-item { min-width: 25%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-w='1'] { width: 25%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-x='1'] { left: 25%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w='1'] { min-width: 25%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w='1'] { max-width: 25%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-w='2'] { width: 50%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-x='2'] { left: 50%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w='2'] { min-width: 50%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w='2'] { max-width: 50%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-w='3'] { width: 75%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-x='3'] { left: 75%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w='3'] { min-width: 75%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w='3'] { max-width: 75%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-w='4'] { width: 100%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-x='4'] { left: 100%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w='4'] { min-width: 100%; } .grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w='4'] { max-width: 100%; } .grid-stack.grid-stack-5 > .grid-stack-item { min-width: 20%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-w='1'] { width: 20%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-x='1'] { left: 20%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w='1'] { min-width: 20%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w='1'] { max-width: 20%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-w='2'] { width: 40%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-x='2'] { left: 40%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w='2'] { min-width: 40%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w='2'] { max-width: 40%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-w='3'] { width: 60%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-x='3'] { left: 60%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w='3'] { min-width: 60%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w='3'] { max-width: 60%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-w='4'] { width: 80%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-x='4'] { left: 80%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w='4'] { min-width: 80%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w='4'] { max-width: 80%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-w='5'] { width: 100%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-x='5'] { left: 100%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w='5'] { min-width: 100%; } .grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w='5'] { max-width: 100%; } .grid-stack.grid-stack-6 > .grid-stack-item { min-width: 16.6666666667%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-w='1'] { width: 16.6666666667%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-x='1'] { left: 16.6666666667%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w='1'] { min-width: 16.6666666667%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w='1'] { max-width: 16.6666666667%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-w='2'] { width: 33.3333333333%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-x='2'] { left: 33.3333333333%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w='2'] { min-width: 33.3333333333%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w='2'] { max-width: 33.3333333333%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-w='3'] { width: 50%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-x='3'] { left: 50%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w='3'] { min-width: 50%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w='3'] { max-width: 50%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-w='4'] { width: 66.6666666667%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-x='4'] { left: 66.6666666667%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w='4'] { min-width: 66.6666666667%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w='4'] { max-width: 66.6666666667%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-w='5'] { width: 83.3333333333%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-x='5'] { left: 83.3333333333%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w='5'] { min-width: 83.3333333333%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w='5'] { max-width: 83.3333333333%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-w='6'] { width: 100%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-x='6'] { left: 100%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w='6'] { min-width: 100%; } .grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w='6'] { max-width: 100%; } .grid-stack.grid-stack-7 > .grid-stack-item { min-width: 14.2857142857%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='1'] { width: 14.2857142857%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='1'] { left: 14.2857142857%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='1'] { min-width: 14.2857142857%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='1'] { max-width: 14.2857142857%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='2'] { width: 28.5714285714%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='2'] { left: 28.5714285714%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='2'] { min-width: 28.5714285714%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='2'] { max-width: 28.5714285714%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='3'] { width: 42.8571428571%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='3'] { left: 42.8571428571%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='3'] { min-width: 42.8571428571%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='3'] { max-width: 42.8571428571%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='4'] { width: 57.1428571429%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='4'] { left: 57.1428571429%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='4'] { min-width: 57.1428571429%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='4'] { max-width: 57.1428571429%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='5'] { width: 71.4285714286%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='5'] { left: 71.4285714286%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='5'] { min-width: 71.4285714286%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='5'] { max-width: 71.4285714286%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='6'] { width: 85.7142857143%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='6'] { left: 85.7142857143%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='6'] { min-width: 85.7142857143%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='6'] { max-width: 85.7142857143%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='7'] { width: 100%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='7'] { left: 100%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='7'] { min-width: 100%; } .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='7'] { max-width: 100%; } .grid-stack.grid-stack-8 > .grid-stack-item { min-width: 12.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='1'] { width: 12.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='1'] { left: 12.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='1'] { min-width: 12.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='1'] { max-width: 12.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='2'] { width: 25%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='2'] { left: 25%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='2'] { min-width: 25%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='2'] { max-width: 25%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='3'] { width: 37.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='3'] { left: 37.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='3'] { min-width: 37.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='3'] { max-width: 37.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='4'] { width: 50%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='4'] { left: 50%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='4'] { min-width: 50%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='4'] { max-width: 50%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='5'] { width: 62.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='5'] { left: 62.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='5'] { min-width: 62.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='5'] { max-width: 62.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='6'] { width: 75%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='6'] { left: 75%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='6'] { min-width: 75%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='6'] { max-width: 75%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='7'] { width: 87.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='7'] { left: 87.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='7'] { min-width: 87.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='7'] { max-width: 87.5%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='8'] { width: 100%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='8'] { left: 100%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='8'] { min-width: 100%; } .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='8'] { max-width: 100%; } .grid-stack.grid-stack-9 > .grid-stack-item { min-width: 11.1111111111%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='1'] { width: 11.1111111111%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='1'] { left: 11.1111111111%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='1'] { min-width: 11.1111111111%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='1'] { max-width: 11.1111111111%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='2'] { width: 22.2222222222%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='2'] { left: 22.2222222222%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='2'] { min-width: 22.2222222222%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='2'] { max-width: 22.2222222222%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='3'] { width: 33.3333333333%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='3'] { left: 33.3333333333%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='3'] { min-width: 33.3333333333%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='3'] { max-width: 33.3333333333%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='4'] { width: 44.4444444444%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='4'] { left: 44.4444444444%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='4'] { min-width: 44.4444444444%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='4'] { max-width: 44.4444444444%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='5'] { width: 55.5555555556%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='5'] { left: 55.5555555556%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='5'] { min-width: 55.5555555556%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='5'] { max-width: 55.5555555556%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='6'] { width: 66.6666666667%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='6'] { left: 66.6666666667%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='6'] { min-width: 66.6666666667%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='6'] { max-width: 66.6666666667%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='7'] { width: 77.7777777778%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='7'] { left: 77.7777777778%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='7'] { min-width: 77.7777777778%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='7'] { max-width: 77.7777777778%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='8'] { width: 88.8888888889%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='8'] { left: 88.8888888889%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='8'] { min-width: 88.8888888889%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='8'] { max-width: 88.8888888889%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='9'] { width: 100%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='9'] { left: 100%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='9'] { min-width: 100%; } .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='9'] { max-width: 100%; } .grid-stack.grid-stack-10 > .grid-stack-item { min-width: 10%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='1'] { width: 10%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='1'] { left: 10%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='1'] { min-width: 10%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='1'] { max-width: 10%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='2'] { width: 20%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='2'] { left: 20%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='2'] { min-width: 20%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='2'] { max-width: 20%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='3'] { width: 30%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='3'] { left: 30%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='3'] { min-width: 30%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='3'] { max-width: 30%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='4'] { width: 40%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='4'] { left: 40%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='4'] { min-width: 40%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='4'] { max-width: 40%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='5'] { width: 50%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='5'] { left: 50%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='5'] { min-width: 50%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='5'] { max-width: 50%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='6'] { width: 60%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='6'] { left: 60%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='6'] { min-width: 60%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='6'] { max-width: 60%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='7'] { width: 70%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='7'] { left: 70%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='7'] { min-width: 70%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='7'] { max-width: 70%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='8'] { width: 80%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='8'] { left: 80%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='8'] { min-width: 80%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='8'] { max-width: 80%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='9'] { width: 90%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='9'] { left: 90%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='9'] { min-width: 90%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='9'] { max-width: 90%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='10'] { width: 100%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='10'] { left: 100%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='10'] { min-width: 100%; } .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='10'] { max-width: 100%; } .grid-stack.grid-stack-11 > .grid-stack-item { min-width: 9.0909090909%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='1'] { width: 9.0909090909%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='1'] { left: 9.0909090909%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='1'] { min-width: 9.0909090909%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='1'] { max-width: 9.0909090909%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='2'] { width: 18.1818181818%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='2'] { left: 18.1818181818%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='2'] { min-width: 18.1818181818%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='2'] { max-width: 18.1818181818%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='3'] { width: 27.2727272727%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='3'] { left: 27.2727272727%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='3'] { min-width: 27.2727272727%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='3'] { max-width: 27.2727272727%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='4'] { width: 36.3636363636%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='4'] { left: 36.3636363636%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='4'] { min-width: 36.3636363636%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='4'] { max-width: 36.3636363636%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='5'] { width: 45.4545454545%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='5'] { left: 45.4545454545%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='5'] { min-width: 45.4545454545%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='5'] { max-width: 45.4545454545%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='6'] { width: 54.5454545455%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='6'] { left: 54.5454545455%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='6'] { min-width: 54.5454545455%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='6'] { max-width: 54.5454545455%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='7'] { width: 63.6363636364%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='7'] { left: 63.6363636364%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='7'] { min-width: 63.6363636364%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='7'] { max-width: 63.6363636364%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='8'] { width: 72.7272727273%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='8'] { left: 72.7272727273%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='8'] { min-width: 72.7272727273%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='8'] { max-width: 72.7272727273%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='9'] { width: 81.8181818182%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='9'] { left: 81.8181818182%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='9'] { min-width: 81.8181818182%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='9'] { max-width: 81.8181818182%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='10'] { width: 90.9090909091%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='10'] { left: 90.9090909091%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='10'] { min-width: 90.9090909091%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='10'] { max-width: 90.9090909091%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='11'] { width: 100%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='11'] { left: 100%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='11'] { min-width: 100%; } .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='11'] { max-width: 100%; } /*!******************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/css/site.scss ***! \******************************************************************************************************************/ /* This file is for overrides on the styling from the designer The file fore the designer is "style.css" */ #blazor-error-ui { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; } #blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; } .ui-widget.ui-widget-content, .ui-widget-content { border: none !important; } button { min-width: 100px; } p { font-size: 2.5rem; } .full-width { width: 100%; } .spacer-10px { width: 10px; } .btn-margin-bottom { margin-bottom: 30px; } .btn-margin-right { margin-right: 30px; } .center { margin: 0 auto; } .kiosk-videocall { height: fit-content; } .kiosk-videocall__main { height: fit-content; position: relative; } .kiosk-videocall__buttons { position: relative; left: 0; bottom: 0; display: block; transform: none; margin: 30px auto 0 auto; } .kiosk-videocall__hang { margin: auto !important; } #callingAnimation { border: solid; } .padding30 { padding: 30px; } .text-center { text-align: center; } .bold { font-weight: bold; } .languages__item:focus { outline: none; } .mandatory-field { color: red; }