fui-material 0.2.68 → 0.2.69

package/dist/bundle.css

@@ -1,1980 +0,0 @@
-.btn {
-    height: min-content;
-}
-
-.btn-default-primary {
-    color: #2F80ED !important;
-    background-color: #fff !important;
-    border-color: #2F80ED !important;
-}
-.btn-default-secondary {
-    color: #6c757d !important;
-    background-color: #fff !important;
-    border-color: #6c757d !important;
-}
-.btn-default-success {
-    color: #2E7D32 !important;
-    background-color: #EFF5F0 !important;
-    border-color: #2E7D32 !important;
-}
-.btn-default-danger {
-    color: #dc3545 !important;
-    background-color: #fff !important;
-    border-color: #dc3545 !important;
-}
-.btn-default-warning {
-    color: #ffc107 !important;
-    background-color: #fff !important;
-    border-color: #ffc107 !important;
-}
-.btn-default-info {
-    color: #0dcaf0 !important;
-    background-color: #fff !important;
-    border-color: #0dcaf0 !important;
-}
-.btn-default-light {
-    color: #f8f9fa !important;
-    background-color: #fff !important;
-    border-color: #f8f9fa !important;
-}
-.btn-default-dark {
-    color: #212529 !important;
-    background-color: #fff !important;
-    border-color: #212529 !important;
-}
-.btn-default-link {
-    color: #0a58ca !important;
-    background-color: #fff !important;
-    border-color: #0a58ca !important;
-    text-decoration: underline !important;
-}
-.primary {
-    fill: #2F80ED !important;
-}
-.secondary {
-    fill: #6c757d !important;
-}
-.success {
-    fill: #198754 !important;
-}
-.danger {
-    fill: #dc3545 !important;
-}
-.warning {
-    fill: #ffc107 !important;
-}
-.info {
-    fill: #0dcaf0 !important;
-}
-.light {
-    fill: #f8f9fa !important;
-}
-.dark {
-    fill: #212529 !important;
-}
-.link {
-    fill: #0a58ca !important;
-}
-
-.btn-primary {
-    background-color: #2F80ED !important;
-}
-.btn-secondary {
-    background-color: #6c757d !important;
-}
-.btn-success {
-    color: #EFF5F0 !important;
-    background-color: #2E7D32 !important;
-    border-color: #2E7D32 !important;
-}
-.btn-danger {
-    background-color: #dc3545 !important;
-}
-.btn-warning {
-    background-color: #ffc107 !important;
-}
-.btn-info {
-    background-color: #0dcaf0 !important;
-}
-.btn-light {
-    background-color: #f8f9fa !important;
-}
-.btn-dark {
-    background-color: #212529 !important;
-}
-.btn-link {
-    background-color: #0a58ca !important;
-    color: #fff !important;
-}
-
-.btn-default-primary {
-    background-color: #2F80ED !important;
-}
-.btn-default-secondary {
-    background-color: #6c757d !important;
-}
-.btn-default-success {
-    background-color: #198754 !important;
-}
-.btn-default-danger {
-    background-color: #dc3545 !important;
-}
-.btn-default-warning {
-    background-color: #ffc107 !important;
-}
-.btn-default-info {
-    background-color: #0dcaf0 !important;
-}
-.btn-default-light {
-    background-color: #f8f9fa !important;
-}
-.btn-default-dark {
-    background-color: #212529 !important;
-}
-.btn-default-link {
-    background-color: #0a58ca !important;
-    color: #fff !important;
-}
-.btn-default-primary {
-    color: #2F80ED !important;
-    background-color: #fff !important;
-    border-color: #2F80ED !important;
-}
-.btn-default-secondary {
-    color: #6c757d !important;
-    background-color: #fff !important;
-    border-color: #6c757d !important;
-}
-.btn-default-success {
-    color: #198754 !important;
-    background-color: #fff !important;
-    border-color: #198754 !important;
-}
-.btn-default-danger {
-    color: #dc3545 !important;
-    background-color: #fff !important;
-    border-color: #dc3545 !important;
-}
-.btn-default-warning {
-    color: #ffc107 !important;
-    background-color: #fff !important;
-    border-color: #ffc107 !important;
-}
-.btn-default-info {
-    color: #0dcaf0 !important;
-    background-color: #fff !important;
-    border-color: #0dcaf0 !important;
-}
-.btn-default-light {
-    color: #f8f9fa !important;
-    background-color: #fff !important;
-    border-color: #f8f9fa !important;
-}
-.btn-default-dark {
-    color: #212529 !important;
-    background-color: #fff !important;
-    border-color: #212529 !important;
-}
-.btn-default-link {
-    color: #0a58ca !important;
-    background-color: #fff !important;
-    border-color: #0a58ca !important;
-    text-decoration: underline !important;
-}
-
-.cl-btn-3 {
-    width: 10px;
-    height: 10px;
-    position: relative;
-    transform: rotate(45deg) scale(2);
-}
-
-.cl-btn-3 .top,
-.cl-btn-3 .bot {
-    display: block;
-    background: #337AB7;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    animation-timing-function: cubic-bezier(1, 0, 0, 1);
-    animation-iteration-count: 1;
-}
-
-.cl-btn-3 .top {
-    height: 100%;
-    width: 2px;
-    margin-left: -1px;
-    transform: skewY(45deg);
-    top: 0;
-}
-
-.cl-btn-3 .bot {
-    width: 100%;
-    height: 2px;
-    margin-top: -1px;
-    transform: skewX(-45deg);
-    left: 0;
-}
-
-.cl-btn-3:hover {
-    cursor: pointer;
-}
-
-.cl-btn-3:hover .top {
-    animation: top-out 0.25s forwards, top-in 0.25s forwards 0.25s;
-}
-
-.cl-btn-3:hover .bot {
-    animation: bot-out 0.25s forwards 0.1s, bot-in 0.25s forwards 0.35s;
-}
-
-@-webkit-keyframes top-out {
-    from {
-        top: 0%;
-        height: 100%;
-    }
-    to {
-        top: 100%;
-        height: 0%;
-    }
-}
-
-@keyframes top-out {
-    from {
-        top: 0%;
-        height: 100%;
-    }
-    to {
-        top: 100%;
-        height: 0%;
-    }
-}
-
-@-webkit-keyframes top-in {
-    from {
-        top: -100%;
-        height: 0%;
-    }
-    to {
-        top: 0%;
-        height: 100%;
-    }
-}
-
-@keyframes top-in {
-    from {
-        top: -100%;
-        height: 0%;
-    }
-    to {
-        top: 0%;
-        height: 100%;
-    }
-}
-
-@-webkit-keyframes bot-out {
-    from {
-        left: 0%;
-        width: 100%;
-    }
-    to {
-        left: 100%;
-        width: 0%;
-    }
-}
-
-@keyframes bot-out {
-    from {
-        left: 0%;
-        width: 100%;
-    }
-    to {
-        left: 100%;
-        width: 0%;
-    }
-}
-
-@-webkit-keyframes bot-in {
-    from {
-        left: -100%;
-        width: 0%;
-    }
-    to {
-        left: 0%;
-        width: 100%;
-    }
-}
-
-@keyframes bot-in {
-    from {
-        left: -100%;
-        width: 0%;
-    }
-    to {
-        left: 0%;
-        width: 100%;
-    }
-}
-.ui.input {
-    font-size: 1em;
-}
-.ui.input {
-    position: relative;
-    border: 2px solid #e4e9f100;
-}
-
-.ui.icon.input>i.icon:not(.link) {
-    pointer-events: none;
-}
-.ui[class*="left icon"].input>i.icon {
-    right: auto;
-    left: 1px;
-    border-radius: .28571429rem 0 0 .28571429rem;
-}
-.ui.icon.input>i.icon {
-    cursor: default;
-    position: absolute;
-    line-height: 1;
-    text-align: center;
-    top: 0;
-    right: 0;
-    margin: 0;
-    height: 100%;
-    width: 2.67142857em;
-    opacity: .5;
-    border-radius: 0 .28571429rem .28571429rem 0;
-    transition: opacity .3s ease;
-}
-i.icon, i.icons {
-    font-size: 1em;
-}
-i.icon {
-    animation: 1.2s spin infinite linear;
-}
-
-.ui.loading.loading.input>i.icon:before {
-    position: absolute;
-    content: '';
-    top: 50%;
-    left: 50%;
-    margin: -.64285714em 0 0 -.64285714em;
-    width: 1.28571429em;
-    height: 1.28571429em;
-    border-radius: 500rem;
-    border: .2em solid rgba(0,0,0,.1);
-}
-.ui.icon.input>i.icon:after, .ui.icon.input>i.icon:before {
-    left: 0;
-    position: absolute;
-    text-align: center;
-    top: 50%;
-    width: 100%;
-    margin-top: -.5em;
-}
-
-i.icon.search:before {
-    content: "\f002";
-}
-i.icon:before {
-    background: 0 0!important;
-}
-
-.ui.loading.loading.input>i.icon:after {
-    position: absolute;
-    content: '';
-    top: 50%;
-    left: 50%;
-    margin: -.64285714em 0 0 -.64285714em;
-    width: 1.28571429em;
-    height: 1.28571429em;
-    -webkit-animation: button-spin .6s linear;
-    animation: button-spin .6s linear;
-    -webkit-animation-iteration-count: infinite;
-    animation-iteration-count: infinite;
-    border-radius: 500rem;
-    border-color: #2164BE transparent transparent;
-    border-style: solid;
-    border-width: .2em;
-    box-shadow: 0 0 0 1px transparent;
-}
-.ui.icon.input>i.icon:after, .ui.icon.input>i.icon:before {
-    left: 0;
-    position: absolute;
-    text-align: center;
-    top: 50%;
-    width: 100%;
-    margin-top: -.5em;
-}
-
-.ui[class*="left icon"].input>input {
-    padding-left: 2.67142857em!important;
-    padding-right: 1em!important;
-}
-.f-load-icon {
-    display: block;
-}
-
-.f-load-icon.primary {
-    border: 2px solid #2F80ED;
-    color: rgba(47, 128, 237, 0.5);
-}
-
-.f-load-icon.secondary {
-    border: 2px solid #6c757d;
-    color: rgba(108, 117, 125, 0.5);
-}
-
-.f-load-icon.success {
-    border: 2px solid #198754;
-    color: rgba(25, 135, 84, 0.5);
-}
-
-.f-load-icon.danger {
-    border: 2px solid #dc3545;
-    color: rgba(220, 53, 69, 0.5);
-}
-
-.f-load-icon.warning {
-    border: 2px solid #ffc107;
-    color: rgba(255, 193, 7, 0.5);
-}
-
-.f-load-icon.info {
-    border: 2px solid #0dcaf0;
-    color: rgba(13, 202, 240, 0.5);
-}
-
-.f-load-icon.light {
-    border: 2px solid #f8f9fa;
-    color: rgba(248, 249, 250, 0.5);
-}
-
-.f-load-icon.dark {
-    border: 2px solid #212529;
-    color: rgba(33, 37, 41, 0.5);
-}
-
-.f-load-icon.link {
-    border: 2px solid #0a58ca;
-    color: rgba(10, 88, 202, 0.5);
-}
-
-.margin-item  {
-    margin: 0 0 0 8px;
-}
-.f-container {
-    width: 100%;
-    margin-left: auto;
-    box-sizing: border-box;
-    margin-right: auto;
-    display: block;
-    padding-left: 16px;
-    padding-right: 16px;
-}
-
-@media (min-width: 1400px) {
-    .container-xs {
-        max-width: 444px;
-    }
-
-    .container-sm {
-        max-width: 600px;
-    }
-
-    .container-md {
-        max-width: 900px;
-    }
-
-    .container-lg {
-        max-width: 1200px;
-    }
-
-    .container-xl {
-        max-width: 600px;
-    }
-
-    .container-fluid {
-        max-width: 100%;
-    }
-}
-
-@media (min-width: 1200px) and (max-width: 1399px) {
-    .container-xs {
-        max-width: 444px;
-    }
-
-    .container-sm {
-        max-width: 600px;
-    }
-
-    .container-md {
-        max-width: 900px;
-    }
-
-    .container-lg {
-        max-width: 1200px;
-    }
-
-    .container-xl {
-        max-width: 1140px;
-    }
-
-    .container-fluid {
-        max-width: 100%;
-    }
-}
-
-@media (min-width: 992px) and (max-width: 1199px) {
-    .container-xs {
-        max-width: 444px;
-    }
-
-    .container-sm {
-        max-width: 600px;
-    }
-
-    .container-md {
-        max-width: 900px;
-    }
-
-    .container-lg {
-        max-width: 1200px;
-    }
-
-    .container-xl {
-        max-width: 100%;
-    }
-
-    .container-fluid {
-        max-width: 100%;
-    }
-}
-
-@media (min-width: 768px) and (max-width: 991px) {
-    .container-xs {
-        max-width: 444px;
-    }
-
-    .container-sm {
-        max-width: 600px;
-    }
-
-    .container-md {
-        max-width: 900px;
-    }
-
-    .container-lg {
-        max-width: 100%;
-    }
-
-    .container-xl {
-        max-width: 100%;
-    }
-
-    .container-fluid {
-        max-width: 100%;
-    }
-}
-
-@media (min-width: 576px) and (max-width: 767px) {
-    .container-xs {
-        max-width: 444px;
-    }
-
-    .container-sm {
-        max-width: 600px;
-    }
-
-    .container-md {
-        max-width: 100%;
-    }
-
-    .container-lg {
-        max-width: 100%;
-    }
-
-    .container-xl {
-        max-width: 100%;
-    }
-
-    .container-fluid {
-        max-width: 100%;
-    }
-}
-
-@media (max-width: 576px) {
-    .container-xs {
-        max-width: 100%;
-    }
-
-    .container-sm {
-        max-width: 100%;
-    }
-
-    .container-md {
-        max-width: 100%;
-    }
-
-    .container-lg {
-        max-width: 100%;
-    }
-
-    .container-xl {
-        max-width: 100%;
-    }
-
-    .container-fluid {
-        max-width: 100%;
-    }
-}
-.panel {
-    border: 0 none;
-}
-
-.panel-default {
-    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
-    margin-bottom: 20px;
-    background-color: #fff;
-    border-radius: 8px;
-}
-
-.panel-default > .panel-heading {
-    color: #000;
-}
-
-.panel-default > .panel-heading {
-    background-color: #F8F8F8;
-}
-
-.panel-heading {
-    padding: 10px 40px;
-    border-bottom: 1px solid transparent;
-    border-top-right-radius: 7px;
-    border-top-left-radius: 7px;
-}
-
-.panel-body {
-    padding: 15px 40px;
-    width: auto;
-}
-
-.portlet-body .panel-title:last-child, .panel-group.panel-group-accordion .panel-title:last-child, .form-title:last-child {
-    margin-bottom: 0;
-}
-
-.panel-group.panel-group-accordion .panel-title, .portlet-body .panel-title {
-    font-size: 16px;
-}
-
-.portlet-body .panel-title, .panel-group.panel-group-accordion .panel-title, .form-title {
-    font-family: "SF UI Display", sans-serif;
-    line-height: 1.2;
-    color: inherit;
-    font-weight: bold;
-    margin: 0;
-    margin-bottom: 20px;
-}
-
-.panel-title {
-    font-size: 1em;
-    font-weight: 500;
-    overflow-wrap: break-word;
-    word-wrap: break-word;
-}
-
-.panel-title {
-    margin-top: 0;
-    margin-bottom: 0;
-    font-size: 16px;
-    color: inherit;
-}
-.table-responsive .table {
-    min-width: 100%;
-    margin-bottom: 10px;
-}
-
-.table-bordered.table-bordered-half {
-    border-width: 0;
-}
-
-table, .table {
-    font-size: 13px;
-    color: #656565;
-    border-collapse: collapse;
-    border-top-width: 0;
-}
-
-.table-bordered {
-    border: 1px solid #C4C4C4;
-}
-
-.table {
-    width: 100%;
-    max-width: 100%;
-    margin-bottom: 20px;
-}
-
-table {
-    background-color: transparent;
-}
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-table thead tr {
-    border-top: 0;
-}
-table thead tr th {
-    border-top: 0;
-}
-table thead tr th:first-child {
-    border-left: 0;
-}
-table thead tr th:last-child {
-    border-right: 0;
-}
-table tbody tr td:first-child {
-    border-left: 0;
-}
-table tbody tr td:last-child {
-    border-right: 0;
-}
-
-table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
-    vertical-align: middle;
-}
-
-.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
-    padding: 12px 20px;
-    line-height: 1.42857;
-}
-.f-dialog {
-    z-index: 999999;
-    height: 100vh;
-    width: 100vw;
-    background-color: rgba(0,0,0,0.4);
-    position: fixed;
-    top: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    opacity: 0;
-    pointer-events: none;
-    transition: 1s;
-}
-
-.f-dialog.active-dialog {
-    opacity: 1;
-    pointer-events: all;
-}
-
-.f-dialog-content {
-    padding: 20px;
-    border-radius: 12px;
-    background-color: white;
-    transform: scale(0.5);
-    transition: 1s;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    /* максимально возможная ширина */
-    max-width: 80vw;
-    max-height: 95vh;
-}
-
-.dialog-body {
-    width: 100%;
-}
-
-.f-dialog-content.active {
-    transform: scale(1);
-}
-
-.f-dialog-content.hide {
-    opacity: 0;
-    pointer-events: none;
-}
-
-.f-dialog-content.hide {
-    opacity: 0;
-    pointer-events: none;
-}
-
-/* Заголовок с кнопкой закрытия */
-.dialog-header {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-    padding: 8px 16px 8px 16px;
-    gap: 24px;
-}
-
-/* Заголовок с кнопкой закрытия */
-.dialog-footer {
-    padding: 16px 8px 8px 8px;
-}
-
-body.open-dialog {
-    overflow: hidden;
-}
-.f-progress {
-    width: 5rem;
-    height: 5rem;
-    margin: 2rem;
-    border-radius: 50%;
-    border: 0.7rem solid rgba(151, 159, 208, 0.3);
-    border-top-color: #2164BE;
-    animation: 1.2s spin infinite linear;
-}
-.f-preloader {
-    display: block;
-    position: fixed;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 1001;
-}
-
-.f-preloader-row {
-    position: relative;
-    top: 50%;
-    left: 50%;
-    width: 70px;
-    height: 70px;
-    margin-top: -35px;
-    margin-left: -35px;
-    text-align: center;
-    animation: preloader-rotate 2s infinite linear;
-}
-.f-checkbox label {
-    display: flex;
-    flex-direction: row;
-    gap: 8px;
-    color: #656565;
-    font-family: "SF UI Display", sans-serif;
-    font-size: 14px;
-    font-weight: 500;
-    align-items: center;
-}
-
-.f-checkbox label input[type=checkbox] {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    background-color: #fff;
-    margin: 0;
-    font: inherit;
-    color: #fff;
-    width: 1.15em;
-    height: 1.15em;
-    border: 1px solid #C4C4C4;
-    border-radius: 0.15em;
-    display: grid;
-    place-content: center;
-}
-
-.f-checkbox label input[type=checkbox]::before {
-    content: "";
-    width: 10px;
-    height: 10px;
-    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
-    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
-    transform: scale(0);
-    transform-origin: bottom left;
-    transition: 120ms transform ease-in-out;
-    background-color: #fff;
-}
-
-.f-checkbox label input[type=checkbox]:checked::before {
-    transform: scale(1);
-}
-
-.f-checkbox label input[type=checkbox]:checked {
-    transform: scale(1);
-    border: 1px solid #2F80ED;
-    background-color: #2F80ED;
-    color: #fff;
-}
-
-.f-checkbox label input[type=checkbox]:focus {
-    outline: none !important;
-}
-
-.f-checkbox label input[type=checkbox]:disabled {
-    cursor: not-allowed;
-}
-
-.f-radio label {
-    display: flex;
-    flex-direction: row;
-    gap: 8px;
-    color: #656565;
-    font-family: "SF UI Display", sans-serif;
-    font-size: 14px;
-    font-weight: 500;
-    align-items: center;
-}
-
-/* Наружний круг */
-.f-radio label input[type=radio] {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    background-color: white;
-    margin: 0;
-    font: inherit;
-    color: #C4C4C4;
-    width: 16px;
-    height: 16px;
-    border: 1px solid #C4C4C4;
-    border-radius: 50%;
-    transform: translateY(-0.075em);
-    display: grid;
-    place-content: center;
-}
-
-/* Наружний круг Когда активен */
-.f-radio label input[type=radio]:checked {
-    border: 1px solid #2F80ED;
-}
-
-.f-radio label input[type=radio]:focus {
-    outline: none !important;
-}
-
-/* Наружний круг Когда заблокирован */
-.f-radio label input[type=radio]:disabled {
-    cursor: not-allowed;
-}
-
-/* Внутренний круг */
-.f-radio label input[type=radio]::before {
-    content: "";
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    transform: scale(0);
-    transition: 120ms transform ease-in-out;
-    box-shadow: inset 1em 1em #2F80ED;
-}
-
-/* Внутренний круг Когда активен */
-.f-radio label input[type=radio]:checked::before {
-    transform: scale(1);
-}
-
-.pagination-container {
-    display: flex;
-    list-style-type: none;
-}
-.pagination-container .pagination-item {
-    padding: 0 12px;
-    height: 32px;
-    text-align: center;
-    margin: auto 4px;
-    color: rgba(0, 0, 0, 0.87);
-    display: flex;
-    box-sizing: border-box;
-    align-items: center;
-    letter-spacing: 0.01071em;
-    border-radius: 4px;
-    line-height: 1.43;
-    font-size: 13px;
-    min-width: 32px;
-}
-.pagination-container .pagination-item.dots:hover {
-    background-color: transparent;
-    cursor: default;
-}
-.pagination-container .pagination-item:hover {
-    background-color: rgba(0, 0, 0, 0.04);
-    cursor: pointer;
-}
-.pagination-container .pagination-item.selected {
-    background-color: #2F80ED;
-    color: white;
-}
-.pagination-container .pagination-item .arrow::before {
-    position: relative;
-    /* top: 3pt; Uncomponent this to lower the icons as requested in components*/
-    content: '';
-    /* By using an em scale, the arrows will size with the font */
-    display: inline-block;
-    width: 0.4em;
-    height: 0.4em;
-    border-right: 0.12em solid rgba(0, 0, 0, 0.87);
-    border-top: 0.12em solid rgba(0, 0, 0, 0.87);
-}
-.pagination-container .pagination-item .arrow.left {
-    transform: rotate(-135deg) translate(-50%);
-}
-.pagination-container .pagination-item .arrow.right {
-    transform: rotate(45deg);
-}
-.pagination-container .pagination-item.disabled {
-    pointer-events: none;
-}
-.pagination-container .pagination-item.disabled .arrow::before {
-    border-right: 0.12em solid rgba(0, 0, 0, 0.43);
-    border-top: 0.12em solid rgba(0, 0, 0, 0.43);
-}
-.pagination-container .pagination-item.disabled:hover {
-    background-color: transparent;
-    cursor: default;
-}
-
-.fv-tl-block-card {
-    position: relative;
-    max-width: 100%;
-}
-
-.fv-tl-block-card:nth-child(odd) {
-    padding: 30px 0 30px 30px;
-}
-
-.fv-tl-block-card:nth-child(even) {
-    padding: 30px 30px 30px 0;
-}
-
-.fv-tl-block-card::before {
-    content: "";
-    position: absolute;
-    width: 50%;
-    border: solid #0d6efd;
-}
-
-.fv-tl-block-card:nth-child(odd)::before {
-    left: 0px;
-    top: -4.5px;
-    bottom: -4.5px;
-    border-width: 5px 0 5px 5px;
-    border-radius: 50px 0 0 50px;
-}
-
-.fv-tl-block-card:nth-child(even)::before {
-    right: 0;
-    top: 0;
-    bottom: 0;
-    border-width: 5px 5px 5px 0;
-    border-radius: 0 50px 50px 0;
-}
-
-.fv-tl-block-card:first-child::before {
-    border-top: 0;
-    border-top-left-radius: 0;
-}
-
-.fv-tl-block-card:last-child:nth-child(odd)::before {
-    border-bottom: 0;
-    border-bottom-left-radius: 0;
-}
-
-.fv-tl-block-card:last-child:nth-child(even)::before {
-    border-bottom: 0;
-    border-bottom-right-radius: 0;
-}
-
-.fv-tl-card {
-    position: inherit;
-    z-index: 1;
-}
-
-.fv-tl-line-circle {
-    color: #0d6efd;
-    position: relative;
-}
-
-.fv-tl-line-circle::before {
-    content: "";
-    position: absolute;
-    width: 10px;
-    height: 10px;
-    background: white;
-    border-radius: 999px;
-    border: 3px solid #0d6efd;
-}
-
-.fv-tl-block-card:nth-child(even) > .fv-tl-line-circle {
-    text-align: right;
-}
-
-.fv-tl-block-card:nth-child(odd) > .fv-tl-line-circle::before {
-    left: -32px;
-}
-
-.fv-tl-block-card:nth-child(even) > .fv-tl-line-circle::before {
-    right: -30px;
-}
-.fv-opn-img-full-body {
-    position: relative;
-    padding: 20px 30px 15px;
-}
-
-.fv-opn-img-full-body {
-    position: relative;
-    flex: 1 1 auto;
-    padding: var(--bs-modal-padding);
-}
-
-:root {
-    --color-bg: #eeedeb;
-    --color-title: #0e1c4e;
-    --color-summary-1: #fff6ee;
-    --color-summary-1-highlight: #FBE62B;
-    --color-summary-2: #fafaff;
-    --color-summary-2-highlight: #2F80ED;
-    --color-summary-3: #fff0f3;
-    --color-summary-3-highlight: #D10000;
-}
-
-.card h1 {
-    font-style: normal;
-    font-weight: bold;
-    font-size: 20px;
-    line-height: 1.2;
-    color: var(--color-title);
-}
-
-.fv-accord-title {
-    cursor: pointer;
-}
-
-.card details {
-    display: flex;
-    border-radius: 5px;
-    overflow: hidden;
-    background: rgba(0, 0, 0, 0.05);
-    border-left: 15px solid gray;
-    padding: 15px;
-    margin: 0;
-}
-
-.card details.warning {
-    --highlight: var(--color-summary-1-highlight);
-    background: var(--color-summary-1);
-    border-left-color: var(--color-summary-1-highlight);
-}
-
-.card details.warning p {
-    list-style-type: corona-warning;
-}
-
-.card details.info {
-    --highlight: var(--color-summary-2-highlight);
-    background: var(--color-summary-2);
-    border-left-color: var(--color-summary-2-highlight);
-}
-
-.card details.info p {
-    list-style-type: corona-info;
-}
-
-.card details.alert {
-    --highlight: var(--color-summary-3-highlight);
-    background: var(--color-summary-3);
-    border-left-color: var(--highlight);
-}
-
-.card details.alert p {
-    list-style-type: corona-alert;
-}
-
-.card details summary,
-.card details p {
-    position: relative;
-    display: flex;
-    flex-direction: row;
-    align-content: center;
-    justify-content: flex-start;
-    font-style: normal;
-    font-weight: normal;
-    font-size: 18px;
-    color: var(--color-title);
-    padding: 20px;
-}
-
-.card details[open] summary {
-    font-weight: 700;
-}
-
-.custom-file {
-    position: relative;
-}
-
-.custom-file .custom-file-input:not([disabled]) {
-    cursor: pointer;
-}
-
-.custom-file .custom-file-input {
-    position: absolute;
-    z-index: 2;
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    opacity: 0;
-}
-
-input[type="file"] {
-    display: block;
-}
-
-.custom-file.custom-file-dropzone .custom-file-label {
-    position: relative;
-    display: block;
-    background: rgba(47, 128, 237, 0.1);
-    border: 1px dashed #2F80ED;
-    border-radius: 8px;
-    padding: 20px;
-    padding-top: 10px;
-    text-align: center;
-    font-family: "SF UI Display", sans-serif;
-    font-size: 14px;
-    color: #7AAEF3;
-}
-
-.custom-file .custom-file-label {
-    cursor: pointer;
-    padding: 5px;
-}
-
-.custom-file.custom-file-dropzone .custom-file-label b, .custom-file.custom-file-dropzone .custom-file-label .svg-icon {
-    color: #2F80ED;
-}
-
-.custom-file .svg-icon {
-    color: #2F80ED;
-}
-
-.custom-file .svg-icon .icon-md, .svg-icon.lexicon-icon-md {
-    width: 32px;
-    height: 32px;
-}
-
-.custom-file svg:not(:root) {
-    overflow: hidden;
-}
-
-.custom-file .svg-icon {
-    display: inline-block;
-    fill: currentColor;
-    width: 22px;
-    height: 22px;
-    vertical-align: middle;
-}
-
-.custom-file.custom-file-dropzone .custom-file-label b, .custom-file.custom-file-dropzone .custom-file-label .svg-icon {
-    color: #2F80ED;
-}
-
-.custom-file b, strong {
-    font-weight: bold;
-}
-
-.custom-file.custom-file-dropzone .custom-file-label small {
-    font-size: 13px;
-}
-
-.custom-file small, .small {
-    font-size: 92%;
-}
-
-.custom-file small {
-    font-size: 80%;
-}
-
-.form-group .custom-files-preview {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    min-height: 34px;
-}
-
-.custom-file .hidden {
-    display: none !important;
-}
-
-.input-load {
-    position: absolute;
-    cursor: pointer;
-    top: 60%;
-    transform: translateY(-50%);
-    left: 1em;
-}
-.select-search-db {
-    position: relative;
-    display: inline-block;
-    padding-bottom: 16px;
-}
-
-.select-search-db-input-block {
-    position: relative;
-}
-
-.select-search-db-input-arrow{
-    position: absolute;
-    cursor: pointer;
-    top: 50%;
-    transform: translateY(-50%);
-    right: 1em;
-}
-
-.select-search-db-input-load {
-    position: absolute;
-    cursor: pointer;
-    top: 60%;
-    transform: translateY(-50%);
-    left: 1em;
-}
-
-.select-search-db-dropdown {
-    display: none;
-    flex-direction: column;
-    position: absolute;
-    padding: 10px;
-    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
-    border-radius: 10px;
-    width: 100%;
-    z-index: 6;
-    margin-top: 2px;
-    opacity: 0;
-    background-color: white;
-    overflow-y: auto;
-    max-height: 300px;
-}
-
-.select-search-db:hover .select-search-db-dropdown {
-    display: flex;
-    opacity: 1;
-    animation: fadeInFromNone 0.3s ease;
-}
-
-.select-search-db-dropdown li {
-    padding: 8px;
-    color: #656565;
-    font-size: 14px;
-    border-bottom: 1px solid #C4C4C4;
-    cursor: pointer;
-    list-style-type: none;
-}
-
-.select-search-db-dropdown li:last-child {
-    border-bottom: 0;
-}
-
-.select-search-db-dropdown li:hover {
-    background-color: rgb(47 128 237 / 21%);
-}
-
-@keyframes fadeInFromNone {
-    0% {
-        display: none;
-        opacity: 0;
-    }
-
-    1% {
-        display: flex;
-        opacity: 0;
-        transform: translateY(-10%);
-    }
-
-    100% {
-        display: flex;
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-.f-block-alert {
-    z-index: 999;
-    height: 100vh;
-    width: 100vw;
-    position: fixed;
-    top: 0;
-    left: 0;
-    opacity: 0;
-    transition: opacity 1s ease-in-out;
-}
-
-.f-alert-component {
-    margin: 16px;
-    position: absolute;
-}
-
-.f-alert {
-    display: flex;
-    flex-direction: row;
-    width: fit-content;
-    min-height: 75px;
-    background-color: white;
-    border-radius: 10px;
-    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
-    position: relative;
-}
-
-.f-alert-ico {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 40px;
-    border-bottom-left-radius: 10px;
-    border-top-left-radius: 10px;
-}
-
-.f-alert-ico.info {
-    color: #2164BE !important;
-    background-color: rgba(149, 191, 255, 0.4) !important;
-    fill: #2164BE !important;
-}
-
-.f-alert-ico.error {
-    color: #D10000 !important;
-    background-color: rgba(209, 0, 0, 0.4) !important;
-    fill: #D10000 !important;
-}
-
-.f-alert-ico.success {
-    color: #0f7a11 !important;
-    background-color: rgba(72, 159, 73, 0.4) !important;
-    fill: #0f7a11 !important;
-}
-
-.f-alert-ico.warning {
-    color: #ffc107 !important;
-    background-color: rgba(255, 193, 7, 0.4) !important;
-    fill: #ffc107 !important;
-}
-
-.f-alert-inside {
-    display: flex;
-    flex-direction: column;
-    margin: 16px;
-    gap: 16px;
-}
-
-.f-alert-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.f-alert-header h4 {
-    font-family: "SF UI Display", sans-serif;
-    color: #000;
-    font-size: 16px;
-    font-weight: 600;
-    line-height: 1.2;
-    margin-bottom: 0;
-}
-
-.f-alert-body {
-    display: flex;
-    align-items: center;
-}
-
-.f-alert-body span {
-    font-size: 14px;
-    font-weight: bold;
-    color: #656565;
-    white-space: normal;
-    -webkit-hyphens: auto;
-    -ms-hyphens: auto;
-    hyphens: auto;
-    word-wrap: anywhere;
-}
-
-.f-alert-hidden {
-    visibility: hidden;
-    opacity: 0;
-    transition: visibility 0s 1s, opacity 1s linear;
-}
-
-.f-alert-visible {
-    visibility: visible;
-    opacity: 1;
-    transition: opacity 1s linear;
-}
-
-.f-alert-progress {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    width: calc(100% - 40px);
-}
-
-.f-alert-progress-bar {
-    position: relative;
-    border: 0;
-    height: 6px;
-    background-color: #e9ecef !important;
-    border-bottom-left-radius: 10px;
-    border-top-left-radius: 10px;
-    width: 100%;
-}
-
-.f-alert-progress-value {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    border-bottom-left-radius: 10px;
-    border-top-left-radius: 10px;
-    transform: rotate(180deg) scaleX(1);
-    height: 6px;
-    width: 100%;
-}
-
-.f-alert-progress-value.info {
-    background-color: rgba(149, 191, 255, 0.4) !important;
-}
-
-.f-alert-progress-value.error {
-    background-color: rgba(209, 0, 0, 0.4) !important;
-}
-
-.f-alert-progress-value.success {
-    background-color: rgba(72, 159, 73, 0.4) !important;
-}
-
-.f-alert-progress-value.warning {
-    background-color: rgba(255, 193, 7, 0.4) !important;
-}
-.f-form-native {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-}
-
-.f-native-label {
-    padding-left: 11px;
-}
-
-.f-form-native .f-native {
-    min-width: 120px;
-    border: 1px solid rgba(0, 0, 0, 0.3);
-    appearance: none;
-    user-select: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font: inherit;
-    letter-spacing: inherit;
-    color: currentcolor;
-    box-sizing: content-box;
-    background: none;
-    margin: 0px;
-    -webkit-tap-highlight-color: transparent;
-    display: block;
-    width: 100%;
-    animation-name: fui-auto-fill-cancel;
-    animation-duration: 10ms;
-    padding: 5.5px 14px;
-}
-
-.f-form-native .f-native:hover {
-    border-color: #2f80ed;
-}
-.f-form-native .f-native:focus-visible {
-    outline: 0;
-}
-
-.f-form-native .f-native option:active {
-    background-color: red;
-}
-.f-tabs {
-    display: flex;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-    margin-bottom: 16px;
-}
-
- .f-tabs-btn {
-     display: inline-flex;
-     -webkit-box-align: center;
-     align-items: center;
-     -webkit-box-pack: center;
-     justify-content: center;
-     box-sizing: border-box;
-     -webkit-tap-highlight-color: transparent;
-     background-color: transparent;
-     outline: 0px;
-     border: 0px;
-     margin: 0px;
-     border-radius: 0px;
-     cursor: pointer;
-     user-select: none;
-     vertical-align: middle;
-     appearance: none;
-     text-decoration: none;
-     font-family: Roboto, Helvetica, Arial, sans-serif;
-     font-weight: 500;
-     line-height: 1.25;
-     letter-spacing: 0.02857em;
-     text-transform: uppercase;
-     max-width: 360px;
-     min-width: 90px;
-     position: relative;
-     min-height: 48px;
-     flex-shrink: 0;
-     padding: 12px 16px;
-     overflow: hidden;
-     white-space: normal;
-     text-align: center;
-     flex-direction: column;
- }
-
-.f-tabs-btn.active {
-    color: #2F80ED;
-    border-bottom: solid 2px #2F80ED;
-}
-
-.f-tabs-btn:disabled {
-    color: rgb(196, 196, 196);
-}
-
-.f-dropdown {
-    position: relative;
-    display: inline-block;
-    padding: 16px;
-}
-
-.f-dropdown-content {
-    display: none;
-    flex-direction: column;
-    position: absolute;
-    padding: 10px;
-    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
-    border-radius: 10px;
-    min-width: 200px;
-    max-width: 400px;
-    z-index: 6;
-    margin-top: 10px;
-    opacity: 0;
-    background-color: white;
-}
-
-.f-dropdown-link {
-    padding: 8px;
-    color: #656565;
-    font-size: 14px;
-    border-bottom: 1px solid #C4C4C4;
-    cursor: pointer;
-    list-style-type: none;
-}
-
-.f-dropdown:hover .f-dropdown-content {
-    display: flex;
-    opacity: 1;
-    animation: fadeInFromNone 0.3s ease;
-}
-
-.f-dropdown-link:last-child {
-    border-bottom: 0;
-}
-
-.f-dropdown-link:hover {
-    color: #2F80ED;
-}
-
-.f-dropdown-down-arrow {
-    width: 2rem;
-    height: 2rem;
-}
-
-
-@keyframes fadeInFromNone {
-    0% {
-        display: none;
-        opacity: 0;
-    }
-
-    1% {
-        display: flex;
-        opacity: 0;
-        transform: translateY(-10%);
-    }
-
-    100% {
-        display: flex;
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-.f-search-box-box {
-    display: flex;
-    flex-direction: row;
-    align-items: flex-start;
-}
-
-.f-search-box-inp {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-right: 0;
-}
-
-.f-function-block-alert {
-    z-index: 9999999999;
-    height: 100vh;
-    width: 100vw;
-    background-color: rgba(0,0,0,0.4);
-    position: fixed;
-    top: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: all;
-    transition: 1s;
-}
-
-.f-function-alert {
-    display: flex;
-    flex-direction: row;
-    width: 625px;
-    min-height: 75px;
-    background-color: white;
-    border-radius: 10px;
-}
-
-.f-function-alert-ico {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 40px;
-    border-bottom-left-radius: 10px;
-    border-top-left-radius: 10px;
-}
-
-.f-function-alert-ico.info-alert {
-    color: #2164BE !important;
-    background-color: rgba(149, 191, 255, 0.4) !important;
-    fill: #2164BE !important;
-}
-
-.f-function-alert-ico.error-alert {
-    color: #D10000 !important;
-    background-color: rgba(209, 0, 0, 0.4) !important;
-    fill: #D10000 !important;
-}
-
-.f-function-alert-ico.success-alert {
-    color: #0f7a11 !important;
-    background-color: rgba(72, 159, 73, 0.4) !important;
-    fill: #0f7a11 !important;
-}
-
-.f-function-alert-ico.warning-alert {
-    color: #ffc107 !important;
-    background-color: rgba(255, 193, 7, 0.4) !important;
-    fill: #ffc107 !important;
-}
-
-.f-function-alert-inside {
-    display: flex;
-    flex-direction: column;
-    margin: 16px;
-    gap: 16px;
-    width: 553px;
-}
-
-.f-function-alert-header {
-    display: flex;
-    align-items: center;
-}
-
-.f-function-alert-header h4 {
-    font-family: "SF UI Display", sans-serif;
-    color: #000;
-    font-size: 15px;
-    font-weight: 600;
-    line-height: 1.2;
-}
-
-.f-function-alert-body {
-    display: flex;
-    align-items: center;
-}
-
-.f-function-alert-body span {
-    font-size: 12px;
-    font-weight: bold;
-    color: #656565;
-    white-space: normal;
-    -webkit-hyphens: auto;
-    -ms-hyphens: auto;
-    hyphens: auto;
-    word-wrap: anywhere;
-}
-
-.f-function-alert-footer {
-    display: flex;
-    align-items: center;
-    flex-direction: row-reverse;
-}
-.f-function-block-confirm {
-    z-index: 9999999999;
-    height: 100vh;
-    width: 100vw;
-    background-color: rgba(0, 0, 0, 0.4);
-    position: fixed;
-    top: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: all;
-    transition: 1s;
-}
-
-.f-function-confirm {
-    display: flex;
-    flex-direction: row;
-    width: 625px;
-    min-height: 75px;
-    background-color: white;
-    border-radius: 10px;
-}
-
-.f-function-confirm-ico {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 40px;
-    border-bottom-left-radius: 10px;
-    border-top-left-radius: 10px;
-}
-
-.f-function-confirm-ico.warning {
-    color: #ffc107 !important;
-    background-color: rgba(255, 193, 7, 0.4) !important;
-    fill: #ffc107 !important;
-}
-
-.f-function-confirm-inside {
-    display: flex;
-    flex-direction: column;
-    margin: 16px;
-    gap: 16px;
-    width: 553px;
-}
-
-.f-function-confirm-header {
-    display: flex;
-    align-items: center;
-}
-
-.f-function-confirm-header h4 {
-    font-family: "SF UI Display", sans-serif;
-    color: #000;
-    font-size: 15px;
-}
-
-.f-function-confirm-body {
-    display: flex;
-    align-items: center;
-}
-
-.f-function-confirm-body span {
-    font-size: 12px;
-    font-weight: bold;
-    color: #656565;
-    white-space: normal;
-    -webkit-hyphens: auto;
-    -ms-hyphens: auto;
-    hyphens: auto;
-    word-wrap: anywhere;
-}
-
-.f-function-confirm-footer {
-    display: flex;
-    align-items: center;
-    flex-direction: row-reverse;
-    gap: 8px;
-}
-.f-function-block-prompt {
-    z-index: 9999999999;
-    height: 100vh;
-    width: 100vw;
-    background-color: rgba(0,0,0,0.4);
-    position: fixed;
-    top: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: all;
-    transition: 1s;
-}
-
-.f-function-prompt {
-    display: flex;
-    flex-direction: row;
-    width: 625px;
-    min-height: 75px;
-    background-color: white;
-    border-radius: 10px;
-}
-
-.f-function-prompt-ico {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 40px;
-    border-bottom-left-radius: 10px;
-    border-top-left-radius: 10px;
-}
-
-.f-function-prompt-ico.warning {
-    color: #0dcaf0  !important;
-    background-color: rgba(13, 202, 240, 0.4) !important;
-    fill: #0dcaf0  !important;
-}
-
-.f-function-prompt-inside {
-    display: flex;
-    flex-direction: column;
-    margin: 16px;
-    gap: 16px;
-    width: 553px;
-}
-
-.f-function-prompt-header {
-    display: flex;
-    align-items: center;
-}
-
-.f-function-prompt-header h4 {
-    font-family: "SF UI Display", sans-serif;
-    color: #000;
-    font-size: 15px;
-}
-
-.f-function-prompt-body {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-}
-
-.f-function-prompt-body span {
-    font-size: 12px;
-    font-weight: bold;
-    color: #656565;
-    white-space: normal;
-    -webkit-hyphens: auto;
-    -ms-hyphens: auto;
-    hyphens: auto;
-    word-wrap: anywhere;
-}
-
-.f-function-prompt-input {
-
-}
-
-.f-function-prompt-footer {
-    display: flex;
-    align-items: center;
-    flex-direction: row-reverse;
-    gap: 8px;
-}