.fluidInput { --option-btn-width: 40px; position: relative; cursor: pointer; min-width: 90%; display: flex; flex-direction: row; align-items: center; } .fluidInput .fluidInput__current { opacity: 1; min-height: 12px; } .fluidInput .fluidInput__notify { position: absolute; bottom: 100%; background-color: #fff; padding: 3px; font-size: 10px; opacity: 0; transition: opacity 0.5s; left: 0%; min-width: 50%; } .fluidInput .fluidInput__input { display: flex; flex-direction: row; align-items: center; } .fluidInput input, .fluidInput select, .fluidInput .ck-editor__wrapper { position: absolute; z-index: -1; opacity: 0; background-color: transparent; top: 0; left: 0; right: 0; bottom: 0; border: 0px; height: auto !important; max-width: 100% !important; margin: 0 !important; border-bottom: 1px solid var(--primary-c); line-height: inherit; padding: 0; font-weight: inherit; font-size: inherit; color: inherit; } .fluidInput input:focus, .fluidInput select:focus, .fluidInput .ck-editor__wrapper:focus { outline: 0; box-shadow: none !important; border: 0px solid transparent !important; border-bottom: 1px solid var(--primary-c) !important; border-radius: 0px !important; } .fluidInput.is-active input, .fluidInput.is-active select, .fluidInput.is-active .ck-editor__wrapper { opacity: 1; z-index: 1; } .fluidInput.is-active select { min-height: 400px; background-color: #fff; } .fluidInput.is-active .fluidInput__current { opacity: 0; } .fluidInput:hover:not(.is-active) .fluidInput__notify { opacity: 1; transition: opacity; transition-delay: 0.5s; transition-property: opacity; } /* // BUTTONS */ .fluidInput .fluidInput__buttons { display: flex; position: absolute; top: -50%; opacity: 0; right: 0; pointer-events: none; transition: top 0.3s, opacity 0.3s; justify-content: flex-end; } .fluidInput .fluidInput__button { display: flex; width: var(--option-btn-width); height: var(--option-btn-width); justify-content: center; align-items: center; background-color: #efefef; transition: background-color 0.3s; cursor: pointer; } .fluidInput .fluidInput__button:hover { background-color: var(--theme); } .fluidInput.is-active .fluidInput__buttons { top: 100%; opacity: 1; pointer-events: auto; } .fluidInput .fluidInput__title { display: none; white-space: nowrap; } .fluidInstructions { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 6px; height: 0; width: 0; overflow: hidden; position: fixed; transition: opacity 0.3s, height 0.3s, width 0.3s; opacity: 0; white-space: nowrap; pointer-events: none; } .fluidInstructions.is-active { opacity: 1; } .fluidInstructions .fluidInstructions__header { white-space: nowrap; line-height: 20px; padding: 5px; display: flex; gap: 5px; } footer { background-color: #fff; padding: 10px; border: 1px solid #E7E8ED; } footer p { margin: 0px; } footer .footer__right { display: flex; justify-content: flex-end; } footer version { margin-right: 5px; } footer version span { margin-right: 5px; color: green; } .jBox-Modal .jbox__footer { position: absolute; left: 0; right: 0; bottom: 0; background: #fafafa; border-top: 1px solid #eee; padding: 7px 16px; } row { display: flex; flex-direction: row; padding: 5px; gap: 15px; } form.addform button[type="submit"].btn.btn-primary, form.addform button.btn.btn-delete { opacity: 0 !important; } edit { padding: 0px; } /* body{ form { .form_row { display: flex; margin-bottom: 10px; border-radius: 10px; border: 1px solid #efefef!important; label { line-height: 40px; background-color: var(--form-label-background-color, #efefef); display: inline-block; min-width: 200px; margin: 0; padding: 0 15px!important; } input { height:40px!important; line-height: 30px; margin: 0!important; padding: 0 15px!important; border: 0 solid transparent!important; &:focus{ background-color: var(--form-label-background-color, #efefef); } } } } } */ body { min-height: 100vh; display: flex; flex-direction: column; overflow: auto; } body .content { flex: 1; padding-bottom: 0px !important; } body .dialog .dialog__footer { margin-bottom: -30px; padding: 10px; font-size: 11px; } body .panel .panel-heading i { line-height: inherit !important; } body .analysis__item .analysis_subitem { display: flex; } body .analysis__item .analysis_subitem span { display: flex; min-width: 100%; } body .analysis__item .analysis_subitem:hover span i { display: none; } .edit__icons .fa-grip-vertical, .panel .fa-grip-vertical { cursor: grab !important; } .ck-editor__editable_inline { min-height: 200px; } .descriptions h5 { font-size: 17px; font-weight: 700; } edit { display: block; } edit edit_row { display: block; padding: 15px 0; } @media (min-width: 992px) { edit { padding: 25px; } } .actions { min-height: 30px; } .info__row { margin-bottom: 23px; max-height: 60px; display: flex; gap: 2px; flex-direction: column; color: black !important; } .info__row figure { display: flex; justify-content: center; align-items: center; border-radius: 50px; overflow: hidden; } .info__row a:not(.openIframe) { color: black; } .flex { display: flex; justify-items: center; gap: 10px; } .archived { color: #ccc !important; } .archived .fa-archive { color: #000 !important; } .fa, .fas, .far, .fal, .fad, .fab { line-height: inherit !important; } .fluidInput--circle { justify-content: center; } .fluidInput--circle i { font-size: 20px; } .fluidInput--circle .fluidInput__value--on i { color: #417505; }