File Manager

✏️ Edit File: /var/www/vhosts/nursoft.al/public_html/BodyCode/instudio/Kategori shto fshi ndrysho.html

<!DOCTYPE html>

<html lang="en-US">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="app-web-version" content="1.15.11" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta property="og:locale" content="pl" />
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Innstudio - Dedykowany system do zarządzania studiem EMS"
    />
    <meta
      property="og:description"
      content="Prosty w obsłudze, dedykowany system, który dzięki inteligentnym rozwiązaniom informatycznym pozwoli Ci w efektywny i intuicyjny sposób zarządzać Twoim studiem EMS."
    />
    <meta property="og:url" content="########" />
    <meta
      property="og:site_name"
      content="Innstudio - Dedykowany system do zarządzania studiem EMS"
    />
    <meta property="og:image" content="_________________________" />
    <meta property="og:image:width" content="2048" />
    <meta property="og:image:height" content="2048" />
    <title>Innstudio - Dedykowany system do zarządzania studiem EMS</title>
    <meta
      name="description"
      content="Prosty w obsłudze, dedykowany system, który dzięki inteligentnym rozwiązaniom informatycznym pozwoli Ci w efektywny i intuicyjny sposób zarządzać Twoim studiem EMS."
    />
    <link
      rel="icon"
      href="images/favicon.ico?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <link
      rel="mask-icon"
      href="images/icon.svg?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
      color="#BC1010"
    />
    <link
      rel="apple-touch-icon-precomposed"
      sizes="152x152"
      href="images/apple-touch-icon-152x152.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <link
      rel="apple-touch-icon-precomposed"
      sizes="144x144"
      href="images/apple-touch-icon-144x144.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <link
      rel="apple-touch-icon-precomposed"
      sizes="120x120"
      href="images/apple-touch-icon-120x120.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <link
      rel="apple-touch-icon-precomposed"
      sizes="114x114"
      href="images/apple-touch-icon-114x114.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <link
      rel="apple-touch-icon-precomposed"
      sizes="76x76"
      href="images/apple-touch-icon-76x76.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <link
      rel="apple-touch-icon-precomposed"
      sizes="72x72"
      href="images/apple-touch-icon-72x72.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <link
      rel="apple-touch-icon-precomposed"
      sizes="60x60"
      href="images/apple-touch-icon-60x60.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <link
      rel="apple-touch-icon-precomposed"
      sizes="57x57"
      href="images/apple-touch-icon-57x57.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <link
      rel="icon"
      type="image/png"
      href="images/favicon-196x196.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
      sizes="196x196"
    />
    <link
      rel="icon"
      type="image/png"
      href="images/favicon-128.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
      sizes="128x128"
    />
    <link
      rel="icon"
      type="image/png"
      href="images/favicon-96x96.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
      sizes="96x96"
    />
    <link
      rel="icon"
      type="image/png"
      href="images/favicon-32x32.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
      sizes="32x32"
    />
    <link
      rel="icon"
      type="image/png"
      href="images/favicon-16x16.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
      sizes="16x16"
    />
    <meta name="application-name" content="#FFFFFF" />
    <meta name="msapplication-TileColor" content="#FFFFFF" />
    <meta
      name="msapplication-TileImage"
      content="images/mstile-144x144.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <meta
      name="msapplication-square70x70logo"
      content="images/mstile-70x70.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <meta
      name="msapplication-square150x150logo"
      content="images/mstile-150x150.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <meta
      name="msapplication-wide310x150logo"
      content="images/mstile-310x150.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <meta
      name="msapplication-square310x310logo"
      content="images/mstile-310x310.png?h=d53cabd2817ebdb5fd9e8665ce3b85f5"
    />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/credc.css" />
    <link rel="stylesheet" href="css/cropper.min.css" />
    <link rel="stylesheet" href="css/bootstrap-table.min.css" />
    <link
      rel="stylesheet"
      href="css/bootstrap-datepicker.min.css"
    />
    <link rel="stylesheet" href="css/poppins.css" />
    <link rel="stylesheet" href="css/roboto_mono.css" />
    <link rel="stylesheet" href="css/intlTelInput.min.css" />
    <link rel="stylesheet" href="css/main.min.css" />
    <link rel="stylesheet" href="css/main.min(1).css" />
    <link rel="stylesheet" href="css/main.min(2).css" />
    <link rel="stylesheet" href="css/main.min(3).css" />
    <link rel="stylesheet" href="css/main.min(4).css" />
    <link rel="stylesheet" href="css/main.min(5).css" />
    <link rel="stylesheet" href="css/apexcharts.css" />
    <link rel="stylesheet" href="css/app-11511.min.css" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="white" />
    <meta name="mobile-web-app-capable" content="yes" />
    <script
      src="js/jquery.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap.bundle.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap-datepicker.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap-datepicker.pl.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap-datepicker.en-GB.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap-datepicker.de.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap-datepicker.fr.min.js"
      defer="defer"
    ></script>
    <script src="js/main.min.js" defer="defer"></script>
    <script
      src="js/locales-all.min.js"
      defer="defer"
    ></script>
    <script
      src="js/main.min(1).js"
      defer="defer"
    ></script>
    <script
      src="js/main.min(2).js"
      defer="defer"
    ></script>
    <script
      src="js/main.min(3).js"
      defer="defer"
    ></script>
    <script
      src="js/main.min(4).js"
      defer="defer"
    ></script>
    <script
      src="js/main.min(5).js"
      defer="defer"
    ></script>
    <script
      src="js/main.min(6).js"
      defer="defer"
    ></script>
    <script
      src="js/main.min(7).js"
      defer="defer"
    ></script>
    <script
      src="js/main.min(8).js"
      defer="defer"
    ></script>
    <script
      src="js/main.min(9).js"
      defer="defer"
    ></script>
    <script
      src="js/intlTelInput-jquery.min.js"
      defer="defer"
    ></script>
    <script src="js/utils.js" defer="defer"></script>
    <script
      src="js/bootstrap-table.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap-table-cookie.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap-table-en-US.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap-table-pl-PL.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap-table-de-DE.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap-table-fr-FR.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap-table-eu-EU.min.js"
      defer="defer"
    ></script>
    <script
      src="js/bootstrap3-typeahead.min.js"
      defer="defer"
    ></script>
    <script
      src="js/moment-with-locales.min.js"
      defer="defer"
    ></script>
    <script
      src="js/moment-range.min.js"
      defer="defer"
    ></script>
    <script
      src="js/cropper.min.js"
      defer="defer"
    ></script>
    <script src="js/diff.min.js" defer="defer"></script>
    <script
      src="js/apexcharts.min.js"
      defer="defer"
    ></script>
    <script src="js/app-11511.min.js" defer=""></script>
    <style id="apexcharts-css">
      .apexcharts-canvas {
        position: relative;
        user-select: none;
        /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */
      }

/* scrollbar is not visible by default for legend, hence forcing the visibility */
      .apexcharts-canvas ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 6px;
      }

.apexcharts-canvas ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
      }

.apexcharts-inner {
        position: relative;
      }

.apexcharts-text tspan {
        font-family: inherit;
      }

.legend-mouseover-inactive {
        transition: 0.15s ease all;
        opacity: 0.2;
      }

.apexcharts-series-collapsed {
        opacity: 0;
      }

.apexcharts-tooltip {
        border-radius: 5px;
        box-shadow: 2px 2px 6px -4px #999;
        cursor: default;
        font-size: 14px;
        left: 62px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 20px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        white-space: nowrap;
        z-index: 12;
        transition: 0.15s ease all;
      }

.apexcharts-tooltip.apexcharts-active {
        opacity: 1;
        transition: 0.15s ease all;
      }

.apexcharts-tooltip.apexcharts-theme-light {
        border: 1px solid #e3e3e3;
        background: rgba(255, 255, 255, 0.96);
      }

.apexcharts-tooltip.apexcharts-theme-dark {
        color: #fff;
        background: rgba(30, 30, 30, 0.8);
      }

.apexcharts-tooltip * {
        font-family: inherit;
      }

.apexcharts-tooltip-title {
        padding: 6px;
        font-size: 15px;
        margin-bottom: 4px;
      }

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
        background: #ECEFF1;
        border-bottom: 1px solid #ddd;
      }

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
        background: rgba(0, 0, 0, 0.7);
        border-bottom: 1px solid #333;
      }

.apexcharts-tooltip-text-y-value,
      .apexcharts-tooltip-text-goals-value,
      .apexcharts-tooltip-text-z-value {
        display: inline-block;
        font-weight: 600;
        margin-left: 5px;
      }

.apexcharts-tooltip-title:empty,
      .apexcharts-tooltip-text-y-label:empty,
      .apexcharts-tooltip-text-y-value:empty,
      .apexcharts-tooltip-text-goals-label:empty,
      .apexcharts-tooltip-text-goals-value:empty,
      .apexcharts-tooltip-text-z-value:empty {
        display: none;
      }

.apexcharts-tooltip-text-y-value,
      .apexcharts-tooltip-text-goals-value,
      .apexcharts-tooltip-text-z-value {
        font-weight: 600;
      }

.apexcharts-tooltip-text-goals-label,
      .apexcharts-tooltip-text-goals-value {
        padding: 6px 0 5px;
      }

.apexcharts-tooltip-goals-group,
      .apexcharts-tooltip-text-goals-label,
      .apexcharts-tooltip-text-goals-value {
        display: flex;
      }
      .apexcharts-tooltip-text-goals-label:not(:empty),
      .apexcharts-tooltip-text-goals-value:not(:empty) {
        margin-top: -6px;
      }

.apexcharts-tooltip-marker {
        width: 12px;
        height: 12px;
        position: relative;
        top: 0px;
        margin-right: 10px;
        border-radius: 50%;
      }

.apexcharts-tooltip-series-group {
        padding: 0 10px;
        display: none;
        text-align: left;
        justify-content: left;
        align-items: center;
      }

.apexcharts-tooltip-series-group.apexcharts-active
        .apexcharts-tooltip-marker {
        opacity: 1;
      }

.apexcharts-tooltip-series-group.apexcharts-active,
      .apexcharts-tooltip-series-group:last-child {
        padding-bottom: 4px;
      }

.apexcharts-tooltip-series-group-hidden {
        opacity: 0;
        height: 0;
        line-height: 0;
        padding: 0 !important;
      }

.apexcharts-tooltip-y-group {
        padding: 6px 0 5px;
      }

.apexcharts-tooltip-box,
      .apexcharts-custom-tooltip {
        padding: 4px 8px;
      }

.apexcharts-tooltip-boxPlot {
        display: flex;
        flex-direction: column-reverse;
      }

.apexcharts-tooltip-box > div {
        margin: 4px 0;
      }

.apexcharts-tooltip-box span.value {
        font-weight: bold;
      }

.apexcharts-tooltip-rangebar {
        padding: 5px 8px;
      }

.apexcharts-tooltip-rangebar .category {
        font-weight: 600;
        color: #777;
      }

.apexcharts-tooltip-rangebar .series-name {
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
      }

.apexcharts-xaxistooltip {
        opacity: 0;
        padding: 9px 10px;
        pointer-events: none;
        color: #373d3f;
        font-size: 13px;
        text-align: center;
        border-radius: 2px;
        position: absolute;
        z-index: 10;
        background: #ECEFF1;
        border: 1px solid #90A4AE;
        transition: 0.15s ease all;
      }

.apexcharts-xaxistooltip.apexcharts-theme-dark {
        background: rgba(0, 0, 0, 0.7);
        border: 1px solid rgba(0, 0, 0, 0.5);
        color: #fff;
      }

.apexcharts-xaxistooltip:after,
      .apexcharts-xaxistooltip:before {
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }

.apexcharts-xaxistooltip:after {
        border-color: rgba(236, 239, 241, 0);
        border-width: 6px;
        margin-left: -6px;
      }

.apexcharts-xaxistooltip:before {
        border-color: rgba(144, 164, 174, 0);
        border-width: 7px;
        margin-left: -7px;
      }

.apexcharts-xaxistooltip-bottom:after,
      .apexcharts-xaxistooltip-bottom:before {
        bottom: 100%;
      }

.apexcharts-xaxistooltip-top:after,
      .apexcharts-xaxistooltip-top:before {
        top: 100%;
      }

.apexcharts-xaxistooltip-bottom:after {
        border-bottom-color: #ECEFF1;
      }

.apexcharts-xaxistooltip-bottom:before {
        border-bottom-color: #90A4AE;
      }

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after {
        border-bottom-color: rgba(0, 0, 0, 0.5);
      }

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
        border-bottom-color: rgba(0, 0, 0, 0.5);
      }

.apexcharts-xaxistooltip-top:after {
        border-top-color: #ECEFF1;
      }

.apexcharts-xaxistooltip-top:before {
        border-top-color: #90A4AE;
      }

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after {
        border-top-color: rgba(0, 0, 0, 0.5);
      }

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
        border-top-color: rgba(0, 0, 0, 0.5);
      }

.apexcharts-xaxistooltip.apexcharts-active {
        opacity: 1;
        transition: 0.15s ease all;
      }

.apexcharts-yaxistooltip {
        opacity: 0;
        padding: 4px 10px;
        pointer-events: none;
        color: #373d3f;
        font-size: 13px;
        text-align: center;
        border-radius: 2px;
        position: absolute;
        z-index: 10;
        background: #ECEFF1;
        border: 1px solid #90A4AE;
      }

.apexcharts-yaxistooltip.apexcharts-theme-dark {
        background: rgba(0, 0, 0, 0.7);
        border: 1px solid rgba(0, 0, 0, 0.5);
        color: #fff;
      }

.apexcharts-yaxistooltip:after,
      .apexcharts-yaxistooltip:before {
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }

.apexcharts-yaxistooltip:after {
        border-color: rgba(236, 239, 241, 0);
        border-width: 6px;
        margin-top: -6px;
      }

.apexcharts-yaxistooltip:before {
        border-color: rgba(144, 164, 174, 0);
        border-width: 7px;
        margin-top: -7px;
      }

.apexcharts-yaxistooltip-left:after,
      .apexcharts-yaxistooltip-left:before {
        left: 100%;
      }

.apexcharts-yaxistooltip-right:after,
      .apexcharts-yaxistooltip-right:before {
        right: 100%;
      }

.apexcharts-yaxistooltip-left:after {
        border-left-color: #ECEFF1;
      }

.apexcharts-yaxistooltip-left:before {
        border-left-color: #90A4AE;
      }

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after {
        border-left-color: rgba(0, 0, 0, 0.5);
      }

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
        border-left-color: rgba(0, 0, 0, 0.5);
      }

.apexcharts-yaxistooltip-right:after {
        border-right-color: #ECEFF1;
      }

.apexcharts-yaxistooltip-right:before {
        border-right-color: #90A4AE;
      }

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after {
        border-right-color: rgba(0, 0, 0, 0.5);
      }

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
        border-right-color: rgba(0, 0, 0, 0.5);
      }

.apexcharts-yaxistooltip.apexcharts-active {
        opacity: 1;
      }

.apexcharts-yaxistooltip-hidden {
        display: none;
      }

.apexcharts-xcrosshairs,
      .apexcharts-ycrosshairs {
        pointer-events: none;
        opacity: 0;
        transition: 0.15s ease all;
      }

.apexcharts-xcrosshairs.apexcharts-active,
      .apexcharts-ycrosshairs.apexcharts-active {
        opacity: 1;
        transition: 0.15s ease all;
      }

.apexcharts-ycrosshairs-hidden {
        opacity: 0;
      }

.apexcharts-selection-rect {
        cursor: move;
      }

.svg_select_boundingRect,
      .svg_select_points_rot {
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
      }
      .apexcharts-selection-rect + g .svg_select_boundingRect,
      .apexcharts-selection-rect + g .svg_select_points_rot {
        opacity: 0;
        visibility: hidden;
      }

.apexcharts-selection-rect + g .svg_select_points_l,
      .apexcharts-selection-rect + g .svg_select_points_r {
        cursor: ew-resize;
        opacity: 1;
        visibility: visible;
      }

.svg_select_points {
        fill: #efefef;
        stroke: #333;
        rx: 2;
      }

.apexcharts-svg.apexcharts-zoomable.hovering-zoom {
        cursor: crosshair;
      }

.apexcharts-svg.apexcharts-zoomable.hovering-pan {
        cursor: move;
      }

.apexcharts-zoom-icon,
      .apexcharts-zoomin-icon,
      .apexcharts-zoomout-icon,
      .apexcharts-reset-icon,
      .apexcharts-pan-icon,
      .apexcharts-selection-icon,
      .apexcharts-menu-icon,
      .apexcharts-toolbar-custom-icon {
        cursor: pointer;
        width: 20px;
        height: 20px;
        line-height: 24px;
        color: #6E8192;
        text-align: center;
      }

.apexcharts-zoom-icon svg,
      .apexcharts-zoomin-icon svg,
      .apexcharts-zoomout-icon svg,
      .apexcharts-reset-icon svg,
      .apexcharts-menu-icon svg {
        fill: #6E8192;
      }

.apexcharts-selection-icon svg {
        fill: #444;
        transform: scale(0.76);
      }

.apexcharts-theme-dark .apexcharts-zoom-icon svg,
      .apexcharts-theme-dark .apexcharts-zoomin-icon svg,
      .apexcharts-theme-dark .apexcharts-zoomout-icon svg,
      .apexcharts-theme-dark .apexcharts-reset-icon svg,
      .apexcharts-theme-dark .apexcharts-pan-icon svg,
      .apexcharts-theme-dark .apexcharts-selection-icon svg,
      .apexcharts-theme-dark .apexcharts-menu-icon svg,
      .apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg {
        fill: #f3f4f5;
      }

.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg,
      .apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,
      .apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg {
        fill: #008FFB;
      }

.apexcharts-theme-light
        .apexcharts-selection-icon:not(.apexcharts-selected):hover
        svg,
      .apexcharts-theme-light
        .apexcharts-zoom-icon:not(.apexcharts-selected):hover
        svg,
      .apexcharts-theme-light .apexcharts-zoomin-icon:hover svg,
      .apexcharts-theme-light .apexcharts-zoomout-icon:hover svg,
      .apexcharts-theme-light .apexcharts-reset-icon:hover svg,
      .apexcharts-theme-light .apexcharts-menu-icon:hover svg {
        fill: #333;
      }

.apexcharts-selection-icon,
      .apexcharts-menu-icon {
        position: relative;
      }

.apexcharts-reset-icon {
        margin-left: 5px;
      }

.apexcharts-zoom-icon,
      .apexcharts-reset-icon,
      .apexcharts-menu-icon {
        transform: scale(0.85);
      }

.apexcharts-zoomin-icon,
      .apexcharts-zoomout-icon {
        transform: scale(0.7);
      }

.apexcharts-zoomout-icon {
        margin-right: 3px;
      }

.apexcharts-pan-icon {
        transform: scale(0.62);
        position: relative;
        left: 1px;
        top: 0px;
      }

.apexcharts-pan-icon svg {
        fill: #fff;
        stroke: #6E8192;
        stroke-width: 2;
      }

.apexcharts-pan-icon.apexcharts-selected svg {
        stroke: #008FFB;
      }

.apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
        stroke: #333;
      }

.apexcharts-toolbar {
        position: absolute;
        z-index: 11;
        max-width: 176px;
        text-align: right;
        border-radius: 3px;
        padding: 0px 6px 2px 6px;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

.apexcharts-menu {
        background: #fff;
        position: absolute;
        top: 100%;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 3px;
        right: 10px;
        opacity: 0;
        min-width: 110px;
        transition: 0.15s ease all;
        pointer-events: none;
      }

.apexcharts-menu.apexcharts-menu-open {
        opacity: 1;
        pointer-events: all;
        transition: 0.15s ease all;
      }

.apexcharts-menu-item {
        padding: 6px 7px;
        font-size: 12px;
        cursor: pointer;
      }

.apexcharts-theme-light .apexcharts-menu-item:hover {
        background: #eee;
      }

.apexcharts-theme-dark .apexcharts-menu {
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
      }

@media screen and (min-width: 768px) {
        .apexcharts-canvas:hover .apexcharts-toolbar {
          opacity: 1;
        }
      }

.apexcharts-datalabel.apexcharts-element-hidden {
        opacity: 0;
      }

.apexcharts-pie-label,
      .apexcharts-datalabels,
      .apexcharts-datalabel,
      .apexcharts-datalabel-label,
      .apexcharts-datalabel-value {
        cursor: default;
        pointer-events: none;
      }

.apexcharts-pie-label-delay {
        opacity: 0;
        animation-name: opaque;
        animation-duration: 0.3s;
        animation-fill-mode: forwards;
        animation-timing-function: ease;
      }

.apexcharts-canvas .apexcharts-element-hidden {
        opacity: 0;
      }

.apexcharts-hide .apexcharts-series-points {
        opacity: 0;
      }

.apexcharts-gridline,
      .apexcharts-annotation-rect,
      .apexcharts-tooltip .apexcharts-marker,
      .apexcharts-area-series .apexcharts-area,
      .apexcharts-line,
      .apexcharts-zoom-rect,
      .apexcharts-toolbar svg,
      .apexcharts-area-series
        .apexcharts-series-markers
        .apexcharts-marker.no-pointer-events,
      .apexcharts-line-series
        .apexcharts-series-markers
        .apexcharts-marker.no-pointer-events,
      .apexcharts-radar-series path,
      .apexcharts-radar-series polygon {
        pointer-events: none;
      }

/* markers */

.apexcharts-marker {
        transition: 0.15s ease all;
      }

@keyframes opaque {
        0% {
          opacity: 0;
        }
        100% {
          opacity: 1;
        }
      }

/* Resize generated styles */

@keyframes resizeanim {
        from {
          opacity: 0;
        }
        to {
          opacity: 0;
        }
      }

.resize-triggers {
        animation: 1ms resizeanim;
        visibility: hidden;
        opacity: 0;
      }

.resize-triggers,
      .resize-triggers > div,
      .contract-trigger:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
      }

.resize-triggers > div {
        background: #eee;
        overflow: auto;
      }

.contract-trigger:before {
        width: 200%;
        height: 200%;
      }
    </style>
  </head>
  <body
    type="app"
    token="a837c8fc63d73de1f9d180566516ea914685ff470e780e359d0f26894bde063b"
    hash="d53cabd2817ebdb5fd9e8665ce3b85f5"
    class=""
  >
    <div
      id="continueModal"
      class="modal fade"
      data-backdrop="static"
      data-keyboard="false"
      role="dialog"
      aria-hidden="true"
    >
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <form
            action="########user/enterPassword"
            method="post"
          >
            <div class="modal-header">
              <h5 class="modal-title" translate="title-unlock">Unblock</h5>
            </div>
            <div class="modal-body">
              <div class="input-group">
                <input
                  dynamic="email"
                  type="text"
                  name="username"
                  autocomplete="username"
                  class="d-none"
                  aria-hidden="true"
                />
                <div class="input-group-prepend">
                  <span class="input-group-text" translate="title-pass"
                    >Password</span
                  >
                </div>
                <input
                  type="password"
                  name="password"
                  class="form-control auth-form"
                  autocomplete="current-password"
                  required=""
                  autofocus=""
                />
              </div>
            </div>
            <div class="modal-footer d-flex justify-content-start">
              <button type="submit" class="btn btn-sm btn-primary">
                <i class="icon-progress spin mr-2"></i
                ><span translate="btn-ok">OK</span>
              </button>
              <button type="reset" class="btn btn-sm btn-secondary">
                <i class="icon-progress spin mr-2"></i
                ><span translate="btn-cancel">Cancel</span>
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <div
      id="changePasswordModal"
      class="modal fade modal-with-background"
      data-keyboard="false"
      role="dialog"
      aria-hidden="true"
      data-backdrop="static"
    >
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <form
            action="########user/changePassword"
            method="post"
            class="needs-validation"
            novalidate=""
          >
            <div class="modal-header">
              <h5 class="modal-title" translate="title-change-pass">
                Password change
              </h5>
            </div>
            <div class="modal-body">
              <div class="form-group">
                <label for="pwd1c" translate="login-new-pass"
                  >New password</label
                >
                <input
                  type="text"
                  name="username"
                  class="d-none"
                  autocomplete="username"
                />
                <input
                  id="pwd1c"
                  type="password"
                  name="pwd1"
                  class="form-control auth-form"
                  aria-describedby="setpassPasswordHelp"
                  autocomplete="new-password"
                  required=""
                  autofocus=""
                />
                <div class="invalid-feedback" translate="error-new-pass-length">
                  The password is too weak.
                </div>
              </div>
              <div class="password-strength-meter" value="0">
                <div class="progress-bar"><span></span></div>
                <p>
                  <span class="font-weight-bold" translate="pass-strength"
                    >Password strength:</span
                  ><span
                    class="password-strength-meter-label pl-1"
                    translate="password-strength-0"
                    >Critically weak</span
                  >
                </p>
              </div>
              <div class="form-group">
                <label for="pwd2c" translate="login-confirm-pass"
                  >Confirm password.</label
                >
                <input
                  id="pwd2c"
                  type="password"
                  name="pwd2"
                  class="form-control auth-form"
                  relative="#pwd1c"
                  aria-describedby="setpassPasswordHelp"
                  autocomplete="new-password"
                  required=""
                />
                <div class="invalid-feedback" translate="error-pass-dont-match">
                  Both passwords must be identical.
                </div>
              </div>
            </div>
            <div class="modal-footer">
              <a
                class="nav-link btn-sm"
                href="#########"
                data-dismiss="modal"
                translate="btn-cancel"
                >Cancel</a
              >
              <button
                type="submit"
                class="btn btn-sm btn-light btn-primary text-13"
              >
                <i class="fas fa-spinner fa-spin mr-2"></i
                ><span translate="btn-save">Save</span>
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <div
      id="disconnectModal"
      class="modal fade modal-no-backdrop"
      data-backdrop="static"
      data-keyboard="false"
      role="dialog"
      aria-hidden="true"
    >
      <div class="alert-modal modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-body">
            <div class="container">
              <div class="row d-flex justify-content-center">
                <div class="col col-auto d-flex align-items-center">
                  <p translate="msg-no-connection">No server connection.</p>
                </div>
                <div class="col d-flex align-items-center">
                  <span class="separator" translate="msg-connection-issue"
                    >Server connection lost. Check your Internet connection,
                    reload the page, and, in case of further problems, contact
                    the Support team.</span
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      id="restrictionModal"
      class="modal modal-no-backdrop"
      data-backdrop="static"
      data-keyboard="false"
      role="dialog"
      aria-hidden="true"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content modal-fatal-error">
          <div class="modal-body">
            <div class="container">
              <div class="row d-flex justify-content-center">
                <div class="col col-auto d-flex align-items-center">
                  <p translate="access-denied">Access denied</p>
                </div>
                <div class="col d-flex align-items-center">
                  <span class="separator"
                    ><span translate="msg-restriction-error"
                      >Due to restrictions in access to the applications, you
                      cannot use it in the current location.</span
                    ><br /><span translate="msg-restriction-info"
                      >Log in to the application in locations approved by your
                      company, e.g. office, branch, or contact your company's
                      manager for more information.</span
                    ></span
                  >
                  <p>
                    <a
                      href="#########"
                      data-action="logout"
                      class="btn btn-primary btn-exit text-13"
                      translate="btn-exit"
                      >Exit</a
                    >
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      id="firstStepModal"
      class="modal fade"
      role="dialog"
      aria-hidden="true"
    >
      <div
        class="modal-dialog modal-lg full-height-modal modal-dialog-scrollable"
        role="document"
      >
        <div class="modal-content">
          <div class="modal-header">
            <div class="d-inline-block">
              <nav class="align-self-center utility" aria-label="breadcrumb">
                <ol class="breadcrumb">
                  <li
                    class="breadcrumb-item active"
                    aria-current="page"
                    translate="first-steps"
                  >
                    First steps
                  </li>
                </ol>
              </nav>
            </div>
            <a type="link" class="close" data-dismiss="modal" aria-label="Close"
              ><span class="icon-modal-close" aria-hidden="true"></span
            ></a>
          </div>
          <div class="modal-body">
            <div class="page-body container-fluid p-zero table-list">
              <div class="row">
                <div class="col col-12">
                  <h6 translate="welcome-to">Welcome to INNSTUDIO</h6>
                  <p class="text-justify" translate="welcome-to-01">
                    We are glad that you are joining the rapidly growing family
                    of INNSTUDIO — users of a dedicated application for the
                    management of EMS studios. Here, you will find many useful
                    functions, never seen before in available IT solutions. From
                    the very first click, you have access to a plan
                    <span dynamic="plan.title"></span> to become familiar with
                    all the possibilities we have prepared for you. For 14 days,
                    enjoy the free trial period, during which you can change
                    plans and future settlement method as many times as you
                    want.
                  </p>
                  <p class="text-justify" translate="welcome-to-02">
                    In the few steps below, we will guide you through the
                    process of configuration of your company. For more
                    information, go to Help, links to which can be found under
                    each step.
                  </p>
                  <table class="table table-bordered first-steps">
                    <thead>
                      <tr>
                        <th colspan="2">
                          <span translate="to-do">To do</span>
                        </th>
                        <th><span translate="status">Status</span></th>
                        <th></th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr class="first-step" step="studio">
                        <td>
                          <span class="icon-menu-studio step-icon"></span>
                          <div class="icon-background"></div>
                        </td>
                        <td>
                          <span class="step-link" translate="add-studio"
                            >Add studio</span
                          >
                          <span class="first-step-help"
                            ><i class="icon-help"></i>
                            <small class="text-muted" translate="studio-what-is"
                              >What is a studio?</small
                            >
                            <small
                              ><a
                                href="#########"
                                data-help="studio-list"
                                translate="read-more"
                                >Read more.</a
                              ></small
                            ></span
                          >
                        </td>
                        <td>
                          <span
                            class="step-status todo"
                            translate="plan-pending"
                            >Pending</span
                          >
                          <span
                            class="step-status done"
                            translate="plan-finished"
                            >Finished</span
                          >
                        </td>
                        <td>
                          <button
                            type="add-studio"
                            class="btn btn-sm btn-primary status-todo text-13"
                          >
                            <i class="icon-progress spin mr-2"></i
                            ><span translate="btn-add">Add</span>
                          </button>
                          <button
                            class="btn btn-sm btn-primary status-done text-13"
                            disabled="disabled"
                          >
                            <span translate="btn-add">Add</span>
                          </button>
                        </td>
                      </tr>
                      <tr class="first-step" step="device">
                        <td>
                          <span class="icon-menu-device step-icon"></span>
                          <div class="icon-background"></div>
                        </td>
                        <td>
                          <span class="step-link" translate="btn-add-device"
                            >Add device</span
                          >
                          <span class="first-step-help"
                            ><i class="icon-help"></i>
                            <small class="text-muted" translate="device-what-is"
                              >What is a device?</small
                            >
                            <small
                              ><a
                                href="#########"
                                data-help="device-list"
                                translate="read-more"
                                >Read more.</a
                              ></small
                            ></span
                          >
                        </td>
                        <td>
                          <span
                            class="step-status todo"
                            translate="plan-pending"
                            >Pending</span
                          >
                          <span
                            class="step-status done"
                            translate="plan-finished"
                            >Finished</span
                          >
                        </td>
                        <td>
                          <button
                            type="add-device"
                            class="btn btn-sm btn-primary status-todo text-13"
                          >
                            <i class="icon-progress spin mr-2"></i
                            ><span translate="btn-add">Add</span>
                          </button>
                          <button
                            class="btn btn-sm btn-primary status-done text-13"
                            disabled="disabled"
                          >
                            <span translate="btn-add">Add</span>
                          </button>
                        </td>
                      </tr>
                      <tr class="first-step" step="membership">
                        <td>
                          <span class="icon-menu-membership step-icon"></span>
                          <div class="icon-background"></div>
                        </td>
                        <td>
                          <span
                            class="step-link"
                            translate="first-steps-add-service"
                            >Add service (subscription).</span
                          >
                          <span class="first-step-help"
                            ><i class="icon-help"></i>
                            <small
                              class="text-muted"
                              translate="service-what-is"
                              >What is a service (subscription)?</small
                            >
                            <small
                              ><a
                                href="#########"
                                data-help="membership-list"
                                translate="read-more"
                                >Read more.</a
                              ></small
                            ></span
                          >
                        </td>
                        <td>
                          <span
                            class="step-status todo"
                            translate="plan-pending"
                            >Pending</span
                          >
                          <span
                            class="step-status done"
                            translate="plan-finished"
                            >Finished</span
                          >
                        </td>
                        <td>
                          <button
                            type="add-membership"
                            class="btn btn-sm btn-primary status-todo text-13"
                          >
                            <i class="icon-progress spin mr-2"></i
                            ><span translate="btn-add">Add</span>
                          </button>
                          <button
                            class="btn btn-sm btn-primary status-done text-13"
                            disabled="disabled"
                          >
                            <span translate="btn-add">Add</span>
                          </button>
                        </td>
                      </tr>
                      <tr class="first-step" step="customer">
                        <td>
                          <span class="icon-nav-customers step-icon"></span>
                          <div class="icon-background"></div>
                        </td>
                        <td>
                          <span class="step-link" translate="add-customer"
                            >Add customer</span
                          >
                          <span class="first-step-help"
                            ><i class="icon-help"></i>
                            <small
                              class="text-muted"
                              translate="customer-add-how"
                              >Add customer</small
                            >
                            <small
                              ><a
                                href="#########"
                                data-help="customer"
                                translate="read-more"
                                >Read more.</a
                              ></small
                            ></span
                          >
                        </td>
                        <td>
                          <span
                            class="step-status todo"
                            translate="plan-pending"
                            >Pending</span
                          >
                          <span
                            class="step-status done"
                            translate="plan-finished"
                            >Finished</span
                          >
                        </td>
                        <td>
                          <button
                            type="add-customer"
                            class="btn btn-sm btn-primary status-todo text-13"
                          >
                            <i class="icon-progress spin mr-2"></i
                            ><span translate="btn-add">Add</span>
                          </button>
                          <button
                            class="btn btn-sm btn-primary status-done text-13"
                            disabled="disabled"
                          >
                            <span translate="btn-add">Add</span>
                          </button>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <dvi class="text-right w-100 d-block"
                    ><button
                      type="hide"
                      class="btn btn-sm btn-secondary text-13"
                    >
                      <i class="icon-progress spin mr-2"></i
                      ><span translate="btn-close-hide"
                        >Close and don't show again</span
                      >
                    </button></dvi
                  >
                </div>
                <div class="first-steps-summary">
                  <p class="text-justify" translate="welcome-to-03">
                    INNSTUDIO is now ready to work. Now, you can go to the
                    calendar and plan the first training in your studio. If you
                    need help, in many places in the application you will find
                    links to guides, which provide simple descriptions of the
                    application's functions and possibilities. If you need
                    assistance, you can also contact our <b>Help Desk</b>, which
                    will gladly answer all your questions. If you wish to move
                    your studio's data to INNSTUDIO, read the manual on
                    <small
                      ><a
                        href="#########"
                        data-help="first-step-migration"
                        >migration</a
                      ></small
                    >.
                  </p>
                  <p class="text-justify" translate="welcome-to-04">
                    We also encourage you to complete the website address of
                    your company and to add a log in
                    <b>Settings &gt; Company</b>.
                  </p>
                  <div class="d-flex justify-content-start">
                    <button
                      type="reset"
                      class="btn btn-sm btn-primary text-13"
                      data-dismiss="modal"
                      translate="btn-close"
                    >
                      Close
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      id="organizationModal"
      class="modal fade"
      role="dialog"
      aria-hidden="true"
    >
      <div
        class="modal-dialog modal-lg full-height-modal modal-dialog-scrollable"
        role="document"
      >
        <div class="modal-content">
          <div class="modal-header">
            <div class="d-inline-block">
              <nav class="align-self-center utility" aria-label="breadcrumb">
                <ol class="breadcrumb">
                  <li
                    class="breadcrumb-item active"
                    aria-current="page"
                    translate="organization-joining"
                  >
                    Joining the organisation
                  </li>
                </ol>
              </nav>
            </div>
            <a type="link" class="close" data-dismiss="modal" aria-label="Close"
              ><span class="icon-modal-close" aria-hidden="true"></span
            ></a>
          </div>
          <div class="modal-body">
            <form>
              <input type="hidden" name="hash" dynamic="hash" />
              <div class="page-body container-fluid p-zero">
                <div class="row">
                  <div class="col col-12">
                    <p>
                      <span
                        class="text-18 text-600 colon"
                        translate="organization"
                        >Organization</span
                      >
                      <span
                        class="text-18 text-600 color-main-1"
                        dynamic="organization.organization"
                      ></span>
                    </p>
                    <p class="text-500" translate="organization-confirmation">
                      Congratulations! Your firm has been invited to join the
                      organisation. Accept the rules prepared by the submitting
                      entity to be able to use the INNSTUDIO.
                    </p>
                  </div>
                  <div class="col col-md-6 col-12">
                    <p>
                      <span
                        class="d-block text-600 colon"
                        translate="mail_organization_invite_content_02"
                        >Inviting party</span
                      >
                      <span
                        class="d-block text-500"
                        dynamic="organization.name"
                      ></span>
                      <span
                        class="d-block text-500"
                        dynamic="organization.address"
                      ></span>
                      <span class="d-block text-500"
                        ><span dynamic="organization.postal"></span
                        ><span dynamic="organization.city"></span
                      ></span>
                      <span
                        class="d-block text-500"
                        dynamic="organization.vat"
                      ></span>
                    </p>
                  </div>
                  <div class="col col-md-6 col-12">
                    <p>
                      <span
                        class="d-block text-600 colon"
                        translate="organization-invited-entity"
                        >Invited entity</span
                      >
                      <span class="d-block text-500" dynamic="firm.name"></span>
                      <span
                        class="d-block text-500"
                        dynamic="firm.address"
                      ></span>
                      <span class="d-block text-500"
                        ><span dynamic="firm.postal"></span
                        ><span dynamic="firm.city"></span
                      ></span>
                      <span class="d-block text-500" dynamic="firm.vat"></span>
                    </p>
                  </div>
                  <div class="col col-12 default-margin-bottom consents">
                    <span
                      class="text-500 mb-3 d-block colon"
                      translate="organization-confirm-docs"
                      >I confirm that I have read the following documents and
                      accept them</span
                    >
                    <div class="form-group consent">
                      <div
                        class="form-check form-check-inline custom-check alt-check w-100"
                      >
                        <input
                          class="form-check-input"
                          type="checkbox"
                          id=""
                          required=""
                        />
                        <label class="form-check-label" for=""
                          ><a
                            dynamic-href="data"
                            dynamic-download="name"
                            type="file"
                            class="custom-link"
                            ><span
                              class="text text-500 color-main-1"
                              dynamic="name"
                            ></span></a
                        ></label>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="form-footer d-flex justify-content-start">
                  <button type="submit" class="btn btn-sm btn-success">
                    <i class="icon-progress spin mr-2"></i
                    ><span translate="join">Join</span>
                  </button>
                  <button
                    type="reset"
                    class="btn btn-sm btn-danger"
                    translate="btn-cancel"
                  >
                    Cancel
                  </button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <div class="toast-wrapper" aria-live="polite" aria-atomic="true">
      <div class="toast-position"></div>
    </div>
    <div
      id="unsupportedBrowser"
      class="modal fade modal-no-backdrop"
      data-backdrop="static"
      data-keyboard="false"
      role="dialog"
      aria-hidden="true"
    >
      <div class="alert-modal modal-dialog" role="document">
        <div class="modal-content" style="background-color: #F88282">
          <div class="modal-body">
            <div class="container">
              <div class="row d-flex justify-content-center">
                <div class="col col-auto d-flex align-items-center">
                  <p translate="unsupported-browser">Unsupported browser</p>
                </div>
                <div class="col d-flex align-items-center">
                  <span class="separator" translate="unsupported-browser-info"
                    >Our application is not working correctly in your Internet
                    browser.<br />In order to use our application, update your
                    browser to the latest version or download an Internet
                    browser from a different supplier.</span
                  >
                  <p>
                    <a
                      href="########"
                      class="btn btn-sm btn-light btn-primary text-13"
                      translate="btn-exit"
                      >Exit</a
                    >
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      id="infoModal"
      class="modal fade"
      data-backdrop="static"
      data-keyboard="false"
      role="dialog"
      aria-hidden="true"
    >
      <div class="info-modal modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-body">
            <div class="container">
              <div class="row d-flex justify-content-center">
                <div class="col col-auto d-flex align-items-center">
                  <p translate="info">Info</p>
                </div>
                <div class="col d-flex align-items-center">
                  <span class="separator"
                    ><span dynamic="info"></span><br
                  /></span>
                  <p>
                    <a
                      href="########"
                      class="btn btn-sm btn-light btn-secondary text-13"
                      translate="btn-close"
                      >Close</a
                    >
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      id="errorModal"
      class="modal fade"
      data-backdrop="static"
      data-keyboard="false"
      role="dialog"
      aria-hidden="true"
    >
      <div class="alert-modal modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-body">
            <div class="container">
              <div class="row d-flex justify-content-center">
                <div class="col col-auto d-flex align-items-center">
                  <p translate="error">Error</p>
                </div>
                <div class="col d-flex align-items-center">
                  <span class="separator"
                    ><span dynamic="error"></span><br
                  /></span>
                  <p>
                    <a
                      href="########"
                      class="btn btn-sm btn-light btn-primary text-13"
                      translate="btn-close"
                      >Close</a
                    >
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <noscript
      ><div class="alert-modal modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-body">
            <div class="container">
              <div class="row d-flex justify-content-center">
                <div class="col col-auto d-flex align-items-center">
                  <p translate="browser-problem"></p>
                </div>
                <div class="col d-flex align-items-center">
                  <span class="separator" translate=""></span>
                </div>
              </div>
            </div>
          </div>
        </div></div
    ></noscript>
    <script
      defer=""
      src="js/v52afc6f149f6479b8c77fa569edb01181681764108816"
      integrity="sha512-jGCTpDpBAYDGNYR5ztKt4BQPGef1P0giN6ZGVUi835kFF88FOmmn8jBQWNgrNd8g/Yu421NdgWhwQoaOPFflDw=="
      data-cf-beacon='{"rayId":"7c4676b279beb7e4","token":"0484193ba5bc4a74841014fb2b9180d9","version":"2023.4.0","si":100}'
      crossorigin="anonymous"
    ></script>
    <svg
      id="SvgjsSvg1001"
      width="2"
      height="0"
      xmlns="http://www.w3.org/2000/svg"
      version="1.1"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      xmlns:svgjs="http://svgjs.dev"
      style="
        overflow: hidden;
        top: -100%;
        left: -100%;
        position: absolute;
        opacity: 0;
      "
    >
      <defs id="SvgjsDefs1002"></defs>
      <polyline id="SvgjsPolyline1003" points="0,0"></polyline>
      <path
        id="SvgjsPath1004"
        d="M-1 50L-1 50L12.9 50L25.8 50L38.7 50L51.6 50L64.5 50L77.4 50L90.3 50L103.2 50L116.10000000000001 50L129 50L141.9 50L154.8 50L167.7 50L180.6 50L193.5 50L206.4 50L219.3 50L232.20000000000002 50L245.1 50L258 50C258 50 258 50 258 50 "
      ></path>
    </svg>
    <nav
      id="navbar"
      class="navbar navbar-light navbar-custom navbar-expand-md fixed-top default"
    >
      <a class="navbar-brand" href="########"></a>
      <span class="partner-brand" dynamic-partner="firm.partner"></span>
      <div class="container-fluid">
        <button
          class="navbar-toggler"
          data-toggle="collapse"
          data-target="#navcol-1"
        >
          <span class="sr-only">Toggle navigation</span>
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navcol-1">
          <ul class="nav navbar-nav ml-auto">
            <li
              class="nav-item cart"
              role="presentation"
              style="display: list-item"
            >
              <a
                id="cart-button"
                class="nav-link custom-nav text-center nav-link-icon d-flex align-items-center"
                href="#########"
                ><i class="icon-progress spin"></i> <i class="icon-cart"></i>
                <span class="badge badge-danger badge-pill"></span
              ></a>
            </li>
            <li class="nav-item" role="presentation">
              <a
                id="info-bell"
                class="nav-link custom-nav text-center nav-link-icon d-flex align-items-center"
                href="#########"
                ><i class="icon-bell"></i>
                <span class="badge badge-danger badge-pill"></span
              ></a>
            </li>
            <li class="nav-item dropdown" role="presentation">
              <a
                id="dropdownAccount"
                class="nav-link user-account dropdown-toggle"
                href="#########"
                data-toggle="dropdown"
                aria-haspopup="true"
                aria-expanded="false"
                ><span class="align-middle user-avatar"
                  ><img type="avatar" dynamic-src="user.avatar" />
                  <span class="initials" dynamic="user.initials"
                    >VB</span
                  > </span
                ><span class="align-middle"
                  ><span class="user-name" dynamic="user.name"
                    >Viga Bio</span
                  > </span
                ><span class="align-middle user-chevron"></span
              ></a>
              <div
                class="dropdown-menu dropdown-menu-right"
                aria-labelledby="dropdownAccount"
              >
                <a
                  class="dropdown-item"
                  href="#########"
                  dropdown-action="account"
                  translate="my-account"
                  >My account</a
                >
                <div class="dropdown-divider"></div>
                <a
                  class="dropdown-item"
                  href="#########"
                  data-action="logout"
                  ><span translate="logout">Log out</span></a
                >
              </div>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="wrapper">
      <nav id="sidebar" class="default">
        <div class="hamburger-menu">
          <a
            id="hamburger-icon"
            href="#########"
            title="Menu"
            class="default"
            ><span class="line top"></span> <span class="line mid"></span>
            <span class="line end"></span
          ></a>
        </div>
        <div class="sidebar-menu">
          <a
            module="dashboard"
            class="nav-link sidebar-item"
            main-title="Dashboard"
            href="#########dashboard"
            ><span class="sidebar-item-name" translate="dashboard"
              >Dashboard</span
            ></a
          >
          <a
            module="calendar"
            class="nav-link sidebar-item"
            main-title="Calendar"
            href="#########calendar"
            ><span class="sidebar-item-name" translate="calendar"
              >Calendar</span
            ></a
          >
          <a
            module="customers"
            class="nav-link sidebar-item"
            main-title="Customers"
            href="#########customers"
            ><span class="sidebar-item-name" translate="customers"
              >Customers</span
            ></a
          >
          <a
            module="warehouse"
            class="nav-link sidebar-item"
            main-title="Warehouse"
            href="#########warehouse"
            ><span class="sidebar-item-name" translate="warehouse"
              >Warehouse</span
            ></a
          >
          <a
            module="notes"
            class="nav-link sidebar-item"
            main-title="Notes"
            href="#########notes"
            ><span class="sidebar-item-name" translate="board"
              >Pinboard</span
            ></a
          >
          <a
            module="schedule"
            class="nav-link sidebar-item"
            main-title="Schedule"
            href="#########schedule"
            ><span class="sidebar-item-name" translate="work-schedule"
              >Work schedule</span
            ></a
          >
          <a
            module="reports"
            class="nav-link sidebar-item"
            main-title="Reports"
            href="#########reports"
            ><span class="sidebar-item-name" translate="reports"
              >Reports</span
            ></a
          >
          <a
            module="crm"
            class="nav-link sidebar-item"
            main-title="CRM"
            href="#########crm"
            ><span class="sidebar-item-name" translate="crm">CRM</span
            ><span badge="crm" class="badge badge-danger badge-pill"></span
          ></a>
          <a
            module="panel"
            class="nav-link sidebar-item active"
            main-title="Panel"
            href="#########panel"
            ><span class="sidebar-item-name" translate="settings"
              >Settings</span
            ></a
          >
        </div>
        <div class="sidebar-exit">
          <a
            class="nav-link sidebar-item"
            href="#########"
            data-action="logout"
            ><span class="sidebar-item-name" translate="logout"
              >Log out</span
            ></a
          >
        </div>
      </nav>
      <div id="back-content" class="default d-flex">
        <div id="menu">
          <div class="panel-menu">
            <p class="submenu-header" group="1" translate="management">
              Management
            </p>
            <a
              class="nav-link sidebar-item firms active"
              href="#########panel=firm"
              submodule="firm"
              rel-group="1"
              ><span translate="firm">Company</span></a
            >
            <a
              class="nav-link sidebar-item org-settings"
              href="#########panel=organization"
              submodule="organization"
              rel-group="1"
              ><span translate="organization">Organization</span></a
            >
            <a
              class="nav-link sidebar-item studios"
              href="#########panel=studios"
              submodule="studios"
              rel-group="1"
              ><span translate="studios">Studios</span></a
            >
            <a
              class="nav-link sidebar-item users"
              href="#########panel=users"
              submodule="users"
              rel-group="1"
              ><span translate="employees">Employees</span></a
            >
            <a
              class="nav-link sidebar-item devices"
              href="#########panel=devices"
              submodule="devices"
              rel-group="1"
              ><span translate="devices">Devices</span></a
            >
            <a
              class="nav-link sidebar-item memberships"
              href="#########panel=memberships"
              submodule="memberships"
              rel-group="1"
              ><span translate="memberships">Services</span></a
            >
            <p class="submenu-header" group="2" translate="finances">
              Finances
            </p>
            <a
              class="nav-link sidebar-item services"
              href="#########panel=services"
              submodule="services"
              rel-group="2"
              ><span translate="plans">Plans</span></a
            >
            <a
              class="nav-link sidebar-item orders"
              href="#########panel=orders"
              submodule="orders"
              rel-group="2"
              ><span translate="orders">Orders</span></a
            >
            <a
              class="nav-link sidebar-item payments"
              href="#########panel=payments"
              submodule="payments"
              rel-group="2"
              ><span translate="payments">Payments</span></a
            >
            <a
              class="nav-link sidebar-item invoices"
              href="#########panel=invoices"
              submodule="invoices"
              rel-group="2"
              ><span translate="invoices">Invoices</span></a
            >
            <p class="submenu-header" group="3" translate="add-ons">Add-ons</p>
            <a
              class="nav-link sidebar-item sms"
              href="#########panel=sms"
              submodule="sms"
              rel-group="3"
              ><span translate="sms">SMS</span></a
            >
            <a
              class="nav-link sidebar-item vendors"
              href="#########panel=vendors"
              submodule="vendors"
              rel-group="3"
              ><span
                ><span translate="integrations">Integrations</span></span
              ></a
            >
            <p class="submenu-header" group="4" translate="other">Other</p>
            <a
              class="nav-link sidebar-item printers"
              href="#########panel=printers"
              submodule="printers"
              rel-group="4"
              ><span translate="receipts-printers">Fiscal printers</span></a
            >
            <a
              class="nav-link sidebar-item export"
              href="#########panel=export"
              submodule="export"
              rel-group="4"
              ><span translate="data-export">Data export</span></a
            >
            <a
              class="nav-link sidebar-item import"
              href="#########panel=import"
              submodule="import"
              rel-group="4"
              ><span translate="data-import">Data import</span></a
            >
            <a
              class="nav-link sidebar-item logs"
              href="#########panel=logs"
              submodule="logs"
              rel-group="4"
              ><span translate="logs">Logs</span></a
            >
          </div>
        </div>
        <div id="content" class="flex-grow-1">
          <div class="page-body">
            <div class="page-header d-flex justify-content-between">
              <div>
                <div class="head-nav">
                  <nav
                    class="align-self-center utility"
                    aria-label="breadcrumb"
                  >
                    <ol class="breadcrumb">
                      <li class="breadcrumb-item">
                        <a
                          href="#########panel=firm"
                          translate="firm"
                          >Company</a
                        >
                      </li>
                      <li
                        class="breadcrumb-item active"
                        aria-current="page"
                        dynamic="short"
                      >
                        BioViga
                      </li>
                    </ol>
                  </nav>
                </div>
              </div>
            </div>
            <ul class="nav nav-tabs" role="tablist">
              <li class="nav-item">
                <a
                  class="nav-link"
                  href="#########"
                  data-toggle="tab"
                  tab="overview"
                  aria-selected="true"
                  translate="overview"
                  data-target="#overview-1683598940743"
                  >General</a
                >
              </li>
              <li class="nav-item">
                <a
                  class="nav-link"
                  href="#########"
                  data-toggle="tab"
                  tab="logo"
                  aria-selected="false"
                  privilege="panel.firm.edit"
                  translate="logo"
                  data-target="#logo-1683598940743"
                  >Logo</a
                >
              </li>
              <li class="nav-item">
                <a
                  class="nav-link active"
                  href="#########"
                  data-toggle="tab"
                  tab="categories"
                  aria-selected="false"
                  privilege="panel.properties.categories"
                  translate="categories"
                  data-target="#categories-1683598940743"
                  >Categories</a
                >
              </li>
              <li class="nav-item">
                <a
                  class="nav-link"
                  href="#########"
                  data-toggle="tab"
                  tab="properties"
                  aria-selected="false"
                  privilege="panel.properties"
                  translate="definitions"
                  data-target="#properties-1683598940743"
                  >Definitions</a
                >
              </li>
              <li class="nav-item">
                <a
                  class="nav-link"
                  href="#########"
                  data-toggle="tab"
                  tab="discounts"
                  aria-selected="false"
                  privilege="panel.properties.discounts"
                  translate="discounts"
                  data-target="#discounts-1683598940743"
                  >Discounts</a
                >
              </li>
              <li class="nav-item">
                <a
                  class="nav-link"
                  href="#########"
                  data-toggle="tab"
                  tab="tax"
                  aria-selected="false"
                  privilege="panel.properties.vats"
                  translate="tax-rates"
                  data-target="#tax-1683598940743"
                  >TAX rates</a
                >
              </li>
              <li class="nav-item">
                <a
                  class="nav-link"
                  href="#########"
                  data-toggle="tab"
                  tab="settings"
                  aria-selected="false"
                  privilege="panel.properties.settings"
                  data-target="#settings-1683598940743"
                  ><span translate="settings">Settings</span></a
                >
              </li>
              <li class="nav-item more dropdown" style="display: none">
                <button
                  class="btn btn-secondary dropdown-toggle"
                  type="button"
                  id="more-1683598939799"
                  data-toggle="dropdown"
                  aria-haspopup="true"
                  aria-expanded="false"
                ></button>
                <div
                  class="dropdown-menu dropdown-menu-right"
                  aria-labelledby="more-1683598939799"
                ></div>
              </li>
              <li class="nav-item d-flex ml-auto">
                <a
                  class="nav-link delete-nav"
                  href="#########"
                  data-toggle="tab"
                  tab="delete"
                  aria-selected="false"
                  privilege="panel.firm.delete"
                  translate="btn-delete"
                  data-target="#delete-1683598940743"
                  >Delete</a
                >
              </li>
            </ul>
            <div class="tab-content">
              <div
                class="tab-pane"
                tab="overview"
                role="tabpanel"
                id="overview-1683598940743"
              >
                <div class="tab-body">
                  <div class="container-fluid">
                    <div class="d-flex flex-row">
                      <div class="d-flex flex-column">
                        <div class="logo-wrapper">
                          <img
                            class="img-md firm-logo"
                            type="logo"
                            dynamic-src="emblem"
                          />
                        </div>
                      </div>
                      <div class="w-100">
                        <div class="form-header d-flex justify-content-between">
                          <span
                            class="form-title"
                            translate="register-company-data"
                            >Company data</span
                          >
                          <button
                            type="edit-firm"
                            class="btn btn-sm btn-secondary"
                          >
                            <i class="icon-progress spin mr-2"></i
                            ><span translate="btn-edit">Edit</span>
                          </button>
                        </div>
                        <div class="row">
                          <div class="col col-12 col-md-6 mb-0">
                            <div class="data-section">
                              <span
                                class="input-group-text"
                                translate="company-name"
                                >Company name</span
                              >
                              <span class="data-text" dynamic="name"
                                >BioViga</span
                              >
                            </div>
                            <div class="data-section">
                              <span class="input-group-text" translate="address"
                                >Address</span
                              >
                              <span class="data-text" dynamic="address"
                                >adana</span
                              >
                            </div>
                            <div class="data-section">
                              <span class="input-group-text" translate="city"
                                >City</span
                              >
                              <span class="data-text" dynamic="city"
                                >Adana</span
                              >
                            </div>
                            <div class="data-section">
                              <span class="input-group-text" translate="postal"
                                >Post code</span
                              >
                              <span class="data-text" dynamic="postal"
                                >4445656</span
                              >
                            </div>
                            <div class="data-section">
                              <span
                                class="input-group-text"
                                translate="province"
                                >State</span
                              >
                              <span class="data-text" dynamic="province"></span>
                            </div>
                            <div class="data-section">
                              <span class="input-group-text" translate="country"
                                >Country</span
                              >
                              <span class="data-text" dynamic="countryText"
                                >Turkey</span
                              >
                            </div>
                          </div>
                          <div class="col col-12 col-md-6 mb-0">
                            <div class="data-section">
                              <span
                                class="input-group-text"
                                translate="company-short"
                                >Company short name</span
                              >
                              <span class="data-text" dynamic="short"
                                >BioViga</span
                              >
                            </div>
                            <div class="data-section">
                              <span class="input-group-text" translate="vat"
                                >Tax ID No.</span
                              >
                              <span class="data-text" dynamic="vat"></span>
                            </div>
                            <div class="data-section">
                              <span
                                class="input-group-text"
                                translate="billing-email"
                                >Billing e-mail</span
                              >
                              <span
                                class="data-text"
                                dynamic="billing_email"
                              ></span>
                            </div>
                            <div class="data-section">
                              <span
                                class="input-group-text"
                                translate="general-email"
                                >General e-mail</span
                              >
                              <span
                                class="data-text"
                                dynamic="general_email"
                              ></span>
                            </div>
                            <div class="data-section">
                              <span class="input-group-text" translate="website"
                                >Website</span
                              >
                              <span class="data-text" dynamic="website"></span>
                            </div>
                            <div class="data-section">
                              <span
                                class="input-group-text"
                                translate="title-lang"
                                >Language</span
                              >
                              <span class="data-text" dynamic="languageText"
                                >English (US)</span
                              >
                            </div>
                          </div>
                        </div>
                        <div class="form-header d-flex justify-content-between">
                          <span class="form-title" translate="company-manager"
                            >Company manager</span
                          >
                          <button
                            type="edit-user"
                            dynamic-user-id="contact.id"
                            class="btn btn-sm btn-secondary"
                            user-id="27c2a5f3-edf2-11ed-9fda-0285ff3e07c2"
                          >
                            <i class="icon-progress spin mr-2"></i
                            ><span translate="btn-edit">Edit</span>
                          </button>
                        </div>
                        <div class="row">
                          <div class="col col-12 col-md-6 mb-0">
                            <div class="data-section">
                              <span
                                class="input-group-text"
                                translate="full-name"
                                >Name and surname</span
                              >
                              <span class="data-text" dynamic="contact.name"
                                >Viga Bio</span
                              >
                            </div>
                            <div class="data-section">
                              <span class="input-group-text" translate="role"
                                >Role</span
                              >
                              <span class="data-text" dynamic="contact.role"
                                >Owner</span
                              >
                            </div>
                          </div>
                          <div class="col col-12 col-md-6 mb-0">
                            <div class="data-section">
                              <span class="input-group-text" translate="phone"
                                >Telephone</span
                              >
                              <span class="data-text" dynamic="contact.phone"
                                >+355675411458</span
                              >
                            </div>
                            <div class="data-section">
                              <span class="input-group-text" translate="email"
                                >E-mail</span
                              >
                              <span class="data-text" dynamic="contact.email"
                                >bioviga@gmail.com</span
                              >
                            </div>
                          </div>
                        </div>
                        <div
                          class="form-header d-flex justify-content-between organization-section"
                          dynamic-organization="organization.name"
                        >
                          <span class="form-title" translate="organization"
                            >Organization</span
                          >
                        </div>
                        <div
                          class="row organization-section"
                          dynamic-organization="organization.name"
                        >
                          <div class="col col-12 col-md-6 mb-0">
                            <div class="data-section">
                              <span
                                class="input-group-text"
                                translate="company-name"
                                >Company name</span
                              >
                              <span
                                class="data-text"
                                dynamic="organization.firm"
                              ></span>
                            </div>
                            <div class="data-section">
                              <span class="input-group-text" translate="address"
                                >Address</span
                              >
                              <span
                                class="data-text"
                                dynamic="organization.address"
                              ></span>
                            </div>
                            <div class="data-section">
                              <span class="input-group-text" translate="city"
                                >City</span
                              >
                              <span
                                class="data-text d-inline-block pr-1"
                                dynamic="organization.postal"
                              ></span>
                              <span
                                class="data-text d-inline-block"
                                dynamic="organization.city"
                              ></span>
                            </div>
                          </div>
                          <div class="col col-12 col-md-6 mb-0">
                            <div class="data-section">
                              <span
                                class="input-group-text"
                                translate="organization-name"
                                >Name of organisation</span
                              >
                              <span
                                class="data-text"
                                dynamic="organization.name"
                              ></span>
                            </div>
                            <div class="data-section">
                              <span
                                class="input-group-text"
                                translate="general-email"
                                >General e-mail</span
                              >
                              <span
                                class="data-text"
                                dynamic="organization.general_email"
                              ></span>
                            </div>
                            <div class="data-section">
                              <span class="input-group-text" translate="vat"
                                >Tax ID No.</span
                              >
                              <span
                                class="data-text"
                                dynamic="organization.vat"
                              ></span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="tab-pane"
                tab="logo"
                role="tabpanel"
                id="logo-1683598940743"
              >
                <div class="tab-body">
                  <div class="container-fluid">
                    <div class="form-header d-flex justify-content-between">
                      <span class="form-title" translate="logo">Logo</span>
                      <span class="custom-link"
                        ><i class="icon-help"></i>
                        <small
                          ><a
                            href="#########"
                            data-help="firm-logo"
                            translate="slogan-add-how-to"
                            >Why is it worth adding the logo and slogan?</a
                          ></small
                        ></span
                      >
                    </div>
                    <div class="row">
                      <div class="col col-12">
                        <div>
                          <span
                            class="content default-margin-bottom"
                            translate="logo-prefered-info"
                            >Your company logo and slogan will appear in PDF
                            reports on training.<br />Add a logo that has a high
                            resolution and a transparent background. The
                            preferred resolution is 900px x 500px.<br />The
                            accepted graphic formats are: .png, .jpg, .jpeg,
                            .gif, .bmp, .tiff</span
                          >
                        </div>
                        <img
                          class="firm-logo"
                          type="logo"
                          dynamic-src="emblem"
                        />
                        <div class="logo-upload d-flex align-items-center">
                          <div class="buttons">
                            <p translate="logo-add">Add company logo</p>
                            <input
                              class="d-none"
                              type="file"
                              accept=".png,.jpg,.jpeg,.gif,.bmp,.tiff"
                            />
                            <div>
                              <button
                                type="change-logo"
                                class="btn btn-sm btn-primary"
                                translate="btn-choose-pic"
                              >
                                Choose photo
                              </button>
                              <button
                                type="remove-logo"
                                class="btn btn-sm btn-danger"
                              >
                                <i class="icon-progress spin mr-2"></i
                                ><span translate="btn-delete">Delete</span>
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="form-header d-flex justify-content-start">
                      <span class="form-title" translate="slogan">Slogan</span>
                    </div>
                    <div class="row">
                      <div class="col col-12">
                        <div>
                          <form
                            action="########panel/firmSetMotto"
                            class="motto-form"
                          >
                            <span class="content" translate="slogan-add"
                              >Provide your company's slogan</span
                            >
                            <div class="input-group">
                              <div class="input-group-prepend">
                                <span
                                  class="input-group-text"
                                  translate="slogan"
                                  >Slogan</span
                                >
                              </div>
                              <input
                                type="text"
                                class="form-control"
                                name="motto"
                                dynamic="motto"
                              />
                            </div>
                            <div class="form-footer">
                              <button
                                type="submit"
                                class="btn btn-sm btn-primary"
                              >
                                <i class="icon-progress spin mr-2"></i
                                ><span translate="btn-save">Save</span>
                              </button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="tab-pane active"
                tab="categories"
                role="tabpanel"
                id="categories-1683598940743"
              >
                <div class="tab-body">
                  <div class="container-fluid">
                    <div class="row definitions-table">
                      <div class="col-12 col-xl-6">
                        <div class="card mb-4">
                          <div class="card-body">
                            <div class="in-card">
                              <div>
                                <span
                                  class="text-600 text-16 color-main-0 mb-3 d-inline-block"
                                  translate="training-categories"
                                  >Categories of services</span
                                >
                                <a
                                  href="#########"
                                  data-help="firm-categories"
                                  ><span class="helper text-16"></span
                                ></a>
                              </div>
                              <div class="row no-gutters">
                                <div class="col col-12 mb-0">
                                  <span
                                    class="text-600 text-14 color-main-1 mb-3 d-block"
                                    translate="btn-add"
                                    >Add</span
                                  >
                                </div>
                                <form
                                  action="########panel/categorySave"
                                  method="post"
                                  class="needs-validation category-form w-100"
                                  autocomplete="off"
                                >
                                  <div class="form-row">
                                    <div class="input-group required">
                                      <div class="input-group-prepend">
                                        <span
                                          class="input-group-text"
                                          translate="training-category"
                                          >Service category</span
                                        >
                                      </div>
                                      <input
                                        type="text"
                                        class="form-control"
                                        name="name"
                                        required=""
                                      />
                                      <div class="btn-float">
                                        <button
                                          type="submit"
                                          class="btn btn-sm btn-rounded btn-primary"
                                          data-toggle="tooltip"
                                          translate-title="btn-add"
                                          title="Add"
                                        >
                                          <span class="icon-btn-plus"></span>
                                        </button>
                                      </div>
                                    </div>
                                  </div>
                                </form>
                                <div class="category-table w-100">
                                  <div class="bootstrap-table bootstrap4">
                                    <div class="fixed-table-toolbar"></div>

<div
                              class="fixed-table-container"
                              style="padding-bottom: 0px"
                            >
                              <div
                                class="fixed-table-header"
                                style="display: none"
                              >
                                <table></table>
                              </div>
                              <div class="fixed-table-body">
                                <div
                                  class="fixed-table-loading table table-sm table-hover table-bordered"
                                  style="top: 1px"
                                ></div>
                                <table
                                  class="vat-table table table-sm table-hover table-bordered"
                                  url="panel/vatList"
                                  auto="false"
                                  data-cookie-id-table="TFIRMVAT"
                                  data-show-columns="false"
                                  href="#"
                                  data-classes="table table-sm table-hover table-bordered"
                                  data-page-size="10"
                                  data-page-list="[10, 20, 30, All]"
                                  data-toggle="bootstrap-table"
                                  data-pagination="false"
                                  data-search="false"
                                  data-sort-table="false"
                                  data-side-pagination="server"
                                  data-sort-name="symbol"
                                  data-sort-order="asc"
                                >
                                  <thead style="">
                                    <tr>
                                      <th style="" data-field="symbol">
                                        <div class="th-inner sortable both asc">
                                          <div translate="symbol">Symbol</div>
                                        </div>
                                        <div class="fht-cell"></div>
                                      </th>
                                      <th style="" data-field="name">
                                        <div class="th-inner sortable both">
                                          <div translate="name">Name</div>
                                        </div>
                                        <div class="fht-cell"></div>
                                      </th>
                                      <th style="" data-field="vat">
                                        <div class="th-inner sortable both">
                                          <div translate="tax-rate">
                                            TAX rate
                                          </div>
                                        </div>
                                        <div class="fht-cell"></div>
                                      </th>
                                      <th class="detail">
                                        <div class="fht-cell"></div>
                                      </th>
                                    </tr>
                                  </thead>
                                  <tbody>
                                    <tr
                                      data-index="0"
                                      data-has-detail-view="true"
                                    >
                                      <td>A</td>
                                      <td>TAX A (0%)</td>
                                      <td>
                                        <span class="percentage color-main-1"
                                          >0</span
                                        >
                                      </td>
                                      <td>
                                        <a
                                          class="detail-icon"
                                          href="#########"
                                        >
                                          <i class="fa fa-plus"></i>
                                        </a>
                                      </td>
                                    </tr>
                                    <tr
                                      data-index="1"
                                      data-has-detail-view="true"
                                    >
                                      <td>B</td>
                                      <td>TAX B (0%)</td>
                                      <td>
                                        <span class="percentage color-main-1"
                                          >0</span
                                        >
                                      </td>
                                      <td>
                                        <a
                                          class="detail-icon"
                                          href="#########"
                                        >
                                          <i class="fa fa-plus"></i>
                                        </a>
                                      </td>
                                    </tr>
                                    <tr
                                      data-index="2"
                                      data-has-detail-view="true"
                                    >
                                      <td>C</td>
                                      <td>TAX C (0%)</td>
                                      <td>
                                        <span class="percentage color-main-1"
                                          >0</span
                                        >
                                      </td>
                                      <td>
                                        <a
                                          class="detail-icon"
                                          href="#########"
                                        >
                                          <i class="fa fa-plus"></i>
                                        </a>
                                      </td>
                                    </tr>
                                    <tr
                                      data-index="3"
                                      data-has-detail-view="true"
                                    >
                                      <td>D</td>
                                      <td>TAX D (0%)</td>
                                      <td>
                                        <span class="percentage color-main-1"
                                          >0</span
                                        >
                                      </td>
                                      <td>
                                        <a
                                          class="detail-icon"
                                          href="#########"
                                        >
                                          <i class="fa fa-plus"></i>
                                        </a>
                                      </td>
                                    </tr>
                                    <tr
                                      data-index="4"
                                      data-has-detail-view="true"
                                    >
                                      <td>E</td>
                                      <td>TAX E (0%)</td>
                                      <td>
                                        <span class="percentage color-main-1"
                                          >0</span
                                        >
                                      </td>
                                      <td>
                                        <a
                                          class="detail-icon"
                                          href="#########"
                                        >
                                          <i class="fa fa-plus"></i>
                                        </a>
                                      </td>
                                    </tr>
                                    <tr
                                      data-index="5"
                                      data-has-detail-view="true"
                                    >
                                      <td>F</td>
                                      <td>TAX F (0%)</td>
                                      <td>
                                        <span class="percentage color-main-1"
                                          >0</span
                                        >
                                      </td>
                                      <td>
                                        <a
                                          class="detail-icon"
                                          href="#########"
                                        >
                                          <i class="fa fa-plus"></i>
                                        </a>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </div>
                              <div class="fixed-table-footer"></div>
                            </div>
                            <div
                              class="fixed-table-pagination"
                              style="display: none"
                            ></div>
                          </div>
                          <div class="clearfix"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="tab-pane"
                tab="settings"
                role="tabpanel"
                id="settings-1683598940743"
              >
                <div class="tab-body">
                  <div class="container-fluid">
                    <div
                      class="form-header d-flex justify-content-between ems-equipment"
                    >
                      <span class="form-title"
                        ><span translate="ems-equipment"
                          >EMS equipment</span
                        ></span
                      >
                    </div>
                    <form
                      method="post"
                      class="grid-form needs-validation device-settings-form ems-equipment"
                    >
                      <div class="row">
                        <div class="col col-12">
                          <div class="row">
                            <div class="input-group col-4">
                              <div class="input-group-prepend">
                                <span
                                  class="input-group-text text-capitalize"
                                  translate="producer"
                                  >Producer</span
                                >
                              </div>
                              <select
                                class="custom-select"
                                name="ems_brand"
                                dynamic="ems_brand"
                              >
                                <option value="" translate="any-male">
                                  any
                                </option>
                                <option value="innline">Innline</option>
                                <option value="mihabodytec">
                                  Miha BodyTec
                                </option>
                                <option value="xbody">XBody</option>
                              </select>
                            </div>
                          </div>
                        </div>
                        <div class="col col-12">
                          <button type="submit" class="btn btn-sm btn-primary">
                            <i class="icon-progress spin mr-2"></i
                            ><span translate="btn-save">Save</span>
                          </button>
                        </div>
                      </div>
                    </form>
                    <div class="form-header d-flex justify-content-between">
                      <span class="form-title"
                        ><span class="dash" translate="customers"
                          >Customers</span
                        >
                        <span translate="required-fields"
                          >Required fields</span
                        > </span
                      ><span class="custom-link"
                        ><i class="icon-help"></i>
                        <small
                          ><a
                            href="#########"
                            data-help="firm-required"
                            translate="required-fields"
                            >Required fields</a
                          ></small
                        ></span
                      >
                    </div>
                    <form
                      method="post"
                      class="grid-form needs-validation settings-form"
                    >
                      <div class="row">
                        <div class="col col-12">
                          <div class="row">
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label readonly"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  readonly="readonly"
                                  checked="checked"
                                  disabled="disabled"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  ><span translate="c-name"
                                    >First name</span
                                  ></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label readonly"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  readonly="readonly"
                                  checked="checked"
                                  disabled="disabled"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  ><span translate="c-surname"
                                    >Surname</span
                                  ></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label readonly"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  readonly="readonly"
                                  checked="checked"
                                  disabled="disabled"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  ><span translate="sex">Sex</span></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  id="check_3978485813244388_0"
                                  name="dob"
                                  dynamic="requirements.dob"
                                  value="true"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  for="check_3978485813244388_0"
                                  ><span translate="dob"
                                    >Date of birth</span
                                  ></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  id="check_1661565226586692_1"
                                  name="pidn"
                                  dynamic="requirements.pidn"
                                  value="true"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  for="check_1661565226586692_1"
                                  ><span translate="pidn"
                                    >Resident ID No.</span
                                  ></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  id="check_8774386270955197_2"
                                  name="vat"
                                  dynamic="requirements.vat"
                                  value="true"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  for="check_8774386270955197_2"
                                  ><span translate="vat"
                                    >Tax ID No.</span
                                  ></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  id="check_23387097650351274_3"
                                  name="phone"
                                  dynamic="requirements.phone"
                                  value="true"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  for="check_23387097650351274_3"
                                  ><span translate="phone"
                                    >Telephone</span
                                  ></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  id="check_32473286063737916_4"
                                  name="email"
                                  dynamic="requirements.email"
                                  value="true"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  for="check_32473286063737916_4"
                                  ><span translate="email">E-mail</span></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  id="check_3149517207822605_5"
                                  name="address"
                                  dynamic="requirements.address"
                                  value="true"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  for="check_3149517207822605_5"
                                  ><span translate="address"
                                    >Address</span
                                  ></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  id="check_1689201783142935_6"
                                  name="status"
                                  dynamic="requirements.status"
                                  value="true"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  for="check_1689201783142935_6"
                                  ><span translate="status">Status</span></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  id="check_527484176956885_7"
                                  name="references"
                                  dynamic="requirements.references"
                                  value="true"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  for="check_527484176956885_7"
                                  ><span translate="references"
                                    >References</span
                                  ></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  id="check_2617571275727377_8"
                                  name="studio"
                                  dynamic="requirements.studio"
                                  value="true"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  for="check_2617571275727377_8"
                                  ><span translate="default-studio"
                                    >Default studio</span
                                  ></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  id="check_23427653310200314_9"
                                  name="indications"
                                  dynamic="requirements.indications"
                                  value="true"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  for="check_23427653310200314_9"
                                  ><span translate="training-goals"
                                    >Training goals</span
                                  ></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  id="check_4529984048795104_10"
                                  name="contraindications"
                                  dynamic="requirements.contraindications"
                                  value="true"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  for="check_4529984048795104_10"
                                  ><span translate="training-limits"
                                    >Limits</span
                                  ></label
                                >
                              </div>
                            </div>
                            <div class="form-group col-4">
                              <div
                                class="form-check custom-check alt-check strong-label"
                              >
                                <input
                                  class="custom-control-input"
                                  type="checkbox"
                                  id="check_45849659919272434_11"
                                  name="trainer"
                                  dynamic="requirements.trainer"
                                  value="true"
                                />
                                <label
                                  class="custom-control-label text-secondary mb-0"
                                  for="check_45849659919272434_11"
                                  ><span translate="account-manager"
                                    >Account Manager</span
                                  ></label
                                >
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="col col-12">
                          <button type="submit" class="btn btn-sm btn-primary">
                            <i class="icon-progress spin mr-2"></i
                            ><span translate="btn-save">Save</span>
                          </button>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
              <div
                class="tab-pane"
                tab="delete"
                role="tabpanel"
                id="delete-1683598940743"
              >
                <div class="tab-body">
                  <div class="container-fluid">
                    <div class="row">
                      <div class="col-12">
                        <div>
                          <div class="delete-warning text-center">
                            <h5 class="question">
                              <span
                                class="pr-1"
                                translate="delete-confirm-title"
                                >Are you sure you want to delete</span
                              ><span dynamic="name">BioViga</span>
                            </h5>
                            <p>
                              <span translate="delete-confirm-info"
                                >Deletion is irreversible. Deleted data will be
                                lost.<br />Are you sure you want to
                                continue?</span
                              >
                            </p>
                            <div class="buttons d-inline-block ml-3">
                              <button
                                type="remove-firm"
                                class="btn btn-sm btn-danger"
                              >
                                <i class="icon-progress spin mr-2"></i
                                ><span translate="btn-delete">Delete</span>
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

Batal

⬅ Naik ke BodyCode 31 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁css	dir	—	2023-04-27 15:34	📂 Buka
📁fonts	dir	—	2023-05-09 00:59	📂 Buka
📁images	dir	—	2023-05-09 01:15	📂 Buka
📁js	dir	—	2023-04-27 15:29	📂 Buka
🌐Kalendari i rezervimeve.html	html	130.4 KB	2023-05-09 03:29	✏️ Edit 👁️ View
🌐Kategori shto fshi ndrysho.html	html	155.2 KB	2023-05-09 04:26	✏️ Edit 👁️ View
🌐Note-shto-njoftime.html	html	75.6 KB	2023-05-09 03:14	✏️ Edit 👁️ View
🌐Task-crm.html	html	103.3 KB	2023-05-09 03:10	✏️ Edit 👁️ View
🌐abonent-1.html	html	587 KB	2023-05-09 03:31	✏️ Edit 👁️ View
🌐account general ops.html	html	302.1 KB	2023-05-09 03:53	✏️ Edit 👁️ View
🌐account notification ops.html	html	302.3 KB	2023-05-09 03:56	✏️ Edit 👁️ View
🗜️bodycode crm.zip	zip	1.4 MB	2023-05-09 16:25	✏️ Edit 👁️ View
🌐calend add2 orari i punes.html	html	357.6 KB	2023-05-09 02:46	✏️ Edit 👁️ View
🌐cash box cashflow.html	html	110.6 KB	2023-05-09 04:35	✏️ Edit 👁️ View
🌐crm Leads set.html	html	148.2 KB	2023-05-09 03:26	✏️ Edit 👁️ View
🌐dashboard2-kryesore.html	html	225.5 KB	2023-05-09 03:23	✏️ Edit 👁️ View
🌐kalendari ditor KD.html	html	113.9 KB	2023-05-09 03:59	✏️ Edit 👁️ View
🌐kalendari javor KJ.html	html	130.5 KB	2023-05-09 04:02	✏️ Edit 👁️ View
🌐kalendari mujor KM.html	html	137.4 KB	2023-05-09 04:05	✏️ Edit 👁️ View
🌐klientet.html	html	91 KB	2023-05-09 03:22	✏️ Edit 👁️ View
🌐logs-veprimtari historik.html	html	74.2 KB	2023-05-09 04:29	✏️ Edit 👁️ View
🌐oraripunes Njoftime pin board.html	html	136.3 KB	2023-05-09 03:18	✏️ Edit 👁️ View
🌐pin board - njoftime.html	html	71 KB	2023-05-09 03:41	✏️ Edit 👁️ View
🌐punonjes line fix.html	html	603.3 KB	2023-05-09 02:43	✏️ Edit 👁️ View
🌐raporte-te pergjithshme.html	html	96.2 KB	2023-05-09 03:45	✏️ Edit 👁️ View
🌐settings -- cilesime.html	html	148.4 KB	2023-05-09 04:17	✏️ Edit 👁️ View
🌐settings-1.html	html	136.2 KB	2023-05-09 03:06	✏️ Edit 👁️ View
🌐settings-status-lead.html	html	86.6 KB	2023-05-09 04:32	✏️ Edit 👁️ View
🌐sherbim shto new.html	html	297.1 KB	2023-05-09 03:37	✏️ Edit 👁️ View
🌐shto paisje ems new.html	html	379.2 KB	2023-05-09 03:30	✏️ Edit 👁️ View
🌐werhause magazina.html	html	69.2 KB	2023-05-09 03:10	✏️ Edit 👁️ View