{"id":10162,"date":"2023-11-15T12:28:30","date_gmt":"2023-11-15T10:28:30","guid":{"rendered":"https:\/\/legalistik.com\/cijena\/"},"modified":"2025-08-18T10:07:51","modified_gmt":"2025-08-18T08:07:51","slug":"cijena","status":"publish","type":"page","link":"https:\/\/legalistik.com\/hr\/cijena\/","title":{"rendered":"Cijena"},"content":{"rendered":"\n<style>\n      \t.price-annually h2{\n      \tmargin-bottom: 0!important;\n      \t}\n\n      \t    .number-input {\n            position: relative;\n            width: 150px;\n      \t  margin: 0 auto;\n          }\n\n          .input-group {\n            display: flex;\n          }\n\n      .input-field {\n        appearance: textfield;\n        -webkit-appearance: textfield;\n        -moz-appearance: textfield;\n        width: 4em;\n      }\n\n      .input-field::-webkit-inner-spin-button,\n      .input-field::-webkit-outer-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n      }\n\n      .input-field::-webkit-inner-spin-button,\n      .input-field::-webkit-outer-spin-button {\n        appearance: none;\n      }\n\n      .input-field[type=\"number\"] {\n        -moz-appearance: textfield;\n      }\n\n          .btn {\n            cursor: pointer;\n            padding: 5px 10px;\n            border: 1px solid #ccc;\n            background-color: #f0f0f0;\n            font-size: 14px;\n            user-select: none;\n          }\n\n          .btn:hover {\n            background-color: #e0e0e0;\n          }\n\n          .input-field {\n            flex: 1;\n            text-align: center;\n            font-size: 16px;\n          }\n\n      input[type=number] {\n          padding: 5px;\n          border: 0;\n          font-weight: bold;\n          box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.06);\n          width: 50px;\n      }\n\n            .no-display {\n              display: none;\n            }\n\n            .inline-display {\n              display: inline;\n            }\n\n            .no {\n              color: #929292;\n            }\n\n            .yes {\n              color: #65b949;\n            }\n\n      .price-table-section {\n      \twidth: 60%;\n          margin: 0 auto;\n          \/* padding: 114px 0 125px; *\/\n      }\n\n      .price-table-section>h2 {\n          font-size: 30px;\n          margin-bottom: 64px;\n          text-align: center\n      }\n\n      .price-table-section .white-bkg {\n          background-color: #ffff\n      }\n\n      .price-table-section .gray-bkg {\n          background-color: #f7f7f7\n      }\n\n      .price-table-fixed-wrapper {\n          background-color: #fff;\n          left: 0;\n          position: fixed;\n          right: 0;\n          top: 70px;\n          z-index: 2\n      }\n\n      .price-table {\n          width: 100%;\n      \tmargin-bottom: 0!important;\n      \tborder-collapse: none;\n      \tborder-spacing: 0!important;\n      }\n\n      .price-header-row {\n          vertical-align: bottom\n      \tbackground-color: white!important;\n      }\n\n      .price-header-row th {\n          border-bottom: 2px solid #252525;\n          padding-bottom: 0px;\n      }\n\n      .price-header-row .price-switch-row {\n          -webkit-box-align: center;\n          -ms-flex-align: center;\n          align-items: center;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex\n      }\n\n      .price-header-row .price-switch-label {\n          color: #919090;\n          font-size: 15px;\n          font-weight: 700;\n          letter-spacing: 1.9px;\n          -webkit-transition: color .2s;\n          transition: color .2s\n      }\n\n      .price-header-row .price-switch-label.choosed {\n          color: #252525\n      }\n\n      .price-header-row .price-switch-label span {\n          color: #44c073;\n          font-weight: 400;\n          letter-spacing: 0;\n          margin-left: 10px\n      }\n\n      .price-header-row .price-switch-ctrl {\n          -webkit-tap-highlight-color: transparent;\n          -webkit-user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n          background-color: #252525;\n          border-radius: 22px;\n          cursor: pointer;\n          height: 30px;\n          margin: 0 20px;\n          position: relative;\n          width: 60px\n      }\n\n      .price-header-row .price-switch-ctrl:after {\n          background-color: #fff;\n          border-radius: 50%;\n          content: \"\";\n          height: 19px;\n          left: 7px;\n          position: absolute;\n          top: 5px;\n          -webkit-transition: left .2s;\n          transition: left .2s;\n          width: 19px\n      }\n\n      .price-header-row .price-switch-ctrl.right:after {\n          left: 34px\n      }\n\n      .price-header-row .price-val {\n          position: relative\n      }\n\n      .price-header-row .price-val h3 {\n          color: #252525;\n          font-size: 16px;\n          letter-spacing: 1.78px;\n          text-transform: uppercase\n      }\n\n      .price-header-row .price-val h2 {\n          color: #252525;\n          font-size: 36px;\n          margin-top: 6px\n      }\n\n      .price-header-row .price-val p {\n          color: #919090;\n          font-size: 14px;\n          font-weight: 400;\n          margin-top: 5px\n      }\n\n      .price-header-row .popular-mark {\n          background-color: #44c073;\n          color: #fff;\n          font-size: 13px;\n          font-weight: 700;\n          letter-spacing: 1.9px;\n          margin-bottom: 12px;\n          padding: 2px 0\n      }\n\n      .price-bold-row td {\n          border-bottom: 1px solid #dbdbdb;\n          padding: 11px 0\n      }\n\n      .price-space-row td {\n          padding: 18px 0\n      }\n\n      .price-title-bold {\n          color: #252525;\n          font-size: 14px;\n          font-weight: 700;\n          letter-spacing: 1.58px;\n          text-transform: uppercase\n      }\n\n      .price-title-bold, .price-normal-row {\n          background-color: white!important;\n          text-align: left;\n      }\n\n      .price-normal-row td {\n          border-bottom: 1px solid #dbdbdb;\n          padding: 10px 0\n      }\n\n\n\n      .price-title {\n          color: #4f515e;\n          font-size: 14px;\n          line-height: 1.44;\n      \tbackground-color: white!important;\n      }\n\n      .price-title .price-title-inner {\n          padding-left: 20px;\n          position: relative\n      }\n\n      .price-title .price-title-inner span,.price-title .price-title-view-more {\n          -webkit-tap-highlight-color: transparent;\n          -webkit-user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none\n      }\n\n      .price-title .price-title-view-more {\n          color: #0337cc;\n          cursor: pointer;\n          font-size: 13px;\n          font-weight: 700;\n          letter-spacing: 1.77px;\n          padding-right: 20px;\n          position: relative;\n          text-transform: uppercase\n      }\n\n      .price-title .price-title-view-more.open:after {\n          -webkit-transform: rotate(180deg);\n          transform: rotate(180deg)\n      }\n\n      .price-title .price-title-view-more:after {\n          background-image: url(\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0zMDQuMSAzOTQuNCA5LjIgNS40Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMzM3Y2MiIHN0cm9rZS13aWR0aD0iMS43NzgiIGQ9Ik0tMjk1LjYgMzk1LjFsLTQgMy42LTQtMy41Ii8+PC9zdmc+\");\n          background-position: 50%;\n          background-repeat: no-repeat;\n          background-size: contain;\n          content: \"\";\n          display: inline-block;\n          height: 6px;\n          position: absolute;\n          right: 0;\n          top: 4px;\n          -webkit-transition: -webkit-transform .5s;\n          transition: -webkit-transform .5s;\n          transition: transform .5s;\n          transition: transform .5s,-webkit-transform .5s;\n          width: 12px\n      }\n\n      .price-title .info-icon {\n          -webkit-tap-highlight-color: transparent;\n          -webkit-user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n          background-image: url(\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iLTI5OC44IDM5MC45IDEyLjQgMTIuNCI+PHBhdGggZmlsbD0iI2Q4ZDhkOCIgZD0iTS0yOTAuOSA0MDAuMWMwIC4xLS4xLjItLjEuMi0uNC40LS44LjYtMS4zLjZoLS43Yy0uNC0uMS0uOS0uNi0uOC0xLjEuMS0uNC4xLS43LjItMS4xLjEtLjYuMi0xLjMuMy0xLjl2LS4xYzAtLjMtLjEtLjQtLjMtLjQtLjEgMC0uMiAwLS4zLS4xLS4xIDAtLjItLjEtLjItLjMgMC0uMS4xLS4yLjItLjJoMi4xYy4yIDAgLjQuMS40LjQgMCAuMiAwIC40LS4xLjYtLjEuNy0uMyAxLjQtLjQgMi4yIDAgLjItLjEuNS0uMS43di40YzAgLjEuMS4yLjMuMi4xIDAgLjMtLjEuNC0uMS4xIDAgLjItLjEuMy0uMSAwLS4yLjItLjEuMS4xbS0xLjQtNi44Yy42IDAgMSAuNSAxIDEgMCAuNi0uNSAxLTEgMS0uNiAwLTEtLjUtMS0xIDAtLjYuNC0xIDEtMW0tLjMtMi40Yy0zLjQgMC02LjIgMi44LTYuMiA2LjIgMCAzLjQgMi44IDYuMiA2LjIgNi4yIDMuNCAwIDYuMi0yLjggNi4yLTYuMiAwLTMuNC0yLjctNi4yLTYuMi02LjIiLz48L3N2Zz4=\");\n          background-position: 50%;\n          background-size: contain;\n          cursor: pointer;\n          display: inline-block;\n          height: 12px;\n          left: 0;\n          position: absolute;\n          top: 4px;\n          -webkit-transition: background .2s;\n          transition: background .2s;\n          width: 12px\n      }\n\n      .price-title .info-icon.open {\n          background-image: url(\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iLTI5OC44IDM5MC42IDEyLjQgMTIuNCI+PHBhdGggZmlsbD0iIzI1MjUyNSIgZD0iTS0yOTAuOSAzOTkuOGMwIC4xLS4xLjItLjEuMi0uNC40LS44LjYtMS4zLjZoLS43Yy0uNC0uMS0uOS0uNi0uOC0xLjEuMS0uNC4xLS43LjItMS4xLjEtLjYuMi0xLjMuMy0xLjl2LS4xYzAtLjMtLjEtLjQtLjMtLjQtLjEgMC0uMiAwLS4zLS4xLS4xIDAtLjItLjEtLjItLjMgMC0uMS4xLS4yLjItLjJoMi4xYy4yIDAgLjQuMS40LjMgMCAuMiAwIC40LS4xLjYtLjEuNy0uMyAxLjQtLjQgMi4yIDAgLjItLjEuNS0uMS43di4zYzAgLjIuMS4yLjMuMi4xIDAgLjMtLjEuNC0uMS4xIDAgLjItLjEuMy0uMSAwIDAgLjIuMS4xLjNtLTEuNC02LjljLjYgMCAxIC41IDEgMSAwIC42LS41IDEtMSAxLS42IDAtMS0uNS0xLTFzLjQtMSAxLTFtLS4zLTIuM2MtMy40IDAtNi4yIDIuOC02LjIgNi4yIDAgMy40IDIuOCA2LjIgNi4yIDYuMiAzLjQgMCA2LjItMi44IDYuMi02LjIgMC0zLjUtMi43LTYuMi02LjItNi4yIi8+PC9zdmc+\")\n      }\n\n      @media (min-width: 1000px) {\n          .price-title .info-icon:hover {\n              background-image:url(\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iLTI5OC44IDM5MC42IDEyLjQgMTIuNCI+PHBhdGggZmlsbD0iIzI1MjUyNSIgZD0iTS0yOTAuOSAzOTkuOGMwIC4xLS4xLjItLjEuMi0uNC40LS44LjYtMS4zLjZoLS43Yy0uNC0uMS0uOS0uNi0uOC0xLjEuMS0uNC4xLS43LjItMS4xLjEtLjYuMi0xLjMuMy0xLjl2LS4xYzAtLjMtLjEtLjQtLjMtLjQtLjEgMC0uMiAwLS4zLS4xLS4xIDAtLjItLjEtLjItLjMgMC0uMS4xLS4yLjItLjJoMi4xYy4yIDAgLjQuMS40LjMgMCAuMiAwIC40LS4xLjYtLjEuNy0uMyAxLjQtLjQgMi4yIDAgLjItLjEuNS0uMS43di4zYzAgLjIuMS4yLjMuMi4xIDAgLjMtLjEuNC0uMS4xIDAgLjItLjEuMy0uMSAwIDAgLjIuMS4xLjNtLTEuNC02LjljLjYgMCAxIC41IDEgMSAwIC42LS41IDEtMSAxLS42IDAtMS0uNS0xLTFzLjQtMSAxLTFtLS4zLTIuM2MtMy40IDAtNi4yIDIuOC02LjIgNi4yIDAgMy40IDIuOCA2LjIgNi4yIDYuMiAzLjQgMCA2LjItMi44IDYuMi02LjIgMC0zLjUtMi43LTYuMi02LjItNi4yIi8+PC9zdmc+\")\n          }\n      }\n\n      .price-title .price-title-tip {\n          background-color: #252525;\n          left: -24px;\n          margin-top: 12px;\n          padding: 20px 24px;\n          position: absolute;\n          top: 100%;\n          width: 415px;\n          z-index: 1\n      }\n\n      .price-title .price-title-tip:before {\n          border-bottom: 9px solid #252525;\n          border-left: 10px solid transparent;\n          border-right: 10px solid transparent;\n          content: \"\";\n          height: 0;\n          left: 21px;\n          position: absolute;\n          top: -8px;\n          width: 0\n      }\n\n      .price-title .price-title-tip p {\n          color: #fff;\n          font-size: 14px;\n          font-weight: 400\n      }\n\n      .price-val {\n          color: #4f515e;\n          font-size: 14px;\n          text-align: center;\n          width: 210px\n      }\n\n      .price-val .checked-icon {\n          background-image: url(\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTcuOSAzOTAuOSAxNSAxMS44Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMyNTI1MjUiIHN0cm9rZS13aWR0aD0iMy41NTYiIGQ9Ik0tMjk2LjcgMzk1LjZsNC40IDQuNSA4LTgiLz48L3N2Zz4=\");\n          background-position: 50%;\n          background-repeat: no-repeat;\n          background-size: contain;\n          display: inline-block;\n          height: 10px;\n          width: 13px\n      }\n\n      .price-val .minus-icon {\n          background-color: #919090;\n          display: inline-block;\n          height: 1px;\n          width: 10px\n      }\n\n      .price-val .price-val-inner {\n          position: relative\n      }\n\n      .price-val .dot-line {\n          -webkit-tap-highlight-color: transparent;\n          -webkit-user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n          cursor: pointer;\n          padding-bottom: 4px;\n          position: relative\n      }\n\n      .price-val .dot-line.open:after,.price-val .dot-line:hover:after {\n          background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#252525),color-stop(0,hsla(0,0%,100%,0)));\n          background-image: linear-gradient(90deg,#252525 50%,hsla(0,0%,100%,0) 0)\n      }\n\n      .price-val .dot-line:after {\n          background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#919090),color-stop(0,hsla(0,0%,100%,0)));\n          background-image: linear-gradient(90deg,#919090 50%,hsla(0,0%,100%,0) 0);\n          background-repeat: repeat-x;\n          background-size: 4px 1px;\n          bottom: 0;\n          content: \"\";\n          height: 1px;\n          left: 0;\n          position: absolute;\n          right: 0\n      }\n\n      .price-val .price-val-tip-arrow {\n          border-bottom: 9px solid #252525;\n          border-left: 10px solid transparent;\n          border-right: 10px solid transparent;\n          bottom: -16px;\n          content: \"\";\n          height: 0;\n          left: 50%;\n          margin-left: -10px;\n          position: absolute;\n          width: 0\n      }\n\n      .price-val .price-val-tip-content {\n          background-color: #252525;\n          padding: 20px 24px;\n          position: absolute;\n          right: -24px;\n          text-align: left;\n          top: 30px;\n          width: 415px;\n          z-index: 1\n      }\n\n      .price-val .price-val-tip-content p {\n          color: #fff;\n          font-size: 14px;\n          font-weight: 400\n      }\n\n      @media (max-width: 1300px) {\n          .price-header-row .price-switch-ctrl {\n              height:25px;\n              margin: 0 15px;\n              width: 51px\n          }\n\n          .price-header-row .price-switch-ctrl.right:after {\n              left: 28px\n          }\n\n          .price-header-row .price-switch-ctrl:after {\n              height: 16px;\n              top: 4px;\n              width: 16px\n          }\n\n          .price-header-row .price-switch-label {\n              font-size: 13px;\n              letter-spacing: 1.65px\n          }\n      }\n\n      @media (max-width: 1100px) {\n      .price-header-row .price-val h2 { \n          font-size: 24px; \n      }\n\n          .price-title .price-title-tip {\n              left:0;    \nwidth: 215px;\n          }\n\n          .price-header-row .price-switch-label span {\n              display: block;\n              margin-left: 0\n          }\n      }\n\n      @media (max-width: 1000px) {\n          .price-table-fixed-wrapper {\n              top:50px\n          }\n\n          .price-table-section {\n              padding: 62px 0 70px;\n      \t\twidth: 100%;\n          }\n\n          .price-table-section>h2 {\n              font-size: 30px;\n              margin-bottom: 48px;\n              padding: 0 20px\n          }\n\n          .price-header-row th {\n              padding-bottom: 0px;\n          }\n\n          .price-header-row .price-switch-row {\n              display: none\n          }\n\n          .price-header-row .price-val h3 {\n              font-size: 13px;\n              letter-spacing: 0;\n              text-transform: none\n          }\n\n          \n\n          .price-header-row .popular-mark {\n              font-size: 10px;\n              letter-spacing: 1.27px;\n              margin-bottom: 11px;\n              padding: 2px 0\n          }\n\n          .price-space-row td {\n              padding: 26px 0\n          }\n\n          .price-bold-row td {\n              border-bottom-width: 1px;\n              border-top: 1px solid #dbdbdb\n          }\n\n          .price-title-bold {\n              font-size: 11px;\n              letter-spacing: 1.39px\n          }\n\n          .price-title {\n              font-size: 12px\n          }\n\n          .price-title .price-title-inner {\n              line-height: 1.5;\n              padding-left: 22px\n          }\n\n          .price-title .info-icon {\n              height: 12px;\n              top: 4px;\n              width: 12px\n          }\n\n          .price-title .price-title-view-more {\n              font-size: 11px;\n              letter-spacing: 1.39px\n          }\n\n          .price-title .price-title-view-more:after {\n              height: 5px;\n              width: 9px\n          }\n\n          .price-title .price-title-tip {\n              padding: 19px 28px\n          }\n\n          .price-title .price-title-tip:before {\n              border-bottom-width: 8px;\n              border-left-width: 9px;\n              border-right-width: 9px;\n              left: 45px\n          }\n\n          .price-title .price-title-tip p,.price-val {\n              font-size: 12px\n          }\n\n          .price-val {\n              width: 72px\n          }\n\n          .price-val .checked-icon {\n              height: 10px;\n              width: 13px\n          }\n\n          .price-val .minus-icon {\n              width: 7px\n          }\n\n          .price-val .price-val-inner {\n              display: block\n          }\n\n          .price-val .price-val-tip-arrow {\n              border-bottom-width: 8px;\n              border-left-width: 9px;\n              border-right-width: 9px\n          }\n\n          .price-val .price-val-tip-content {\n              padding: 19px 28px;\n              right: 0;\n              top: 28px\n          }\n\n          .price-val .price-val-tip-content p {\n              font-size: 12px\n          }\n      }\n    <\/style>\n  \n  \n    <section id=\"price-table-section\" class=\"price-table-section\">\n      <div class=\"price-table-header-wrapper\">\n        <div class=\"container\">\n          <table class=\"price-table\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n            <thead>\n              <tr class=\"price-header-row\">\n                <th class=\"price-title\"><\/th>\n                <th class=\"price-val white-bkg\">\n                  <h3>Osnovni<\/h3>\n                  <div class=\"price-value\">\n                    <div class=\"price-annually\">\n                      <h2>\u20ac0<\/h2>\n                      <p>&nbsp;<\/p>\n                    <\/div>\n                  <\/div>\n                <\/th>\n                <th class=\"price-val gray-bkg\">\n                  <h3>PRO<\/h3>\n                  <div class=\"price-value\">\n                    <div class=\"price-annually\">\n                      <h2>\n \u20ac\n                        <span id=\"no-price\" class=\"no-display\" style=\"text-decoration: line-through; color: red\">30<\/span>\n                        <span id=\"yes-price\">30<\/span>\n                      <\/h2>\n                      <p>mjese\u010dno<\/p>\n                    <\/div>\n                  <\/div>\n                <\/th>\n              <\/tr>\n            <\/thead>\n          <\/table>\n        <\/div>\n      <\/div>\n      <div class=\"price-table-wrapper\">\n        <div class=\"container\">\n          <table class=\"price-table\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n            <tbody>\n              <tr class=\"price-bold-row\">\n                <td class=\"price-title-bold\" colspan=\"2\">Moduli<\/td>\n                <td class=\"price-val gray-bkg\"><\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Saradnici <\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Jednostavno upravljajte timom dodavanjem saradnika i njihovih privilegija, \u010dime\n se stvara efikasna platforma za zajedni\u010dko deljenje\n predmeta, dokumenta, informacija i zadatka.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <div class=\"number-input\">\n                    <div class=\"input-group\">\n                      <div class=\"btn\" onclick=\"decrement()\">&#8211;<\/div>\n                      <input type=\"number\" id=\"premium-users\" class=\"user-input input-field\" placeholder=\"Unesi broj saradnika\" value=\"1\" min=\"1\" max=\"200\">\n                      <div class=\"btn\" onclick=\"increment()\">+<\/div>\n                    <\/div>\n                  <\/div>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Kontrolna plo\u010da <\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Sve bitne informacije na jednom mjestu, nadolaze\u0107i\n sastanci i zadaci, statistika faktura i sve zadnje\n promjene nastale u sistemu.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Kalendar <\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Dr\u017eite se rokova i upravljajte svojim rasporedom s\n lako\u0107om. Planirajte svoje vrijeme uz dvosmjernu\n sinhronizaciju sa va\u0161im Google kalendarom\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Zadaci <\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Prac\u0301enje i izvr\u0161avanje zadataka je jednostavno: dodajte\n zadatke, postavite rokove i pridru\u017eite ih odgovarajuc\u0301im\n predmetima ili klijentima kako biste pobolj\u0161ali\n organizaciju rada i optimizovali produktivnost tima\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Predmeti <\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Dodajte bilje\u0161ke, pove\u017eite kontakte i pove\u017eite fakture s\n odgovaraju\u0107im predmetima\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"minus-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Klijenti<\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Pobolj\u0161ajte upravljanje klijentima uz pomo\u0107 Legalistika,\n gde mo\u017eete dodavati, a\u017eurirati i pratiti podatke,\n izdavati fakture te lako dodavati i upravljati\n predmetima i zadacima za svakog klijenta.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"minus-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Fakture <\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Bez napora kreirajte fakture uz pomo\u0107 \u0161ablona i \n \u0161aljite ih putem e-po\u0161te ili portala za klijente\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"minus-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Dokumenti<\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n 10GB za sigurno skladi\u0161tenje dokumenata, sa posebnim\n alatima za upravljanje dokumentima.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"minus-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Izvje\u0161taji <\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Prilagodite svoje izvje\u0161taje prema vlastitim potrebama.\n Bilo da \u017eelite svakodnevno primati listu zadataka putem\n emaila ili petkom pregledavati obaveze za narednu\n sedmicu, olak\u0161ajte svoje upravljanje zadacima uz\n personalizovane periodi\u010dne izvje\u0161taje\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"minus-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Integrisani alati za ure\u0111ivanje dokumenata (Word i Excel)\n                    <\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Nema potrebe da izlazite iz Legalistik aplikacije kako\n bi napravili novi dokument ili uredili postoje\u0107i.\n Integrisani Word i Excel alati vam omogu\u0107uju da sve\n izmjene na dokumentima radite i na ra\u010dunaru bez\n instaliranih Word i Excel aplikacija.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"minus-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>\u0160abloni i generisanje dokumenata<\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Kreirajte dokumente koriste\u0107i \u0161ablone koji automatski\n popunjavaju polja, pru\u017eaju\u0107i neophodne informacije o\n predmetu i olak\u0161avaju proces generisanja dokumenata.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"minus-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Prilago\u0111ena polja<\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Kreirajte neograni\u010den broj prilago\u0111enih polja da sa\u010duvate\n onu vrstu podataka koje vi \u017eelite.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"minus-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Obavje\u0161tenja u realnom vremenu<\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Primajte upozorenja u realnom vremenu za svoje\n poslovanje. Pratite predmete, zadatke i sve \u0161to se\n de\u0161ava u va\u0161oj kancelariji..\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"minus-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Web pristup za klijente <\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Siguran pristup portalu za dijeljenje faktura,\n dokumenata, statusa i poruka sa va\u0161im klijentom\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"minus-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              \n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Mobilna aplikacija<\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Putem na\u0161e mobilne aplikacije mo\u017eete pratiti predmete,\n zadatke, pristupiti dokumentima i pratiti rad va\u0161e\n kancelarije u realnom vremenu.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Migracija podataka<\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Osigurajte jednostavan prelazak na Legalistik platformu\n uz pomo\u0107 na\u0161e podr\u0161ke pri uvozu podataka iz va\u0161eg\n trenutnog softvera\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                  <i class=\"minus-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Obuka<\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Legalistik pru\u017ea sveobuhvatnu obuku kako bi korisnici\n stekli znanje o optimalnom kori\u0161\u0107enju softvera.\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">\n                    <i class=\"minus-icon\"><\/i>\n                <\/td>\n                <td class=\"price-val gray-bkg\">\n                  <i class=\"checked-icon\"><\/i>\n                <\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <i class=\"info-icon\"><\/i>\n                    <span>Probni period<\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p>\n Probajte Legalistik besplatno. Tokom probnog perioda,\n imate priliku iskusiti sve prednosti Legalistika,\n upoznati se s funkcionalnostima i uvjeriti se kako vam\n Legalistik mo\u017ee olak\u0161ati svakodnevno upravljanje\n odvjetni\u010dkom kancelarijom\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\">*30 dana PRO<\/td>\n                <td class=\"price-val gray-bkg\">*30 dana PRO<\/td>\n              <\/tr>\n              <tr class=\"price-normal-row\">\n                <td class=\"price-title\">\n                  <div class=\"price-title-inner\">\n                    <span>&nbsp;<\/span>\n                    <div class=\"price-title-tip no-display\">\n                      <p><\/p>\n                    <\/div>\n                  <\/div>\n                <\/td>\n                <td class=\"price-val\" colspan=\"2\">\n                  <a class=\"gdlr-core-price-table-button gdlr-core-button\" id=\"registrationLink\" href=\"https:\/\/app.legalistik.com\/Identity\/Account\/Register?users=\" target=\"_self\" rel=\"noopener\">Registruj se<\/a>\n                <\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n      <\/div>\n    <\/section>\n    <script>\n      jQuery(document).ready(function ($) {\n        $(\".info-icon\").hover(\n          function () {\n            showTooltip($(this));\n          },\n          function () {\n            hideTooltip($(this));\n          }\n        );\n      });\n\n      function showTooltip(input) {\n        var el = input[0];\n        const tier = el.closest(\".price-title\");\n        const descElement = tier.querySelector(\".price-title-tip\");\n\n        descElement.classList.remove(\"no-display\");\n      }\n\n      function hideTooltip(input) {\n        var el = input[0];\n        const tier = el.closest(\".price-title\");\n        const descElement = tier.querySelector(\".price-title-tip\");\n\n        descElement.classList.add(\"no-display\");\n      }\n\n      var elements = document.getElementsByClassName(\"info-icon\");\n      var allTips = document.getElementsByClassName(\"price-title-tip\");\n\n      for (var i = 0; i <elements.length; i++) { elements[i].addEventListener(\"click\", showDescription, false); } function showDescription(input) { console.log(input.target); const tier = input.target.closest(\".price-title\"); const descElement = tier.querySelector(\".price-title-tip\"); if (hasClass(descElement, \"no-display\")) { for (var i = 0; i <allTips.length; i++) { allTips[i].classList.add(\"no-display\"); } descElement.classList.remove(\"no-display\"); } else { descElement.classList.add(\"no-display\"); } } function hasClass(element, className) { return ( (\" \" + element.className + \" \").indexOf(\" \" + className + \" \")> -1\n        );\n      }\n\n      document.addEventListener(\"input\", function (e) {\n        if (e.target.classList.contains(\"user-input\")) {\n          updateTotalPrice(e.target);\n        }\n      });\n\n      function updateTotalPrice(input) {\n        const tier = input.closest(\".ptable-item\");\n        const priceElement = document.querySelector(\"#yes-price\");\n        const noPriceElement = document.querySelector(\"#no-price\");\n        const noPriceParent = document.querySelector(\"#no-parent\");\n        \/\/ const price = parseInt(priceElement.innerText.replace(\/\\D\/g, ''));\n        const price = parseInt(15);\n        var numUsers = parseInt(input.value) || 1;\n        if (numUsers <0) { numUsers = 1; } else if (numUsers> 200) {\n          numUsers = 200;\n          input.value = numUsers;\n        }\n\naddUsersToLink(numUsers );\n        var totalPrice = price * numUsers + price;\n        var gratis = Math.floor(numUsers \/ 4);\n        totalPrice = price * (numUsers - gratis) + price;\n        if (gratis > 0) {\n          var totalPrice2 = price * numUsers + price;\n          noPriceElement.innerText = `${totalPrice2}`;\n          noPriceElement.classList.remove(\"no-display\");\n        } else {\n          noPriceElement.classList.add(\"no-display\");\n        }\n        priceElement.innerText = `${totalPrice}`;\n      }\n\n      function increment() {\n        var inputElement = document.getElementById(\"premium-users\");\n        inputElement.stepUp();\n        updateTotalPrice(inputElement);\n      }\n\n      function decrement() {\n        var inputElement = document.getElementById(\"premium-users\");\n        inputElement.stepDown();\n        updateTotalPrice(inputElement);\n      }\n\nfunction addUsersToLink(inputValue){\n var registrationLink = document.getElementById('registrationLink');\n    registrationLink.href = \"https:\/\/app.legalistik.com\/Identity\/Account\/Register?users=\" + inputValue;\n\n}\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Osnovni \u20ac0 &nbsp; PRO \u20ac 30 30 mjese\u010dno Moduli Saradnici Jednostavno upravljajte timom dodavanjem saradnika i njihovih privilegija, \u010dime se stvara efikasna platforma za zajedni\u010dko deljenje predmeta, dokumenta, informacija i zadatka. &#8211; + Kontrolna plo\u010da Sve bitne informacije na jednom mjestu, nadolaze\u0107i sastanci i zadaci, statistika faktura i sve zadnje promjene nastale u sistemu. Kalendar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10162","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/legalistik.com\/hr\/wp-json\/wp\/v2\/pages\/10162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/legalistik.com\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/legalistik.com\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/legalistik.com\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/legalistik.com\/hr\/wp-json\/wp\/v2\/comments?post=10162"}],"version-history":[{"count":5,"href":"https:\/\/legalistik.com\/hr\/wp-json\/wp\/v2\/pages\/10162\/revisions"}],"predecessor-version":[{"id":10894,"href":"https:\/\/legalistik.com\/hr\/wp-json\/wp\/v2\/pages\/10162\/revisions\/10894"}],"wp:attachment":[{"href":"https:\/\/legalistik.com\/hr\/wp-json\/wp\/v2\/media?parent=10162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}