Built files from Bizgaze WebServer
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

style.css 37KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409
  1. @charset "UTF-8";
  2. /** Imports **/
  3. /*@import url(../../../tenants/themes/shared/fonts/css/remixicon.css);*/
  4. /*Builders Styles*/
  5. .biz-wrapper .biz-drawer {
  6. right: -290px;
  7. width: 290px;
  8. -webkit-transition: all 0.4s ease;
  9. -moz-transition: all 0.4s ease;
  10. transition: all 0s ease;
  11. }
  12. .biz-wrapper .biz-drawer.drawer-right {
  13. right: -290px;
  14. border-left: 1px solid #DADDE1;
  15. }
  16. .biz-wrapper.biz-drawer-push.biz-drawer-pushright .biz-pg-wrapper {
  17. margin-right: 290px;
  18. }
  19. .biz-wrapper .biz-drawer.drawer-small {
  20. top: 65px;
  21. z-index: 9;
  22. }
  23. /*Auth pages*/
  24. .biz-pg-wrapper.biz-auth-wrapper {
  25. padding: 0;
  26. background: #F4F6F7;
  27. }
  28. .biz-pg-wrapper.biz-auth-wrapper > header {
  29. position: absolute;
  30. top: 0;
  31. z-index: 10;
  32. width: 100%;
  33. padding: 20px;
  34. }
  35. .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img {
  36. background-size: cover;
  37. background-repeat: no-repeat;
  38. background-position: center;
  39. height: 100vh;
  40. width: 100%;
  41. }
  42. .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info {
  43. position: relative;
  44. z-index: 2;
  45. padding: 15px;
  46. display: -webkit-box;
  47. display: -ms-flexbox;
  48. display: flex;
  49. -webkit-box-align: center;
  50. -ms-flex-align: center;
  51. align-items: center;
  52. height: 100%;
  53. }
  54. .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content {
  55. margin: 0 auto;
  56. }
  57. .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content .play-wrap {
  58. display: -webkit-box;
  59. display: -ms-flexbox;
  60. display: flex;
  61. -webkit-box-align: center;
  62. -ms-flex-align: center;
  63. align-items: center;
  64. color: #fff;
  65. margin-top: 30px;
  66. }
  67. .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content .play-wrap .play-btn {
  68. background: rgba(255, 255, 255, 0.3);
  69. height: 45px;
  70. width: 45px;
  71. border-radius: 50%;
  72. top: auto;
  73. display: -webkit-box;
  74. display: -ms-flexbox;
  75. display: flex;
  76. -webkit-box-align: center;
  77. -ms-flex-align: center;
  78. align-items: center;
  79. justify-content: center;
  80. -webkit-justify-content: center;
  81. -ms-flex-pack: center;
  82. color: #fff;
  83. margin-right: 10px;
  84. }
  85. .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content .play-wrap .play-btn:before {
  86. display: inline-block;
  87. font-family: "Ionicons";
  88. padding-left: 3px;
  89. speak: none;
  90. font-style: normal;
  91. font-weight: normal;
  92. font-variant: normal;
  93. text-transform: none;
  94. text-rendering: auto;
  95. line-height: 1;
  96. -webkit-font-smoothing: antialiased;
  97. -moz-osx-font-smoothing: grayscale;
  98. content: "\f488";
  99. }
  100. .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content .play-wrap > span {
  101. font-size: 14px;
  102. color: #fff;
  103. }
  104. .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap {
  105. padding: 15px;
  106. display: -webkit-box;
  107. display: -ms-flexbox;
  108. display: flex;
  109. -webkit-box-align: center;
  110. -ms-flex-align: center;
  111. align-items: center;
  112. height: 100vh;
  113. }
  114. .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form {
  115. margin: 0 auto;
  116. }
  117. .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .option-sep {
  118. position: relative;
  119. text-align: center;
  120. overflow: hidden;
  121. font-size: 14px;
  122. margin: 30px 0;
  123. text-transform: uppercase;
  124. }
  125. .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .option-sep:before {
  126. background: #CACFD4;
  127. content: "";
  128. height: 1px;
  129. right: 50%;
  130. margin-right: 28px;
  131. position: absolute;
  132. top: 50%;
  133. width: 100%;
  134. }
  135. .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .option-sep:after {
  136. background: #CACFD4;
  137. content: "";
  138. height: 1px;
  139. left: 50%;
  140. margin-left: 28px;
  141. position: absolute;
  142. top: 50%;
  143. width: 100%;
  144. }
  145. .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .form-control, .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .dd-handle {
  146. border-top-right-radius: .25rem;
  147. border-bottom-right-radius: .25rem;
  148. }
  149. .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .form-control.rounded-input, .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .rounded-input.dd-handle {
  150. border-top-right-radius: 50px;
  151. border-bottom-right-radius: 50px;
  152. }
  153. .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .input-group-append {
  154. position: absolute;
  155. right: 0;
  156. top: 0;
  157. bottom: 0;
  158. z-index: 10;
  159. pointer-events: none;
  160. }
  161. .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .input-group-append .input-group-text {
  162. background: transparent;
  163. border: none;
  164. }
  165. .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .input-group-append .input-group-text .feather-icon > svg {
  166. height: 18px;
  167. width: 18px;
  168. }
  169. @media (max-width: 1199px) {
  170. .biz-pg-wrapper.biz-auth-wrapper .auth-cover-img {
  171. height: auto;
  172. }
  173. .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap {
  174. height: auto;
  175. }
  176. }
  177. /*Gallery*/
  178. .biz-gallery-wrap .tab-content .tab-pane .row.biz-gallery {
  179. margin-right: -5px;
  180. margin-left: -5px;
  181. }
  182. .biz-gallery-wrap .tab-content .tab-pane .row.biz-gallery > [class*="col-"] {
  183. padding-right: 5px;
  184. padding-left: 5px;
  185. }
  186. .biz-gallery-wrap .tab-content .tab-pane .row.biz-gallery > [class*="col-"] > a {
  187. position: relative;
  188. display: block;
  189. }
  190. .biz-gallery-wrap .tab-content .tab-pane .row.biz-gallery > [class*="col-"] > a .gallery-img {
  191. min-height: 160px;
  192. max-width: 100%;
  193. background-size: cover;
  194. background-position: center;
  195. background-repeat: no-repeat;
  196. }
  197. .biz-gallery-wrap .tab-content .tab-pane .row.biz-gallery > [class*="col-"] > a > i {
  198. color: #fff;
  199. position: absolute;
  200. right: 10px;
  201. bottom: 10px;
  202. font-size: 18px;
  203. }
  204. .lg-outer .lg-video .lg-object {
  205. display: inline-block;
  206. position: absolute;
  207. top: 0;
  208. left: 0;
  209. right: 0;
  210. margin: auto;
  211. width: auto !important;
  212. height: 100% !important;
  213. }
  214. /*Summernote*/
  215. .inline-edit .note-editor .note-editing-area .note-editable {
  216. overflow: hidden;
  217. }
  218. /*Dragula*/
  219. .gu-mirror {
  220. cursor: -webkit-grabbing;
  221. cursor: -moz-grabbing;
  222. cursor: grabbing;
  223. position: fixed !important;
  224. margin: 0 !important;
  225. z-index: 9999 !important;
  226. opacity: 1;
  227. }
  228. .dragula-demo .col-lg-4 {
  229. border: 1px dotted #B9C0C7;
  230. border-radius: 5px;
  231. padding: 10px;
  232. }
  233. .dragula-demo .col-lg-4 > div {
  234. border: 1px solid #DADDE1;
  235. border-radius: 5px;
  236. margin: 10px;
  237. width: 200px;
  238. padding: 10px;
  239. cursor: move;
  240. }
  241. /*Filter Component*/
  242. .btn-filter {
  243. color: #646A71;
  244. background-color: transparent;
  245. background-image: none;
  246. border-color: #E6E9EB;
  247. display: -webkit-box;
  248. display: -ms-flexbox;
  249. display: flex;
  250. -webkit-box-align: center;
  251. -ms-flex-align: center;
  252. align-items: center;
  253. justify-content: center;
  254. -webkit-justify-content: center;
  255. -ms-flex-pack: center;
  256. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
  257. padding: 0px !important;
  258. }
  259. .btn-filter i {
  260. font-size: 35px;
  261. }
  262. .btn-filter:hover, .btn-filter:focus {
  263. color: #646A71;
  264. background-color: transparent;
  265. background-image: none;
  266. border-color: #E6E9EB;
  267. }
  268. .btn-filter.active {
  269. color: #007D88;
  270. background-color: #EBF5F6;
  271. border-color: #007D88;
  272. }
  273. .btn-filter.active:hover, .btn-filter.active:focus {
  274. color: #007D88;
  275. background-color: #EBF5F6;
  276. border-color: #007D88;
  277. }
  278. .color-board {
  279. display: -webkit-box;
  280. display: -ms-flexbox;
  281. display: flex;
  282. -ms-flex-wrap: wrap;
  283. flex-wrap: wrap;
  284. margin: 0 -1px;
  285. }
  286. .color-board .color-block {
  287. cursor: pointer;
  288. padding: 5px;
  289. border: 1px solid transparent;
  290. border-radius: .25rem;
  291. display: -webkit-box;
  292. display: -ms-flexbox;
  293. display: flex;
  294. }
  295. .color-board .color-block > div {
  296. height: 24px;
  297. width: 24px;
  298. flex-shrink: 0;
  299. }
  300. .color-board .color-block.selected {
  301. border-color: #007D88;
  302. background: #EBF5F6;
  303. }
  304. .color-board .theme-caption {
  305. font-size: 14px;
  306. }
  307. /**Bizgaze**/
  308. .biz-bldr-wrap {
  309. position: relative;
  310. height: 100vh;
  311. display: -webkit-box;
  312. display: -ms-flexbox;
  313. display: flex;
  314. flex-grow: 1;
  315. background: #fff;
  316. flex-flow: column;
  317. overflow: hidden;
  318. }
  319. .biz-bldr-wrap header.bldr-head {
  320. display: -webkit-box;
  321. display: -ms-flexbox;
  322. display: flex;
  323. -webkit-box-align: center;
  324. -ms-flex-align: center;
  325. align-items: center;
  326. justify-content: space-between;
  327. -webkit-justify-content: space-between;
  328. -ms-flex-pack: space-between;
  329. height: 65px;
  330. position: fixed;
  331. left: 0;
  332. right: 0;
  333. padding: 0 1.25rem;
  334. background: #fff;
  335. box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1) !important;
  336. z-index: 999;
  337. }
  338. .biz-bldr-wrap header.bldr-head .bldr-title {
  339. display: -webkit-box;
  340. display: -ms-flexbox;
  341. display: flex;
  342. -webkit-box-align: center;
  343. -ms-flex-align: center;
  344. align-items: center;
  345. }
  346. .biz-bldr-wrap header.bldr-head .bldr-title h1 {
  347. font-size: 24px;
  348. font-weight: 500;
  349. margin-bottom: 0;
  350. }
  351. .biz-bldr-wrap header.bldr-head .bldr-title:after {
  352. top: 0;
  353. }
  354. .biz-bldr-wrap header.bldr-head input.report-name {
  355. font-size: 1.5rem;
  356. }
  357. .biz-bldr-wrap header.bldr-head .bldr-options-wrap {
  358. display: -webkit-box;
  359. display: -ms-flexbox;
  360. display: flex;
  361. }
  362. .biz-bldr-wrap header.bldr-head .bldr-options-wrap > a {
  363. margin-left: 5px;
  364. display: inline-block;
  365. }
  366. .biz-bldr-wrap header.bldr-head .bldr-options-wrap > a:first-child {
  367. margin-left: 0;
  368. }
  369. .biz-bldr-wrap .bldr-aside-left {
  370. position: absolute;
  371. left: 0;
  372. width: 290px;
  373. top: 65px;
  374. height: 100%;
  375. background: #fff;
  376. z-index: 3;
  377. -webkit-transition: all 0.2s ease;
  378. -moz-transition: all 0.2s ease;
  379. transition: all 0.2s ease;
  380. border-right: 1px solid #DADDE1;
  381. }
  382. .biz-bldr-wrap .bldr-aside-left .nav-tabs > li.nav-item {
  383. width: 50%;
  384. }
  385. .biz-bldr-wrap .bldr-aside-left .nav-tabs > li.nav-item a {
  386. display: -webkit-box;
  387. display: -ms-flexbox;
  388. display: flex;
  389. -webkit-box-align: center;
  390. -ms-flex-align: center;
  391. align-items: center;
  392. justify-content: center;
  393. -webkit-justify-content: center;
  394. -ms-flex-pack: center;
  395. border-radius: 0;
  396. height: 65px;
  397. border: 0;
  398. }
  399. .biz-bldr-wrap .bldr-aside-left .nav-tabs > li.nav-item a.nav-link {
  400. background: #F4F5F6;
  401. font-weight: 500;
  402. }
  403. .biz-bldr-wrap .bldr-aside-left .nav-tabs > li.nav-item a.nav-link.active {
  404. background: #fff;
  405. }
  406. .biz-bldr-wrap .bldr-aside-left > .simple-scroll-bar {
  407. height: calc(100vh - 130px);
  408. }
  409. .biz-bldr-wrap .bldr-aside-left > .simple-scroll-bar .tab-content {
  410. margin-top: 0;
  411. padding: 1.25rem;
  412. }
  413. .biz-bldr-wrap .bldr-aside-right {
  414. position: absolute;
  415. right: 0;
  416. width: 290px;
  417. top: 65px;
  418. height: 100%;
  419. background: #fff;
  420. -webkit-transition: all 0.2s ease;
  421. -moz-transition: all 0.2s ease;
  422. transition: all 0.2s ease;
  423. z-index: 3;
  424. border-left: 1px solid #DADDE1;
  425. }
  426. .biz-bldr-wrap .bldr-aside-right .nav-tabs > li.nav-item {
  427. width: 50%;
  428. }
  429. .biz-bldr-wrap .bldr-aside-right .nav-tabs > li.nav-item a {
  430. display: -webkit-box;
  431. display: -ms-flexbox;
  432. display: flex;
  433. -webkit-box-align: center;
  434. -ms-flex-align: center;
  435. align-items: center;
  436. justify-content: center;
  437. -webkit-justify-content: center;
  438. -ms-flex-pack: center;
  439. border-radius: 0;
  440. height: 65px;
  441. border: 0;
  442. }
  443. .biz-bldr-wrap .bldr-aside-right .nav-tabs > li.nav-item a.nav-link {
  444. background: #F4F5F6;
  445. font-weight: 500;
  446. }
  447. .biz-bldr-wrap .bldr-aside-right .nav-tabs > li.nav-item a.nav-link.active {
  448. background: #fff;
  449. }
  450. .biz-bldr-wrap .bldr-aside-right > .simple-scroll-bar {
  451. height: calc(100vh - 130px);
  452. }
  453. .biz-bldr-wrap .bldr-aside-right > .simple-scroll-bar .tab-content {
  454. margin-top: 0;
  455. padding: 1.25rem;
  456. }
  457. .biz-bldr-wrap .left-aside-togglable {
  458. display: none;
  459. }
  460. .biz-bldr-wrap .bldr-body {
  461. padding-top: 65px;
  462. -webkit-transition: all 0.2s ease;
  463. -moz-transition: all 0.2s ease;
  464. transition: all 0.2s ease;
  465. overflow: hidden;
  466. -ms-flex: 1;
  467. flex: 1;
  468. display: -webkit-box;
  469. display: -ms-flexbox;
  470. display: flex;
  471. flex-flow: column;
  472. margin-left: 0;
  473. margin-right: 0;
  474. min-height: 100%;
  475. position: relative;
  476. left: 0;
  477. }
  478. .biz-bldr-wrap .bldr-body header.bldr-sec-head {
  479. display: -webkit-box;
  480. display: -ms-flexbox;
  481. display: flex;
  482. -webkit-box-align: center;
  483. -ms-flex-align: center;
  484. align-items: center;
  485. justify-content: space-between;
  486. -webkit-justify-content: space-between;
  487. -ms-flex-pack: space-between;
  488. height: 65px;
  489. position: relative;
  490. padding: 0 1.25rem;
  491. background: #fff;
  492. border-bottom: 1px solid #DADDE1;
  493. }
  494. .biz-bldr-wrap .bldr-body .simple-scroll-bar {
  495. -ms-flex: 1;
  496. flex: 1;
  497. overflow: auto;
  498. }
  499. .biz-bldr-wrap .bldr-body .tabulator.table-bordered .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell:nth-last-child(3) {
  500. border-right: 0;
  501. }
  502. .biz-bldr-wrap.bldr__aside__left .bldr-body {
  503. margin-left: 290px;
  504. }
  505. .biz-bldr-wrap.bldr__aside__right .bldr-body {
  506. margin-right: 290px;
  507. }
  508. .biz-bldr-wrap.chart_view .bldr-body .simple-scroll-bar {
  509. position: relative;
  510. }
  511. .biz-bldr-wrap.chart_view .bldr-body .chart-wrap {
  512. height: calc(100% - 320px);
  513. padding-bottom: 50px;
  514. margin: 0;
  515. border: 0;
  516. border-radius: 0;
  517. box-shadow: none;
  518. border-bottom: 1px solid #DADDE1;
  519. }
  520. .biz-bldr-wrap.chart_view .bldr-body .chart-wrap .card-header {
  521. height: 65px;
  522. }
  523. /* .biz-bldr-wrap.chart_view .bldr-body .table-wrap {
  524. position: absolute;
  525. height: 320px;
  526. bottom: 0;
  527. left: 0;
  528. right: 0;
  529. }*/
  530. @media (min-width: 1200px) {
  531. .btn-mob {
  532. display: none !important;
  533. }
  534. .biz-bldr-wrap.chart_view .bldr-body header.bldr-sec-head {
  535. display: none;
  536. }
  537. }
  538. .biz-wrapper.biz__navbar .biz-bldr-wrap header.bldr-head {
  539. left: 60px;
  540. }
  541. .biz-wrapper.biz__navbar.biz__submenu .biz-bldr-wrap header.bldr-head {
  542. left: 300px;
  543. }
  544. @media (max-width: 1199px) {
  545. .biz-wrapper.biz__navbar .biz-bldr-wrap header.bldr-head {
  546. top: 57px;
  547. left: 0 !important;
  548. }
  549. .btn-web {
  550. display: none !important;
  551. }
  552. .biz-bldr-wrap .bldr-aside-left {
  553. left: -290px;
  554. }
  555. .biz-bldr-wrap.bldr__aside__left .bldr-body {
  556. margin-left: 0;
  557. }
  558. .biz-bldr-wrap .bldr-aside-right {
  559. right: -290px;
  560. }
  561. .biz-bldr-wrap.bldr__aside__right .bldr-body {
  562. margin-right: 0;
  563. }
  564. .biz-bldr-wrap .left-aside-togglable {
  565. height: 25px;
  566. width: 25px;
  567. left: 15px;
  568. border-radius: 50%;
  569. top: 52px;
  570. position: absolute;
  571. background: #fff;
  572. cursor: pointer;
  573. border: 1px solid #DADDE1;
  574. display: -webkit-box;
  575. display: -ms-flexbox;
  576. display: flex;
  577. -webkit-box-align: center;
  578. -ms-flex-align: center;
  579. align-items: center;
  580. justify-content: center;
  581. -webkit-justify-content: center;
  582. -ms-flex-pack: center;
  583. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
  584. -webkit-transition: -webkit-transform 0.3s ease-in-out;
  585. -moz-transition: -moz-transform 0.3s ease-in-out;
  586. transition: transform 0.3s ease-in-out;
  587. z-index: 2;
  588. }
  589. .biz-bldr-wrap .left-aside-togglable:after {
  590. content: "\ea6c";
  591. font-family: remixicon;
  592. text-rendering: auto;
  593. }
  594. .biz-bldr-wrap .left-aside-togglable.active {
  595. -webkit-transform: translateX(32px);
  596. -moz-transform: translateX(32px);
  597. -ms-transform: translateX(32px);
  598. -o-transform: translateX(32px);
  599. transform: translateX(32px);
  600. }
  601. .biz-bldr-wrap .left-aside-togglable.active:after {
  602. content: "\ea62";
  603. }
  604. .biz-bldr-wrap.bldr__aside__left__toggle .bldr-aside-left {
  605. left: 0;
  606. }
  607. .biz-bldr-wrap.bldr__aside__left__toggle.bldr__aside__left .bldr-body {
  608. left: 290px;
  609. }
  610. .biz-bldr-wrap.bldr__aside__left__toggle .left-aside-togglable:after {
  611. content: "\ea62";
  612. }
  613. .biz-bldr-wrap.bldr__aside__left__toggle .left-aside-togglable.active:after {
  614. content: "\ea6c";
  615. }
  616. .biz-bldr-wrap.bldr__aside__right__toggle .bldr-aside-right {
  617. right: 0;
  618. }
  619. .biz-bldr-wrap.bldr__aside__right__toggle.bldr__aside__right .bldr-body {
  620. left: -290px;
  621. }
  622. }
  623. /*Jquery Builder*/
  624. .query-builder .rule-container,
  625. .query-builder .rule-placeholder,
  626. .query-builder .rules-group-container {
  627. border: 0;
  628. background: none;
  629. border-radius: 0;
  630. }
  631. .query-builder .rules-list > ::after,
  632. .query-builder .rules-list > ::before {
  633. border-color: #F4F5F6;
  634. }
  635. .query-builder .rule-header {
  636. padding-bottom: 5px;
  637. }
  638. .query-builder .rules-list > :last-child::before {
  639. border-radius: 0;
  640. }
  641. .qry-builder-container {
  642. position: absolute;
  643. left: 0;
  644. top: 65px;
  645. height: 100%;
  646. width: 100%;
  647. bottom: 0;
  648. z-index: 99;
  649. display: none;
  650. background: #fff;
  651. }
  652. .qry-builder-container header {
  653. display: -ms-flexbox;
  654. display: flex;
  655. -ms-flex-align: start;
  656. -webkit-box-align: center;
  657. -ms-flex-align: center;
  658. align-items: center;
  659. -ms-flex-pack: justify;
  660. justify-content: space-between;
  661. padding: 1.25rem 1.25rem;
  662. border-bottom: 1px solid #DADDE1;
  663. }
  664. .qry-builder-container .qry-builder-body {
  665. Padding: 1.25rem 1.5rem;
  666. height: calc(100vh - 207px);
  667. }
  668. .qry-builder-container footer {
  669. display: -ms-flexbox;
  670. display: flex;
  671. -ms-flex-wrap: wrap;
  672. flex-wrap: wrap;
  673. -ms-flex-align: center;
  674. align-items: center;
  675. -ms-flex-pack: end;
  676. justify-content: flex-end;
  677. Padding: 1.25rem 1.5rem;
  678. border-top: 1px solid #DADDE1;
  679. }
  680. /*Adj Mini Drawer*/
  681. .biz-mini-adj-drawer-wrap .biz-mini-adj-drawer {
  682. position: fixed;
  683. z-index: 1;
  684. background: #fff;
  685. left: 300px;
  686. display: none;
  687. width: 290px;
  688. border: 1px solid #DADDE1;
  689. }
  690. .biz-mini-adj-drawer-wrap .biz-mini-adj-drawer header {
  691. padding: 1.25rem;
  692. border-bottom: 1px solid #DADDE1;
  693. display: -webkit-box;
  694. display: -ms-flexbox;
  695. display: flex;
  696. -webkit-box-align: center;
  697. -ms-flex-align: center;
  698. align-items: center;
  699. justify-content: space-between;
  700. -webkit-justify-content: space-between;
  701. -ms-flex-pack: space-between;
  702. }
  703. .biz-mini-adj-drawer-wrap .biz-mini-adj-drawer .drawer-body {
  704. padding: 1.25rem;
  705. min-height: 200px;
  706. }
  707. .biz-mini-adj-drawer-wrap .biz-mini-adj-drawer footer {
  708. display: -webkit-box;
  709. display: -ms-flexbox;
  710. display: flex;
  711. -webkit-box-align: center;
  712. -ms-flex-align: center;
  713. align-items: center;
  714. justify-content: flex-end;
  715. -webkit-justify-content: flex-end;
  716. -ms-flex-pack: flex-end;
  717. padding: 1.25rem;
  718. border-top: 1px solid #DADDE1;
  719. }
  720. @media (max-width: 900px) {
  721. .biz-mini-adj-drawer-wrap .biz-mini-adj-drawer {
  722. left: 0 !important;
  723. top: 65px !important;
  724. }
  725. .biz-mini-adj-drawer-wrap .biz-mini-adj-drawer .drawer-body {
  726. height: calc(100vh - 207px);
  727. }
  728. }
  729. /*Adj Drawer*/
  730. .biz-adj-drawer-wrap .biz-adj-drawer {
  731. position: fixed;
  732. z-index: 1;
  733. background: #fff;
  734. left: 300px;
  735. top: 65px;
  736. display: none;
  737. width: 290px;
  738. border: 1px solid #DADDE1;
  739. border-top: 0;
  740. border-bottom: 0;
  741. }
  742. .biz-adj-drawer-wrap .biz-adj-drawer header {
  743. padding: 1.25rem;
  744. border-bottom: 1px solid #DADDE1;
  745. display: -webkit-box;
  746. display: -ms-flexbox;
  747. display: flex;
  748. -webkit-box-align: center;
  749. -ms-flex-align: center;
  750. align-items: center;
  751. height: 65px;
  752. justify-content: space-between;
  753. -webkit-justify-content: space-between;
  754. -ms-flex-pack: space-between;
  755. }
  756. .biz-adj-drawer-wrap .biz-adj-drawer .drawer-body {
  757. padding: 1.25rem 0;
  758. }
  759. .biz-adj-drawer-wrap .biz-adj-drawer .drawer-body .form-search {
  760. padding: 0 1.25rem;
  761. }
  762. .biz-adj-drawer-wrap .biz-adj-drawer .drawer-body .nicescroll-bar {
  763. height: calc(100vh - 307px) !important;
  764. padding: 0 1.25rem;
  765. }
  766. .biz-adj-drawer-wrap .biz-adj-drawer .drawer-body .nicescroll-bar .columns-list li > a .col-name {
  767. max-width: 9rem;
  768. }
  769. .biz-adj-drawer-wrap .biz-adj-drawer footer {
  770. display: -webkit-box;
  771. display: -ms-flexbox;
  772. display: flex;
  773. -webkit-box-align: center;
  774. -ms-flex-align: center;
  775. align-items: center;
  776. justify-content: flex-end;
  777. -webkit-justify-content: flex-end;
  778. -ms-flex-pack: flex-end;
  779. padding: 1.25rem;
  780. border-top: 1px solid #DADDE1;
  781. }
  782. @media (max-width: 900px) {
  783. .biz-adj-drawer-wrap .biz-adj-drawer {
  784. left: 0 !important;
  785. }
  786. }
  787. /*Sfl Block*/
  788. .dragger {
  789. font-size: 29px;
  790. cursor: grab;
  791. color: #9e9e9e;
  792. }
  793. .dsl-block-wrap > .dsl-block {
  794. background: #EBF5F6;
  795. color: #007D88;
  796. border: 1px solid #CCE5E7;
  797. }
  798. .dsl-block-wrap > .dsl-block .dsl-block-name {
  799. font-weight: 500;
  800. }
  801. .dsl-block-wrap > .dsl-block > span {
  802. display: -webkit-box;
  803. display: -ms-flexbox;
  804. display: flex;
  805. -webkit-box-align: center;
  806. -ms-flex-align: center;
  807. align-items: center;
  808. }
  809. .dsl-block {
  810. background: #EBF5F6;
  811. color: #007D88;
  812. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  813. border-radius: .25rem;
  814. padding: .5rem;
  815. display: -webkit-box;
  816. display: -ms-flexbox;
  817. display: flex;
  818. height: 45px;
  819. -webkit-box-align: center;
  820. -ms-flex-align: center;
  821. align-items: center;
  822. justify-content: space-between;
  823. -webkit-justify-content: space-between;
  824. -ms-flex-pack: space-between;
  825. margin-bottom: 10px;
  826. }
  827. .dsl-block .dragger {
  828. margin-right: 10px;
  829. }
  830. .dsl-block .dsl-block-name {
  831. font-weight: 500;
  832. overflow: hidden;
  833. text-overflow: ellipsis;
  834. white-space: nowrap;
  835. max-width: 8rem;
  836. }
  837. .dsl-block > span {
  838. display: -webkit-box;
  839. display: -ms-flexbox;
  840. display: flex;
  841. -webkit-box-align: center;
  842. -ms-flex-align: center;
  843. align-items: center;
  844. }
  845. .dsl-block .close {
  846. margin-left: 10px;
  847. }
  848. .dsl-block .feather-icon > svg {
  849. height: 18px;
  850. width: 18px;
  851. }
  852. /*Sub Report Block*/
  853. .sub-report-block {
  854. background: #fff;
  855. margin-bottom: 15px;
  856. }
  857. .sub-report-block:last-child {
  858. margin-bottom: 0;
  859. }
  860. .sub-report-block header {
  861. padding: 1rem;
  862. display: -webkit-box;
  863. display: -ms-flexbox;
  864. display: flex;
  865. -webkit-box-align: center;
  866. -ms-flex-align: center;
  867. align-items: center;
  868. justify-content: space-between;
  869. -webkit-justify-content: space-between;
  870. }
  871. .sub-report-block .report-body {
  872. padding: 1rem;
  873. }
  874. /*Create New Report*/
  875. .biz-new-report .modal-content {
  876. max-height: 85vh;
  877. }
  878. .biz-new-report .modal-body {
  879. display: flex;
  880. flex-grow: 1;
  881. overflow: auto;
  882. }
  883. .biz-new-report .dataset-list-wrap,
  884. .biz-new-report .columns-list-wrap {
  885. width: 50%;
  886. display: -webkit-box;
  887. display: -ms-flexbox;
  888. display: flex;
  889. flex-flow: column;
  890. background: #fff;
  891. }
  892. .biz-new-report .dataset-list-wrap > div.simple-scroll-bar,
  893. .biz-new-report .columns-list-wrap > div.simple-scroll-bar {
  894. padding: 0 1.25rem 1.25rem 1.25rem;
  895. }
  896. .biz-new-report .dataset-list-wrap .simple-scroll-bar,
  897. .biz-new-report .columns-list-wrap .simple-scroll-bar {
  898. min-height: 1px;
  899. }
  900. .biz-new-report .form-search {
  901. padding: 1.25rem;
  902. }
  903. .biz-new-report .dataset-list-wrap {
  904. border-right: 1px solid #DADDE1;
  905. }
  906. .biz-new-report .dataset-list-wrap .nav.nav-tabs {
  907. border-bottom: 0;
  908. }
  909. .biz-new-report .dataset-list-wrap .nav.nav-tabs .nav-item {
  910. margin-bottom: 10px;
  911. }
  912. .biz-new-report .dataset-list-wrap .nav.nav-tabs .nav-item .nav-link.data-list-sel {
  913. color: #1F2327;
  914. display: -webkit-box;
  915. display: -ms-flexbox;
  916. display: flex;
  917. -webkit-box-align: center;
  918. -ms-flex-align: center;
  919. align-items: center;
  920. padding: .5rem .8rem;
  921. font-weight: 500;
  922. height: 45px;
  923. border-radius: .25rem;
  924. text-transform: capitalize;
  925. border: none;
  926. background: #fff;
  927. }
  928. .biz-new-report .dataset-list-wrap .nav.nav-tabs .nav-item .nav-link.data-list-sel.active {
  929. background: #EBF5F6;
  930. color: #007D88;
  931. }
  932. .biz-new-report .dataset-list-wrap .nav.nav-tabs .nav-item .nav-link.data-list-sel .nav-link-text {
  933. overflow: hidden;
  934. text-overflow: ellipsis;
  935. white-space: nowrap;
  936. max-width: 20rem;
  937. }
  938. .biz-new-report .columns-list-wrap .tab-content {
  939. margin-top: 0;
  940. }
  941. .biz-new-report .columns-list-wrap .close-columns-list {
  942. color: #1F2327;
  943. display: none;
  944. margin-left: 1.25rem;
  945. }
  946. .biz-new-report .columns-list-wrap .close-columns-list .feather-icon > svg {
  947. height: 18px;
  948. width: 18px;
  949. }
  950. .columns-list li {
  951. margin-bottom: 10px;
  952. }
  953. .columns-list li > a {
  954. display: flex;
  955. justify-content: space-between;
  956. align-items: center;
  957. border: 1px solid #DADDE1;
  958. border-radius: .25rem;
  959. height: 45px;
  960. color: #1F2327;
  961. padding: 0 .5rem 0 0;
  962. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  963. }
  964. .columns-list li > a .col-type-icon {
  965. display: flex;
  966. padding: .5rem;
  967. height: 100%;
  968. align-items: center;
  969. width: 45px;
  970. justify-content: center;
  971. border-right: 1px solid #DADDE1;
  972. }
  973. .columns-list li > a .col-type-icon .feather-icon > svg {
  974. height: 18px;
  975. width: 18px;
  976. }
  977. .columns-list li > a .col-name {
  978. font-weight: 500;
  979. overflow: hidden;
  980. text-overflow: ellipsis;
  981. white-space: nowrap;
  982. max-width: 16rem;
  983. }
  984. .columns-list li > a > span:last-child {
  985. display: flex;
  986. justify-content: space-between;
  987. flex-grow: 1;
  988. align-items: center;
  989. }
  990. .columns-list li > a > span:last-child .col-name {
  991. text-transform: capitalize;
  992. padding-left: .8rem;
  993. }
  994. .columns-list li > a > span:last-child .col-stat-icons {
  995. display: flex;
  996. }
  997. .columns-list li.selected > a {
  998. background: #EBF5F6;
  999. color: #007D88;
  1000. border-color: #CCE5E7;
  1001. }
  1002. .columns-list li.selected > a .col-type-icon {
  1003. border-color: #CCE5E7;
  1004. }
  1005. @media (max-width: 1199px) {
  1006. .biz-new-report .dataset-list-wrap {
  1007. border: none;
  1008. }
  1009. .biz-new-report .dataset-list-wrap,
  1010. .biz-new-report .columns-list-wrap {
  1011. width: 100%;
  1012. }
  1013. .biz-new-report .columns-list-wrap {
  1014. display: none;
  1015. }
  1016. .biz-new-report .columns-list-wrap .close-columns-list {
  1017. display: block;
  1018. }
  1019. .biz-new-report .columns-list-wrap.active {
  1020. display: block;
  1021. position: absolute;
  1022. z-index: 1;
  1023. height: 400px;
  1024. }
  1025. .biz-new-report .columns-list-wrap.active .simple-scroll-bar {
  1026. height: calc(100% - 105px);
  1027. }
  1028. }
  1029. @media (min-width: 1200px) {
  1030. .biz-wrapper .biz-navbar {
  1031. display: none;
  1032. }
  1033. }
  1034. /*Already created doc type*/
  1035. .already-created-doc .card .card-header {
  1036. position: relative;
  1037. }
  1038. .already-created-doc .card .card-header .more-btn {
  1039. position: absolute;
  1040. top: 4px;
  1041. right: 15px;
  1042. }
  1043. .dsl-block.doc-type {
  1044. background: #fff;
  1045. color: #1F2327;
  1046. border: 1px solid #DADDE1;
  1047. }
  1048. .dsl-block.doc-type.selected {
  1049. background: #EBF5F6;
  1050. color: #007D88;
  1051. }
  1052. /*Form Builder*/
  1053. .biz-bldr-wrap.form-bldr-wrap .bldr-sec-head .nav-tabs.nav-line > .nav-item > .nav-link {
  1054. height: 65px;
  1055. display: flex;
  1056. align-items: center;
  1057. }
  1058. .biz-bldr-wrap.form-bldr-wrap .bldr-sec-head .drawer-toggle-link {
  1059. position: absolute;
  1060. right: 1.25rem;
  1061. }
  1062. .biz-bldr-wrap.form-bldr-wrap .bldr-body {
  1063. background: #F4F5F6;
  1064. }
  1065. .form-sec-wrap {
  1066. padding: 60px;
  1067. }
  1068. .form-sec-block {
  1069. background: #fff;
  1070. margin-bottom: 15px;
  1071. }
  1072. .form-sec-block:last-child {
  1073. margin-bottom: 0;
  1074. }
  1075. .form-sec-block header {
  1076. padding: .5rem;
  1077. display: -webkit-box;
  1078. display: -ms-flexbox;
  1079. display: flex;
  1080. -webkit-box-align: center;
  1081. -ms-flex-align: center;
  1082. align-items: center;
  1083. justify-content: space-between;
  1084. -webkit-justify-content: space-between;
  1085. -ms-flex-pack: space-between;
  1086. border-bottom: 1px solid #DADDE1;
  1087. }
  1088. .form-sec-block .sec-body {
  1089. padding: 1.25rem;
  1090. }
  1091. .form-sec-block .sec-body .form-group {
  1092. margin-left: -.5rem;
  1093. margin-right: -.5rem;
  1094. }
  1095. .form-sec-block .sec-body .form-group > div {
  1096. padding: .5rem;
  1097. border-radius: 8px;
  1098. background: transparent;
  1099. -webkit-transition: all 0.2s ease;
  1100. -moz-transition: all 0.2s ease;
  1101. transition: all 0.2s ease;
  1102. }
  1103. .form-sec-block .sec-body .form-group > div .form-label-group .form-group-action {
  1104. opacity: 0;
  1105. }
  1106. .form-sec-block .sec-body .form-group > div:hover {
  1107. background: #FFF7DE;
  1108. }
  1109. .form-sec-block .sec-body .form-group > div:hover .form-label-group .form-group-action {
  1110. opacity: 1;
  1111. }
  1112. /*Landing Page*/
  1113. .biz-landing .play-wrap {
  1114. display: -webkit-box;
  1115. display: -ms-flexbox;
  1116. display: flex;
  1117. -webkit-box-align: center;
  1118. -ms-flex-align: center;
  1119. align-items: center;
  1120. margin-top: 30px;
  1121. justify-content: center;
  1122. -webkit-justify-content: center;
  1123. -ms-flex-pack: center;
  1124. }
  1125. .biz-landing .play-wrap > span {
  1126. font-size: 14px;
  1127. color: #fff;
  1128. }
  1129. .biz-landing .play-wrap .play-btn {
  1130. height: 60px;
  1131. width: 60px;
  1132. border-radius: 50%;
  1133. background: rgba(255, 255, 255, 0.3);
  1134. color: #fff;
  1135. top: auto;
  1136. display: -webkit-box;
  1137. display: -ms-flexbox;
  1138. display: flex;
  1139. -webkit-box-align: center;
  1140. -ms-flex-align: center;
  1141. align-items: center;
  1142. justify-content: center;
  1143. -webkit-justify-content: center;
  1144. -ms-flex-pack: center;
  1145. margin-right: 10px;
  1146. }
  1147. .biz-landing .play-wrap .play-btn::before {
  1148. display: inline-block;
  1149. font-family: "Ionicons";
  1150. padding-left: 3px;
  1151. font-size: 28px;
  1152. speak: none;
  1153. font-style: normal;
  1154. font-weight: normal;
  1155. font-variant: normal;
  1156. text-transform: none;
  1157. text-rendering: auto;
  1158. line-height: 1;
  1159. -webkit-font-smoothing: antialiased;
  1160. -moz-osx-font-smoothing: grayscale;
  1161. content: "\f488";
  1162. }
  1163. .biz-landing .owl-carousel.dots-on-item .owl-dots {
  1164. bottom: auto;
  1165. }
  1166. .biz-landing .biz-landing-sec {
  1167. padding: 80px 0;
  1168. }
  1169. .biz-landing .biz-preview-sec {
  1170. background-image: url(../img/landing-pg/herobg.png);
  1171. background-size: cover;
  1172. background-position: center;
  1173. background-repeat: no-repeat;
  1174. padding-top: 57px;
  1175. }
  1176. .biz-landing .feature-block {
  1177. display: inline-block;
  1178. margin: 0 15px 15px 15px;
  1179. width: 100px;
  1180. }
  1181. .biz-landing .feature-block .card {
  1182. height: 100px;
  1183. width: 100px;
  1184. margin-bottom: 10px;
  1185. display: -webkit-box;
  1186. display: -ms-flexbox;
  1187. display: flex;
  1188. -webkit-box-align: center;
  1189. -ms-flex-align: center;
  1190. align-items: center;
  1191. justify-content: center;
  1192. -webkit-justify-content: center;
  1193. -ms-flex-pack: center;
  1194. }
  1195. .biz-landing .feature-block .card img {
  1196. width: 44px;
  1197. }
  1198. .biz-landing .feature-block .feature-cap {
  1199. font-size: 14px;
  1200. color: #1F2327;
  1201. font-weight: 500;
  1202. }
  1203. @media (max-width: 1199px) {
  1204. .biz-landing .container.px-0 {
  1205. max-width: 100%;
  1206. }
  1207. }
  1208. @media all and (-ms-high-contrast: none) {
  1209. *::-ms-backdrop, .media-body {
  1210. flex-basis: auto !important;
  1211. }
  1212. /* IE11 */
  1213. }