/*! * Copyright 2025 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - Modal.scss */ /*! * Copyright 2022 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - _animations.scss */ /*! * Copyright 2023 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - _cards.scss */ /*! * Copyright 2023 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - _colors.scss */ /*! * Copyright 2025 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - _utils.scss */ /*! * Copyright 2023 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - _cards.scss */ /*! * Copyright 2023 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - _cards.scss */ /*! * Copyright 2020 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * neo-access - _texts.scss */ .modal{--modal-color:var(--highlight-color);border:10px solid var(--modal-color);resize:horizontal;background-color:#fff;width:730px;min-width:730px;max-width:100%;max-height:calc(100vh - 30px);padding:30px 50px 0;display:block;position:relative;overflow:hidden scroll;box-shadow:0 10px 50px #202035}.modal.wide{width:1024px}.modal__overlay{z-index:1;background-color:#202035cc;place-items:center;display:grid;position:fixed;inset:0}.modal__header{flex-direction:row;align-items:center;display:flex}.modal__header+.column-nav__multi-group{margin-top:10px}.modal__header h2{color:var(--modal-color);margin-right:auto;font-size:2.1em;line-height:1.2em}.modal p{margin:0 0 20px;font-size:.875em}.modal .row{flex-direction:row;width:100%;margin-top:30px;display:flex}.modal .row.empty-label{text-align:center;color:#888;width:100%;margin:25px 0;font-size:.875em;display:block}.modal .row.space-between,.modal .row.action{justify-content:space-between}.modal .row.action{align-items:center}.modal .row.right{justify-content:flex-end}.modal .row.centered{justify-content:center}.modal .row.space-top-small{margin-top:10px}.modal .row.space-top-medium{margin-top:20px}.modal .row.space-top-big,.modal .row.spacer-top{margin-top:30px}.modal .row.space-bottom-big{margin-bottom:30px}.modal .row.v-align{align-items:center}.modal .row.subtitle{color:#595959;margin-top:0;padding:0 5px;font-size:.79rem}.modal .row.subtitle .prop-label{cursor:default;font-weight:300}.modal .row.subtitle .prop-label:not(:first-child){margin-left:20px}.modal .row.subtitle .prop-value{margin-left:10px;font-weight:500}.modal .row.form-actions{z-index:50;border-top:1px solid var(--modal-color);background-color:#fff;justify-content:space-between;gap:10px;width:calc(100% + 100px);margin-left:-50px;padding:25px 50px;position:sticky;bottom:0;left:0}.modal .row.form-actions>:first-child{margin-right:auto}.modal .row .empty-label{text-align:center;color:#888;width:100%;margin:25px 0;font-size:.875em;display:block}.modal .row .error-message{text-align:right;color:var(--danger);justify-content:flex-end;align-items:center;font-size:.702rem;line-height:1.2em;display:flex}.modal .selector+.form-actions{margin-top:0}.modal.danger{--modal-color:var(--danger)}.modal.warning{--modal-color:var(--warning)}.modal.success{--modal-color:var(--success)}.modal.odoo{--modal-color:var(--odoo)}.modal>.loader{align-items:flex-start;height:fit-content;margin:50px 0 75px}.modal>.loader img{margin:0}.modal .locations-selector{grid-template-rows:minmax(500px,60vh);margin:0 0 25px}.modal .locations-selector .column-nav{height:calc(60vh - 2px);min-height:498px}