No Description
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.

theme-default.css 54KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475
  1. @charset "UTF-8";
  2. /*
  3. * Pages Mixins
  4. */
  5. .layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before {
  6. content: "";
  7. width: 100%;
  8. height: 4.875rem;
  9. position: fixed;
  10. top: 0px;
  11. z-index: 10;
  12. }
  13. .bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
  14. content: "\ea6b";
  15. font-family: "tabler-icons";
  16. position: absolute;
  17. font-size: 0.65rem;
  18. font-weight: bold;
  19. }
  20. .bg-menu-theme.menu-vertical .menu-sub > .menu-item > .menu-link:before {
  21. left: 1.35rem;
  22. }
  23. [dir=rtl] .bg-menu-theme.menu-vertical .menu-sub > .menu-item > .menu-link:before {
  24. right: 1.35rem;
  25. left: inherit;
  26. }
  27. .bg-menu-theme.menu-vertical .menu-sub > .menu-item .menu-link .menu-icon {
  28. display: none;
  29. }
  30. html:not([dir=rtl]) .bg-menu-theme.menu-horizontal .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link {
  31. padding-left: 0.875rem;
  32. }
  33. [dir=rtl] .bg-menu-theme.menu-horizontal .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link {
  34. padding-right: 0.875rem;
  35. }
  36. .bg-menu-theme.menu-horizontal .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link:before {
  37. content: "";
  38. }
  39. .layout-horizontal .bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
  40. left: 1.1rem;
  41. }
  42. [dir=rtl] .layout-horizontal .bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
  43. right: 1.1rem;
  44. left: inherit;
  45. }
  46. .layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item .menu-link {
  47. border-radius: 0.375rem;
  48. }
  49. .layout-horizontal .bg-menu-theme .menu-inner > .menu-item > .menu-link {
  50. border-radius: 0.375rem;
  51. }
  52. @media (min-width: 1200px) {
  53. .layout-horizontal .bg-menu-theme .menu-inner > .menu-item {
  54. margin: 0.625rem 0;
  55. }
  56. .layout-horizontal .bg-menu-theme .menu-inner > .menu-item:not(:first-child) {
  57. margin-left: 0.125rem;
  58. }
  59. .layout-horizontal .bg-menu-theme .menu-inner > .menu-item:not(:last-child) {
  60. margin-right: 0.125rem;
  61. }
  62. }
  63. .layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active:before {
  64. content: "";
  65. position: absolute;
  66. right: 0;
  67. width: 0.25rem;
  68. height: 2.6845rem;
  69. border-radius: 0.375rem 0 0 0.375rem;
  70. }
  71. [dir=rtl] .layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active:before {
  72. left: 0;
  73. right: inherit;
  74. border-radius: 0 0.375rem 0.375rem 0;
  75. }
  76. body {
  77. background: #f8f7fa;
  78. }
  79. .bg-body {
  80. background: #f8f7fa !important;
  81. }
  82. .text-primary {
  83. color: #7367f0 !important;
  84. }
  85. .text-body[href]:hover {
  86. color: #685dd8 !important;
  87. }
  88. .bg-primary {
  89. background-color: #7367f0 !important;
  90. }
  91. a.bg-primary:hover, a.bg-primary:focus {
  92. background-color: #6d62e4 !important;
  93. }
  94. .dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
  95. background-color: #7367f0;
  96. }
  97. .bg-label-primary {
  98. background-color: #eae8fd !important;
  99. color: #7367f0 !important;
  100. }
  101. .bg-label-hover-primary {
  102. background-color: #eae8fd !important;
  103. color: #7367f0 !important;
  104. }
  105. .bg-label-hover-primary:hover {
  106. background-color: #7367f0 !important;
  107. color: #fff !important;
  108. }
  109. .bg-gradient-primary {
  110. background-image: linear-gradient(45deg, #7367f0, #b9b3f8) !important;
  111. }
  112. .bg-primary.bg-glow {
  113. box-shadow: 0px 2px 3px 0px rgba(115, 103, 240, 0.3);
  114. }
  115. .page-item.active .page-link,
  116. .pagination li.active > a:not(.page-link) {
  117. border-color: #7367f0;
  118. background-color: #7367f0;
  119. color: #fff;
  120. }
  121. .page-item > .page-link.active {
  122. border-color: #7367f0;
  123. background-color: #7367f0;
  124. color: #fff;
  125. }
  126. .page-item.first .page-link.active, .page-item.last .page-link.active, .page-item.next .page-link.active, .page-item.prev .page-link.active, .page-item.previous .page-link.active {
  127. border-color: #7367f0;
  128. background-color: #7367f0;
  129. color: #fff;
  130. }
  131. .progress-bar {
  132. background-color: #7367f0;
  133. color: #fff;
  134. }
  135. .modal-onboarding .carousel-indicators [data-bs-target] {
  136. background-color: #7367f0;
  137. }
  138. .carousel-control-prev,
  139. .carousel-control-next {
  140. color: #7367f0;
  141. }
  142. .carousel-control-prev:hover, .carousel-control-prev:focus,
  143. .carousel-control-next:hover,
  144. .carousel-control-next:focus {
  145. color: #7367f0;
  146. }
  147. .list-group-item-primary {
  148. border-color: #7367f0;
  149. background-color: #e9e7fd;
  150. border-color: #7367f0;
  151. color: #7367f0 !important;
  152. }
  153. a.list-group-item-primary,
  154. button.list-group-item-primary {
  155. color: #7367f0;
  156. }
  157. a.list-group-item-primary:hover, a.list-group-item-primary:focus,
  158. button.list-group-item-primary:hover,
  159. button.list-group-item-primary:focus {
  160. border-color: #7367f0;
  161. background-color: #e9e7fd;
  162. color: #7367f0;
  163. }
  164. a.list-group-item-primary.active,
  165. button.list-group-item-primary.active {
  166. border-color: #7367f0 !important;
  167. background-color: #7367f0 !important;
  168. color: #fff !important;
  169. }
  170. .list-group-item-action.active, .list-group-item-action.active:hover, .list-group-item-action.active:focus {
  171. border-color: #7367f0;
  172. background-color: #7367f0;
  173. color: #fff;
  174. }
  175. .list-group.list-group-timeline .list-group-timeline-primary:before {
  176. border-color: #7367f0;
  177. background-color: #7367f0;
  178. }
  179. .alert-primary {
  180. background-color: #e9e7fd;
  181. border-color: #e9e7fd;
  182. color: #7367f0;
  183. }
  184. .alert-primary .btn-close {
  185. background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%237367f0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%237367f0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  186. }
  187. .alert-primary .alert-link {
  188. color: #7367f0;
  189. }
  190. .alert-primary hr {
  191. background-color: #7367f0 !important;
  192. }
  193. .tooltip-primary .tooltip-inner, .tooltip-primary > .tooltip .tooltip-inner, .ngb-tooltip-primary + ngb-tooltip-window .tooltip-inner {
  194. background: #7367f0;
  195. color: #fff;
  196. }
  197. .tooltip-primary.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  198. border-top-color: #7367f0;
  199. }
  200. .tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  201. border-left-color: #7367f0;
  202. }
  203. [dir=rtl] .tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  204. border-right-color: #7367f0;
  205. }
  206. .tooltip-primary.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  207. border-bottom-color: #7367f0;
  208. }
  209. .tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  210. border-right-color: #7367f0;
  211. }
  212. [dir=rtl] .tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  213. border-left-color: #7367f0;
  214. }
  215. .popover-primary, .popover-primary > .popover, .ngb-popover-primary + ngb-popover-window {
  216. border-color: transparent;
  217. background: #7367f0;
  218. }
  219. .popover-primary .popover-header, .popover-primary > .popover .popover-header, .ngb-popover-primary + ngb-popover-window .popover-header {
  220. border-color: #7367f0;
  221. background: transparent;
  222. color: #fff;
  223. }
  224. .popover-primary .popover-body, .popover-primary > .popover .popover-body, .ngb-popover-primary + ngb-popover-window .popover-body {
  225. background: transparent;
  226. color: rgba(255, 255, 255, 0.8);
  227. }
  228. .popover-primary > .popover-arrow::before, .popover-primary > .popover > .popover-arrow::before, .ngb-popover-primary + ngb-popover-window > .popover-arrow::before {
  229. border-color: transparent;
  230. }
  231. .popover-primary.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-primary > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  232. border-top-color: #7367f0 !important;
  233. }
  234. .popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-primary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  235. border-right-color: #7367f0 !important;
  236. }
  237. [dir=rtl] .popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-primary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  238. border-left-color: #7367f0 !important;
  239. }
  240. .popover-primary.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-primary > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  241. border-bottom-color: #7367f0 !important;
  242. }
  243. .popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-primary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  244. border-left-color: #7367f0 !important;
  245. }
  246. [dir=rtl] .popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-primary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  247. border-right-color: #7367f0 !important;
  248. }
  249. .popover-primary.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-primary > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  250. border-bottom: 1px solid transparent !important;
  251. }
  252. .table-primary {
  253. --bs-table-bg: #f4f3fe;
  254. --bs-table-striped-bg: #f1f0fb;
  255. --bs-table-striped-color: #4b465c;
  256. --bs-table-active-bg: #e6e5f1;
  257. --bs-table-active-color: #4b465c;
  258. --bs-table-hover-bg: #edecf8;
  259. --bs-table-hover-color: #4b465c;
  260. color: #4b465c;
  261. border-color: #d2d0de;
  262. }
  263. .table-primary .btn-icon {
  264. color: #4b465c;
  265. }
  266. .btn-primary {
  267. color: #fff;
  268. background-color: #7367f0;
  269. border-color: #7367f0;
  270. }
  271. .btn-primary:hover {
  272. color: #fff !important;
  273. background-color: #685dd8 !important;
  274. border-color: #685dd8 !important;
  275. }
  276. .btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus {
  277. color: #fff;
  278. background-color: #685dd8;
  279. border-color: #685dd8;
  280. box-shadow: none;
  281. }
  282. .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary.show.dropdown-toggle, .show > .btn-primary.dropdown-toggle {
  283. color: #fff !important;
  284. background-color: #685dd8 !important;
  285. border-color: #685dd8 !important;
  286. }
  287. .btn-primary.disabled, .btn-primary:disabled {
  288. color: #fff !important;
  289. background-color: #7367f0 !important;
  290. border-color: #7367f0 !important;
  291. box-shadow: none !important;
  292. }
  293. .btn-group .btn-primary,
  294. .input-group .btn-primary {
  295. border-right: var(--bs-border-width) solid #685dd8;
  296. border-left: var(--bs-border-width) solid #685dd8;
  297. }
  298. .btn-group-vertical .btn-primary {
  299. border-top-color: #685dd8;
  300. border-bottom-color: #685dd8;
  301. }
  302. .btn-label-primary {
  303. color: #7367f0;
  304. border-color: transparent;
  305. background: #e9e7fd;
  306. }
  307. .btn-label-primary.waves-effect .waves-ripple {
  308. background: radial-gradient(rgba(115, 103, 240, 0.2) 0, rgba(115, 103, 240, 0.3) 40%, rgba(115, 103, 240, 0.4) 50%, rgba(115, 103, 240, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  309. }
  310. .btn-label-primary:hover {
  311. border-color: transparent !important;
  312. background: #dddbfb !important;
  313. color: #7367f0 !important;
  314. }
  315. .btn-label-primary:focus, .btn-label-primary.focus {
  316. color: #7367f0;
  317. background: #dddbfb;
  318. box-shadow: none !important;
  319. }
  320. .btn-label-primary:active, .btn-label-primary.active, .btn-label-primary.show.dropdown-toggle, .show > .btn-label-primary.dropdown-toggle {
  321. color: #7367f0 !important;
  322. background-color: #dddbfb !important;
  323. border-color: transparent !important;
  324. }
  325. .btn-label-primary:active:focus, .btn-label-primary.active:focus, .btn-label-primary.show.dropdown-toggle:focus, .show > .btn-label-primary.dropdown-toggle:focus {
  326. box-shadow: none;
  327. }
  328. .btn-label-primary.disabled, .btn-label-primary:disabled {
  329. color: #7367f0 !important;
  330. border-color: transparent !important;
  331. background: #eae8fd !important;
  332. box-shadow: none;
  333. }
  334. .btn-group .btn-label-primary,
  335. .input-group .btn-label-primary {
  336. border-right: var(--bs-border-width) solid #dddbfb;
  337. border-left: var(--bs-border-width) solid #dddbfb;
  338. }
  339. .btn-group-vertical .btn-label-primary {
  340. border-top-color: #dddbfb;
  341. border-bottom-color: #dddbfb;
  342. }
  343. .btn-outline-primary {
  344. color: #7367f0;
  345. border-color: #7367f0;
  346. background: transparent;
  347. }
  348. .btn-outline-primary.waves-effect .waves-ripple {
  349. background: radial-gradient(rgba(115, 103, 240, 0.2) 0, rgba(115, 103, 240, 0.3) 40%, rgba(115, 103, 240, 0.4) 50%, rgba(115, 103, 240, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  350. }
  351. .btn-outline-primary:hover {
  352. color: #7367f0 !important;
  353. background-color: #f4f3fe !important;
  354. border-color: #7367f0 !important;
  355. }
  356. .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  357. color: #7367f0;
  358. background-color: #f4f3fe;
  359. border-color: #7367f0;
  360. box-shadow: none;
  361. }
  362. .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  363. color: #7367f0 !important;
  364. background-color: #e9e7fd !important;
  365. border-color: #7367f0 !important;
  366. }
  367. .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  368. box-shadow: none;
  369. }
  370. .btn-outline-primary.disabled, .btn-outline-primary:disabled {
  371. color: #7367f0 !important;
  372. background-color: transparent !important;
  373. }
  374. .btn-outline-primary .badge {
  375. background: #7367f0;
  376. border-color: #7367f0;
  377. color: #fff;
  378. }
  379. .btn-outline-primary:hover .badge,
  380. .btn-outline-primary:focus:hover .badge,
  381. .btn-outline-primary:active .badge,
  382. .btn-outline-primary.active .badge,
  383. .show > .btn-outline-primary.dropdown-toggle .badge {
  384. background: #7367f0;
  385. border-color: #7367f0;
  386. }
  387. .dropdown-item:not(.disabled).active,
  388. .dropdown-item:not(.disabled):active {
  389. background-color: #7367f0;
  390. color: #fff !important;
  391. }
  392. .dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active,
  393. .dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) {
  394. background-color: #7367f0;
  395. color: #fff !important;
  396. }
  397. .nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
  398. background-color: #7367f0;
  399. color: #fff;
  400. }
  401. .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus,
  402. .nav-tabs .nav-link.active,
  403. .nav-tabs .nav-link.active:hover,
  404. .nav-tabs .nav-link.active:focus {
  405. box-shadow: 0 -2px 0 #7367f0 inset;
  406. }
  407. .nav-align-bottom .nav-tabs .nav-link.active, .nav-align-bottom .nav-tabs .nav-link.active:hover, .nav-align-bottom .nav-tabs .nav-link.active:focus,
  408. .nav-align-bottom .nav-tabs .nav-link.active,
  409. .nav-align-bottom .nav-tabs .nav-link.active:hover,
  410. .nav-align-bottom .nav-tabs .nav-link.active:focus {
  411. box-shadow: 0 2px 0 #7367f0 inset;
  412. }
  413. .nav-align-left .nav-tabs .nav-link.active, .nav-align-left .nav-tabs .nav-link.active:hover, .nav-align-left .nav-tabs .nav-link.active:focus,
  414. .nav-align-left .nav-tabs .nav-link.active,
  415. .nav-align-left .nav-tabs .nav-link.active:hover,
  416. .nav-align-left .nav-tabs .nav-link.active:focus {
  417. box-shadow: -2px 0px 0 #7367f0 inset;
  418. }
  419. .nav-align-right .nav-tabs .nav-link.active, .nav-align-right .nav-tabs .nav-link.active:hover, .nav-align-right .nav-tabs .nav-link.active:focus,
  420. .nav-align-right .nav-tabs .nav-link.active,
  421. .nav-align-right .nav-tabs .nav-link.active:hover,
  422. .nav-align-right .nav-tabs .nav-link.active:focus {
  423. box-shadow: 2px 0px 0 #7367f0 inset;
  424. }
  425. [dir=rtl] .nav-align-left .nav-tabs .nav-link.active, [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:hover, [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:focus,
  426. [dir=rtl] .nav-align-left .nav-tabs .nav-link.active,
  427. [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:hover,
  428. [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:focus {
  429. box-shadow: 2px 0px 0 #7367f0 inset;
  430. }
  431. [dir=rtl] .nav-align-right .nav-tabs .nav-link.active, [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:hover, [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:focus,
  432. [dir=rtl] .nav-align-right .nav-tabs .nav-link.active,
  433. [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:hover,
  434. [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:focus {
  435. box-shadow: -2px 0px 0 #7367f0 inset;
  436. }
  437. .form-control:focus,
  438. .form-select:focus {
  439. border-color: #7367f0 !important;
  440. }
  441. .input-group:focus-within .form-control,
  442. .input-group:focus-within .input-group-text {
  443. border-color: #7367f0 !important;
  444. }
  445. .form-check-input:focus {
  446. border-color: #7367f0;
  447. }
  448. .form-check-input:checked, .form-check-input[type=checkbox]:indeterminate {
  449. background-color: #7367f0;
  450. border-color: #7367f0;
  451. }
  452. .custom-option.checked {
  453. border: 1px solid #7367f0;
  454. }
  455. .form-switch .form-check-input:focus {
  456. background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%237367f0'/%3E%3C/svg%3E%0A");
  457. }
  458. .form-switch .form-check-input:checked {
  459. background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%23fff'/%3E%3C/svg%3E%0A");
  460. }
  461. .form-control:focus ~ .form-label {
  462. border-color: #7367f0;
  463. }
  464. .form-control:focus ~ .form-label::after {
  465. border-color: inherit;
  466. }
  467. .switch-input:checked ~ .switch-toggle-slider {
  468. background: #7367f0;
  469. border-color: #7367f0 !important;
  470. color: #fff;
  471. }
  472. .switch-input:active ~ .switch-toggle-slider {
  473. box-shadow: none;
  474. }
  475. .switch-input:focus ~ .switch-toggle-slider {
  476. border: 1px solid #7367f0;
  477. box-shadow: 0 0 0.25rem 0.05rem rgba(115, 103, 240, 0.1);
  478. }
  479. .switch-primary.switch .switch-input:checked ~ .switch-toggle-slider {
  480. background: #7367f0;
  481. border-color: #7367f0 !important;
  482. color: #fff;
  483. }
  484. .switch-primary.switch .switch-input:active ~ .switch-toggle-slider {
  485. box-shadow: none;
  486. }
  487. .switch-primary.switch .switch-input:focus ~ .switch-toggle-slider {
  488. border: 1px solid #7367f0;
  489. box-shadow: 0 0 0.25rem 0.05rem rgba(115, 103, 240, 0.1);
  490. }
  491. .timeline .timeline-item-primary .timeline-event {
  492. background-color: rgba(115, 103, 240, 0.1);
  493. }
  494. .timeline .timeline-item-primary .timeline-event:before {
  495. border-left-color: rgba(115, 103, 240, 0.1) !important;
  496. border-right-color: rgba(115, 103, 240, 0.1) !important;
  497. }
  498. .timeline .timeline-point-primary {
  499. background-color: #7367f0 !important;
  500. box-shadow: 0 0 0 0.1875rem rgba(115, 103, 240, 0.16);
  501. }
  502. .timeline .timeline-indicator-primary i {
  503. color: #7367f0 !important;
  504. }
  505. .divider.divider-primary.divider-vertical:before, .divider.divider-primary.divider-vertical:after,
  506. .divider.divider-primary .divider-text:before,
  507. .divider.divider-primary .divider-text:after {
  508. border-color: #7367f0;
  509. }
  510. .navbar.bg-primary {
  511. background-color: rgba(115, 103, 240, 0.95) !important;
  512. color: #e2dffc;
  513. }
  514. .navbar.bg-primary .navbar-brand,
  515. .navbar.bg-primary .navbar-brand a {
  516. color: #fff;
  517. }
  518. .navbar.bg-primary .navbar-brand:hover, .navbar.bg-primary .navbar-brand:focus,
  519. .navbar.bg-primary .navbar-brand a:hover,
  520. .navbar.bg-primary .navbar-brand a:focus {
  521. color: #fff;
  522. }
  523. .navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,
  524. .navbar.bg-primary .navbar-search-wrapper .search-input {
  525. color: #e2dffc;
  526. }
  527. .navbar.bg-primary .search-input-wrapper .search-input,
  528. .navbar.bg-primary .search-input-wrapper .search-toggler {
  529. background-color: #7367f0 !important;
  530. color: #e2dffc;
  531. }
  532. .navbar.bg-primary .navbar-nav > .nav-link,
  533. .navbar.bg-primary .navbar-nav > .nav-item > .nav-link,
  534. .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link {
  535. color: #e2dffc;
  536. }
  537. .navbar.bg-primary .navbar-nav > .nav-link:hover, .navbar.bg-primary .navbar-nav > .nav-link:focus,
  538. .navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover,
  539. .navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus,
  540. .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:hover,
  541. .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:focus {
  542. color: #fff;
  543. }
  544. .navbar.bg-primary .navbar-nav > .nav-link.disabled,
  545. .navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled,
  546. .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  547. color: #b6aff7 !important;
  548. }
  549. .navbar.bg-primary .navbar-nav .show > .nav-link,
  550. .navbar.bg-primary .navbar-nav .active > .nav-link,
  551. .navbar.bg-primary .navbar-nav .nav-link.show,
  552. .navbar.bg-primary .navbar-nav .nav-link.active {
  553. color: #fff;
  554. }
  555. .navbar.bg-primary .navbar-toggler {
  556. color: #e2dffc;
  557. border-color: rgba(255, 255, 255, 0.15);
  558. }
  559. .navbar.bg-primary .navbar-toggler-icon {
  560. background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  561. }
  562. .navbar.bg-primary .navbar-text {
  563. color: #e2dffc;
  564. }
  565. .navbar.bg-primary .navbar-text a {
  566. color: #fff;
  567. }
  568. .navbar.bg-primary .navbar-text a:hover, .navbar.bg-primary .navbar-text a:focus {
  569. color: #fff;
  570. }
  571. .navbar.bg-primary hr {
  572. border-color: rgba(255, 255, 255, 0.15);
  573. }
  574. .menu.bg-primary {
  575. background-color: #7367f0 !important;
  576. color: #e2dffc;
  577. }
  578. .menu.bg-primary.menu-horizontal {
  579. background-color: rgba(115, 103, 240, 0.95) !important;
  580. }
  581. .menu.bg-primary .menu-link,
  582. .menu.bg-primary .menu-horizontal-prev,
  583. .menu.bg-primary .menu-horizontal-next {
  584. color: #e2dffc;
  585. }
  586. .menu.bg-primary .menu-link:hover, .menu.bg-primary .menu-link:focus,
  587. .menu.bg-primary .menu-horizontal-prev:hover,
  588. .menu.bg-primary .menu-horizontal-prev:focus,
  589. .menu.bg-primary .menu-horizontal-next:hover,
  590. .menu.bg-primary .menu-horizontal-next:focus {
  591. color: #fff;
  592. }
  593. .menu.bg-primary .menu-link.active,
  594. .menu.bg-primary .menu-horizontal-prev.active,
  595. .menu.bg-primary .menu-horizontal-next.active {
  596. color: #fff;
  597. }
  598. .menu.bg-primary .menu-item.disabled .menu-link,
  599. .menu.bg-primary .menu-horizontal-prev.disabled,
  600. .menu.bg-primary .menu-horizontal-next.disabled {
  601. color: #b6aff7 !important;
  602. }
  603. .menu.bg-primary .menu-item.open:not(.menu-item-closing) > .menu-toggle,
  604. .menu.bg-primary .menu-item.active > .menu-link {
  605. color: #fff;
  606. }
  607. .menu.bg-primary.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  608. background: linear-gradient(72.47deg, #776bf0 22.16%, rgba(119, 107, 240, 0.7) 76.47%);
  609. box-shadow: 0px 2px 6px 0px rgba(119, 107, 240, 0.48);
  610. color: #fff !important;
  611. }
  612. [dir=rtl] .menu.bg-primary.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  613. background: linear-gradient(72.47deg, rgba(119, 107, 240, 0.7) 22.16%, #776bf0 76.47%) !important;
  614. }
  615. .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  616. background: linear-gradient(72.47deg, #776bf0 22.16%, rgba(119, 107, 240, 0.7) 76.47%);
  617. color: #fff !important;
  618. box-shadow: 0px 2px 6px 0px rgba(119, 107, 240, 0.48);
  619. }
  620. [dir=rtl] .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  621. background: linear-gradient(72.47deg, rgba(119, 107, 240, 0.7) 22.16%, #776bf0 76.47%);
  622. box-shadow: 0px 2px 6px 0px rgba(119, 107, 240, 0.48);
  623. color: #fff !important;
  624. }
  625. .menu.bg-primary.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
  626. .menu.bg-primary.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  627. background: #7367f0;
  628. }
  629. .menu.bg-primary.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  630. background: #7367f0;
  631. color: #776bf0 !important;
  632. }
  633. .menu.bg-primary .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
  634. .menu.bg-primary .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  635. background: transparent;
  636. color: #fff;
  637. }
  638. .menu.bg-primary .menu-inner-shadow {
  639. background: linear-gradient(#7367f0 41%, rgba(115, 103, 240, 0.11) 95%, rgba(115, 103, 240, 0));
  640. }
  641. .menu.bg-primary .menu-text {
  642. color: #fff;
  643. }
  644. .menu.bg-primary .menu-header {
  645. color: #c6c1f9;
  646. }
  647. .menu.bg-primary hr,
  648. .menu.bg-primary .menu-divider,
  649. .menu.bg-primary .menu-inner > .menu-item.open > .menu-sub::before {
  650. border-color: rgba(255, 255, 255, 0.15) !important;
  651. }
  652. .menu.bg-primary .menu-block::before {
  653. background-color: #c6c1f9;
  654. }
  655. .menu.bg-primary .ps__thumb-y,
  656. .menu.bg-primary .ps__rail-y.ps--clicking > .ps__thumb-y {
  657. background: rgba(255, 255, 255, 0.5916956863) !important;
  658. }
  659. .layout-footer-fixed .layout-horizontal .footer.bg-primary {
  660. background-color: #7367f0 !important;
  661. color: #e2dffc;
  662. }
  663. .layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-primary .footer-container {
  664. background-color: #7367f0 !important;
  665. color: #e2dffc;
  666. }
  667. .footer.bg-primary .footer-link {
  668. color: #e2dffc;
  669. }
  670. .footer.bg-primary .footer-link:hover, .footer.bg-primary .footer-link:focus {
  671. color: #fff;
  672. }
  673. .footer.bg-primary .footer-link.disabled {
  674. color: #b6aff7 !important;
  675. }
  676. .footer.bg-primary .footer-text {
  677. color: #fff;
  678. }
  679. .footer.bg-primary .show > .footer-link,
  680. .footer.bg-primary .active > .footer-link,
  681. .footer.bg-primary .footer-link.show,
  682. .footer.bg-primary .footer-link.active {
  683. color: #fff;
  684. }
  685. .footer.bg-primary hr {
  686. border-color: rgba(255, 255, 255, 0.15);
  687. }
  688. .form-floating > .form-control:focus ~ label,
  689. .form-floating > .form-control:not(:placeholder-shown) ~ label,
  690. .form-floating > .form-select ~ label {
  691. color: #7367f0;
  692. }
  693. .form-floating > .form-control:-webkit-autofill ~ label {
  694. color: #7367f0;
  695. }
  696. .svg-illustration svg {
  697. fill: #7367f0;
  698. }
  699. .jstree-default .jstree-wholerow-hovered,
  700. .jstree-default .jstree-hovered {
  701. background: rgba(115, 103, 240, 0.08);
  702. color: #7367f0;
  703. }
  704. .jstree-default .jstree-wholerow-clicked,
  705. .jstree-default .jstree-clicked {
  706. background: #7367f0;
  707. color: #fff;
  708. }
  709. .jstree-default-dark .jstree-wholerow-hovered,
  710. .jstree-default-dark .jstree-hovered {
  711. background: rgba(115, 103, 240, 0.08);
  712. color: #7367f0;
  713. }
  714. .jstree-default-dark .jstree-wholerow-clicked,
  715. .jstree-default-dark .jstree-clicked {
  716. background: #7367f0;
  717. color: #fff;
  718. }
  719. .card.card-border-shadow-primary::after {
  720. border-bottom-color: #c7c2f9;
  721. }
  722. .card.card-border-shadow-primary:hover::after {
  723. border-bottom-color: #7367f0;
  724. }
  725. .card.card-hover-border-primary:hover,
  726. .card .card-hover-border-primary:hover {
  727. border-color: #cac5f9;
  728. }
  729. html:not([dir=rtl]) .border-primary,
  730. html[dir=rtl] .border-primary {
  731. border-color: #7367f0 !important;
  732. }
  733. a {
  734. color: #7367f0;
  735. }
  736. a:hover {
  737. color: #8176f2;
  738. }
  739. .fill-primary {
  740. fill: #7367f0;
  741. }
  742. .noUi-primary .noUi-base .noUi-connect {
  743. background: #7367f0 !important;
  744. }
  745. .noUi-primary .noUi-base .noUi-origin .noUi-handle {
  746. background: #5c52c0 !important;
  747. }
  748. .select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection {
  749. border-color: #7367f0 !important;
  750. }
  751. .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  752. background: rgba(115, 103, 240, 0.16) !important;
  753. color: #7367f0 !important;
  754. }
  755. .tagify--focus {
  756. border-color: #7367f0 !important;
  757. }
  758. .tagify__dropdown__item--active {
  759. background: #7367f0 !important;
  760. }
  761. table.dataTable.dtr-column > tbody > tr > td.control:before,
  762. table.dataTable.dtr-column > tbody > tr > th.control:before {
  763. background-color: #7367f0;
  764. border: 2px solid #fff;
  765. box-shadow: 0 0 3px rgba(75, 70, 92, 0.8);
  766. }
  767. .bootstrap-select .dropdown-menu.inner a[aria-selected=true] {
  768. background: #7367f0 !important;
  769. color: #fff !important;
  770. }
  771. .bootstrap-select .dropdown-toggle.show {
  772. border-color: #7367f0;
  773. }
  774. .datepicker table tr td.active, .datepicker table tr td.active.highlighted,
  775. .datepicker table tr td .focused,
  776. .datepicker table tr td span.active,
  777. .datepicker table tr td span.active.disabled, .datepicker table tr td.range-start, .datepicker table tr td.range-end {
  778. background: #7367f0 !important;
  779. color: #fff !important;
  780. }
  781. .datepicker table tr td.range, .datepicker table tr td.range.highlighted, .datepicker table tr td.range.today {
  782. color: #7367f0 !important;
  783. background: #e9e7fd !important;
  784. }
  785. .datepicker table tr td.range.focused, .datepicker table tr td.range.highlighted.focused, .datepicker table tr td.range.today.focused {
  786. background: #dddbfb !important;
  787. }
  788. .datepicker table tr td.range.disabled, .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.today.disabled {
  789. background: rgba(233, 231, 253, 0.5) !important;
  790. color: rgba(115, 103, 240, 0.5) !important;
  791. }
  792. .datepicker table tr td.today:not(.active) {
  793. box-shadow: 0 0 0 1px #7367f0 inset;
  794. }
  795. .flatpickr-day.today {
  796. border-color: #7367f0;
  797. }
  798. .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange {
  799. color: #7367f0 !important;
  800. background: #e9e7fd !important;
  801. border-color: #e9e7fd !important;
  802. }
  803. .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.week.selected {
  804. color: #fff !important;
  805. background: #7367f0 !important;
  806. border-color: #7367f0 !important;
  807. }
  808. .daterangepicker td.active:not(.off) {
  809. background: #7367f0 !important;
  810. color: #fff;
  811. }
  812. .daterangepicker .start-date:not(.end-date):not(.off),
  813. .daterangepicker .end-date:not(.start-date):not(.off) {
  814. background-color: #7367f0;
  815. color: #fff;
  816. border: 0 !important;
  817. }
  818. .daterangepicker .start-date:not(.end-date):not(.off):hover,
  819. .daterangepicker .end-date:not(.start-date):not(.off):hover {
  820. background-color: #7367f0 !important;
  821. }
  822. .daterangepicker .input-mini.active {
  823. border-color: #7367f0 !important;
  824. }
  825. .daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
  826. color: #7367f0 !important;
  827. background-color: #e9e7fd !important;
  828. }
  829. .ranges li.active {
  830. color: #fff !important;
  831. background-color: #7367f0 !important;
  832. }
  833. li.ui-timepicker-selected,
  834. .ui-timepicker-list .ui-timepicker-selected:hover {
  835. color: #fff !important;
  836. background: #7367f0 !important;
  837. }
  838. .ql-snow.ql-toolbar button:hover,
  839. .ql-snow.ql-toolbar button:focus,
  840. .ql-snow.ql-toolbar button.ql-active,
  841. .ql-snow.ql-toolbar .ql-picker-label:hover,
  842. .ql-snow.ql-toolbar .ql-picker-label.ql-active,
  843. .ql-snow.ql-toolbar .ql-picker-item:hover,
  844. .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
  845. .ql-snow .ql-toolbar button:hover,
  846. .ql-snow .ql-toolbar button:focus,
  847. .ql-snow .ql-toolbar button.ql-active,
  848. .ql-snow .ql-toolbar .ql-picker-label:hover,
  849. .ql-snow .ql-toolbar .ql-picker-label.ql-active,
  850. .ql-snow .ql-toolbar .ql-picker-item:hover,
  851. .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  852. color: #7367f0 !important;
  853. }
  854. .ql-snow.ql-toolbar button:hover .ql-fill,
  855. .ql-snow.ql-toolbar button:focus .ql-fill,
  856. .ql-snow.ql-toolbar button.ql-active .ql-fill,
  857. .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
  858. .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
  859. .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
  860. .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  861. .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
  862. .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
  863. .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
  864. .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  865. .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  866. .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  867. .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
  868. .ql-snow .ql-toolbar button:hover .ql-fill,
  869. .ql-snow .ql-toolbar button:focus .ql-fill,
  870. .ql-snow .ql-toolbar button.ql-active .ql-fill,
  871. .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
  872. .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
  873. .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
  874. .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  875. .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
  876. .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
  877. .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
  878. .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  879. .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  880. .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  881. .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  882. fill: #7367f0 !important;
  883. }
  884. .ql-snow.ql-toolbar button:hover .ql-stroke,
  885. .ql-snow.ql-toolbar button:focus .ql-stroke,
  886. .ql-snow.ql-toolbar button.ql-active .ql-stroke,
  887. .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
  888. .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  889. .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
  890. .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  891. .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
  892. .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
  893. .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
  894. .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  895. .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  896. .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  897. .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
  898. .ql-snow .ql-toolbar button:hover .ql-stroke,
  899. .ql-snow .ql-toolbar button:focus .ql-stroke,
  900. .ql-snow .ql-toolbar button.ql-active .ql-stroke,
  901. .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
  902. .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  903. .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
  904. .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  905. .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
  906. .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
  907. .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
  908. .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  909. .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  910. .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  911. .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  912. stroke: #7367f0 !important;
  913. }
  914. .tt-suggestion:active,
  915. .tt-cursor {
  916. background: #7367f0 !important;
  917. color: #fff !important;
  918. }
  919. .dropzone.dz-drag-hover {
  920. border-color: #7367f0 !important;
  921. }
  922. .swiper-pagination-bullet.swiper-pagination-bullet-active,
  923. .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  924. background: #7367f0 !important;
  925. }
  926. .sk-primary.sk-plane,
  927. .sk-primary .sk-chase-dot:before,
  928. .sk-primary .sk-bounce-dot,
  929. .sk-primary .sk-wave-rect,
  930. .sk-primary.sk-pulse,
  931. .sk-primary .sk-swing-dot,
  932. .sk-primary .sk-circle-dot:before,
  933. .sk-primary .sk-circle-fade-dot:before,
  934. .sk-primary .sk-grid-cube,
  935. .sk-primary .sk-fold-cube:before {
  936. background-color: #7367f0;
  937. }
  938. .plyr input[type=range]::-ms-fill-lower {
  939. background: #7367f0 !important;
  940. }
  941. .plyr input[type=range]:active::-webkit-slider-thumb {
  942. background: #7367f0 !important;
  943. }
  944. .plyr input[type=range]:active::-moz-range-thumb {
  945. background: #7367f0 !important;
  946. }
  947. .plyr input[type=range]:active::-ms-thumb {
  948. background: #7367f0 !important;
  949. }
  950. .plyr--video .plyr__control.plyr__control--overlaid,
  951. .plyr--video .plyr__controls button.tab-focus:focus,
  952. .plyr--video .plyr__control[aria-expanded=true],
  953. .plyr--video .plyr__controls button:hover {
  954. background: #7367f0 !important;
  955. color: #fff !important;
  956. }
  957. .plyr--audio .plyr__controls button.tab-focus:focus,
  958. .plyr--audio .plyr__control[aria-expanded=true],
  959. .plyr--audio .plyr__controls button:hover {
  960. background: #7367f0 !important;
  961. color: #fff !important;
  962. }
  963. .plyr__play-large {
  964. background: #7367f0 !important;
  965. color: #fff !important;
  966. }
  967. .plyr__progress--played,
  968. .plyr__volume--display {
  969. color: #7367f0 !important;
  970. }
  971. .plyr--full-ui input[type=range] {
  972. color: #7367f0 !important;
  973. }
  974. .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  975. background: #7367f0 !important;
  976. }
  977. .fc .fc-event-primary:not(.fc-list-event) {
  978. background-color: #eae8fd !important;
  979. color: #7367f0 !important;
  980. }
  981. .fc .fc-event-primary.fc-list-event .fc-list-event-dot {
  982. border-color: #7367f0 !important;
  983. }
  984. .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) {
  985. background-color: rgba(115, 103, 240, 0.16) !important;
  986. border: 0;
  987. color: #7367f0;
  988. }
  989. .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active, .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
  990. background-color: rgba(115, 103, 240, 0.24) !important;
  991. color: #7367f0;
  992. }
  993. .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
  994. .swal2-progress-steps[class] .swal2-progress-step-line,
  995. .swal2-progress-steps[class] .swal2-active-progress-step,
  996. .swal2-progress-steps[class] .swal2-progress-step {
  997. background: #7367f0;
  998. color: #fff;
  999. }
  1000. .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
  1001. .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  1002. background: #eae8fd;
  1003. }
  1004. .pcr-app .pcr-type.active,
  1005. .pcr-app .pcr-save {
  1006. background: #7367f0 !important;
  1007. }
  1008. .icon-card.active {
  1009. outline: 1px solid #7367f0;
  1010. }
  1011. .icon-card.active i,
  1012. .icon-card.active svg {
  1013. color: #7367f0;
  1014. }
  1015. .shepherd-element .shepherd-button:not(:disabled).btn-primary {
  1016. color: #fff;
  1017. background-color: #7367f0;
  1018. border-color: #7367f0;
  1019. }
  1020. .shepherd-element .shepherd-button:not(:disabled).btn-primary:hover {
  1021. color: #fff !important;
  1022. background-color: #685dd8 !important;
  1023. border-color: #685dd8 !important;
  1024. }
  1025. .btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-primary, .shepherd-element .shepherd-button:not(:disabled).btn-primary:focus, .shepherd-element .shepherd-button:not(:disabled).btn-primary.focus {
  1026. color: #fff;
  1027. background-color: #685dd8;
  1028. border-color: #685dd8;
  1029. box-shadow: none;
  1030. }
  1031. .btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-primary, .btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-primary, .shepherd-element .shepherd-button:not(:disabled).btn-primary:active, .shepherd-element .shepherd-button:not(:disabled).btn-primary.active, .shepherd-element .shepherd-button:not(:disabled).btn-primary.show.dropdown-toggle, .show > .shepherd-element .shepherd-button:not(:disabled).btn-primary.dropdown-toggle {
  1032. color: #fff !important;
  1033. background-color: #685dd8 !important;
  1034. border-color: #685dd8 !important;
  1035. }
  1036. .shepherd-element .shepherd-button:not(:disabled).btn-primary.disabled, .shepherd-element .shepherd-button:not(:disabled).btn-primary:disabled {
  1037. color: #fff !important;
  1038. background-color: #7367f0 !important;
  1039. border-color: #7367f0 !important;
  1040. box-shadow: none !important;
  1041. }
  1042. .shepherd-element .btn-group .shepherd-button:not(:disabled).btn-primary,
  1043. .shepherd-element .input-group .shepherd-button:not(:disabled).btn-primary {
  1044. border-right: var(--bs-border-width) solid #685dd8;
  1045. border-left: var(--bs-border-width) solid #685dd8;
  1046. }
  1047. .shepherd-element .btn-group-vertical .shepherd-button:not(:disabled).btn-primary {
  1048. border-top-color: #685dd8;
  1049. border-bottom-color: #685dd8;
  1050. }
  1051. .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary {
  1052. color: #a8aaae;
  1053. border-color: transparent;
  1054. background: #f1f1f2;
  1055. }
  1056. .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.waves-effect .waves-ripple {
  1057. background: radial-gradient(rgba(168, 170, 174, 0.2) 0, rgba(168, 170, 174, 0.3) 40%, rgba(168, 170, 174, 0.4) 50%, rgba(168, 170, 174, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  1058. }
  1059. .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:hover {
  1060. border-color: transparent !important;
  1061. background: #eaebec !important;
  1062. color: #a8aaae !important;
  1063. }
  1064. .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:focus, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.focus {
  1065. color: #a8aaae;
  1066. background: #eaebec;
  1067. box-shadow: none !important;
  1068. }
  1069. .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:active, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.active, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.show.dropdown-toggle, .show > .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.dropdown-toggle {
  1070. color: #a8aaae !important;
  1071. background-color: #eaebec !important;
  1072. border-color: transparent !important;
  1073. }
  1074. .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:active:focus, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.active:focus, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.show.dropdown-toggle:focus, .show > .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.dropdown-toggle:focus {
  1075. box-shadow: none;
  1076. }
  1077. .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.disabled, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:disabled {
  1078. color: #a8aaae !important;
  1079. border-color: transparent !important;
  1080. background: #f2f2f3 !important;
  1081. box-shadow: none;
  1082. }
  1083. .shepherd-element .btn-group .shepherd-button:not(:disabled).btn-label-secondary,
  1084. .shepherd-element .input-group .shepherd-button:not(:disabled).btn-label-secondary {
  1085. border-right: var(--bs-border-width) solid #eaebec;
  1086. border-left: var(--bs-border-width) solid #eaebec;
  1087. }
  1088. .shepherd-element .btn-group-vertical .shepherd-button:not(:disabled).btn-label-secondary {
  1089. border-top-color: #eaebec;
  1090. border-bottom-color: #eaebec;
  1091. }
  1092. .bs-stepper .step.active .bs-stepper-circle {
  1093. background-color: #7367f0;
  1094. color: #fff;
  1095. }
  1096. .bs-stepper .step.active .bs-stepper-icon svg {
  1097. fill: #7367f0 !important;
  1098. }
  1099. .bs-stepper .step.active .bs-stepper-icon i,
  1100. .bs-stepper .step.active .bs-stepper-label {
  1101. color: #7367f0 !important;
  1102. }
  1103. .bs-stepper .step.crossed .step-trigger .bs-stepper-circle {
  1104. background-color: #f4f3fe !important;
  1105. color: #aba4f6 !important;
  1106. }
  1107. .bs-stepper .step.crossed .step-trigger .bs-stepper-icon svg {
  1108. fill: #7367f0 !important;
  1109. }
  1110. .bs-stepper .step.crossed .step-trigger .bs-stepper-icon i {
  1111. color: #7367f0 !important;
  1112. }
  1113. .bs-stepper.wizard-icons .step.crossed .bs-stepper-label {
  1114. color: #7367f0 !important;
  1115. }
  1116. .bs-stepper.wizard-icons .step.crossed + .line i {
  1117. color: #7367f0;
  1118. }
  1119. .app-chat .sidebar-body .chat-contact-list li.active {
  1120. background: linear-gradient(72.47deg, #7367f0 22.16%, rgba(115, 103, 240, 0.7) 76.47%);
  1121. }
  1122. [dir=rtl] .app-chat .sidebar-body .chat-contact-list li.active {
  1123. background: linear-gradient(72.47deg, rgba(115, 103, 240, 0.7) 22.16%, #7367f0 76.47%) !important;
  1124. }
  1125. .app-chat .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text {
  1126. background-color: #7367f0 !important;
  1127. }
  1128. .navbar.landing-navbar .navbar-nav .show > .nav-link,
  1129. .navbar.landing-navbar .navbar-nav .active > .nav-link,
  1130. .navbar.landing-navbar .navbar-nav .nav-link.show,
  1131. .navbar.landing-navbar .navbar-nav .nav-link.active,
  1132. .navbar.landing-navbar .navbar-nav .nav-link:hover {
  1133. color: #7367f0 !important;
  1134. }
  1135. .landing-features .features-icon-wrapper .features-icon-box .features-icon {
  1136. border: 2px solid rgba(115, 103, 240, 0.2);
  1137. }
  1138. .landing-features .features-icon-wrapper .features-icon-box:hover .features-icon {
  1139. background-color: rgba(115, 103, 240, 0.05);
  1140. }
  1141. .bg-navbar-theme {
  1142. background-color: rgba(255, 255, 255, 0.95) !important;
  1143. color: #6f6b7d;
  1144. }
  1145. .bg-navbar-theme .navbar-brand,
  1146. .bg-navbar-theme .navbar-brand a {
  1147. color: #5d596c;
  1148. }
  1149. .bg-navbar-theme .navbar-brand:hover, .bg-navbar-theme .navbar-brand:focus,
  1150. .bg-navbar-theme .navbar-brand a:hover,
  1151. .bg-navbar-theme .navbar-brand a:focus {
  1152. color: #5d596c;
  1153. }
  1154. .bg-navbar-theme .navbar-search-wrapper .navbar-search-icon,
  1155. .bg-navbar-theme .navbar-search-wrapper .search-input {
  1156. color: #6f6b7d;
  1157. }
  1158. .bg-navbar-theme .search-input-wrapper .search-input,
  1159. .bg-navbar-theme .search-input-wrapper .search-toggler {
  1160. background-color: #fff !important;
  1161. color: #6f6b7d;
  1162. }
  1163. .bg-navbar-theme .navbar-nav > .nav-link,
  1164. .bg-navbar-theme .navbar-nav > .nav-item > .nav-link,
  1165. .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link {
  1166. color: #6f6b7d;
  1167. }
  1168. .bg-navbar-theme .navbar-nav > .nav-link:hover, .bg-navbar-theme .navbar-nav > .nav-link:focus,
  1169. .bg-navbar-theme .navbar-nav > .nav-item > .nav-link:hover,
  1170. .bg-navbar-theme .navbar-nav > .nav-item > .nav-link:focus,
  1171. .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:hover,
  1172. .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:focus {
  1173. color: #5d596c;
  1174. }
  1175. .bg-navbar-theme .navbar-nav > .nav-link.disabled,
  1176. .bg-navbar-theme .navbar-nav > .nav-item > .nav-link.disabled,
  1177. .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  1178. color: #a9a6b1 !important;
  1179. }
  1180. .bg-navbar-theme .navbar-nav .show > .nav-link,
  1181. .bg-navbar-theme .navbar-nav .active > .nav-link,
  1182. .bg-navbar-theme .navbar-nav .nav-link.show,
  1183. .bg-navbar-theme .navbar-nav .nav-link.active {
  1184. color: #5d596c;
  1185. }
  1186. .bg-navbar-theme .navbar-toggler {
  1187. color: #6f6b7d;
  1188. border-color: rgba(93, 89, 108, 0.075);
  1189. }
  1190. .bg-navbar-theme .navbar-toggler-icon {
  1191. background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(75, 70, 92, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(75, 70, 92, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  1192. }
  1193. .bg-navbar-theme .navbar-text {
  1194. color: #6f6b7d;
  1195. }
  1196. .bg-navbar-theme .navbar-text a {
  1197. color: #5d596c;
  1198. }
  1199. .bg-navbar-theme .navbar-text a:hover, .bg-navbar-theme .navbar-text a:focus {
  1200. color: #5d596c;
  1201. }
  1202. .bg-navbar-theme hr {
  1203. border-color: rgba(93, 89, 108, 0.075);
  1204. }
  1205. .layout-navbar {
  1206. box-shadow: 0 0 10px #dbdade;
  1207. backdrop-filter: saturate(200%) blur(6px);
  1208. }
  1209. .menu-horizontal {
  1210. backdrop-filter: saturate(200%) blur(6px);
  1211. }
  1212. .layout-horizontal .layout-navbar {
  1213. box-shadow: 0 1px 0 #dbdade;
  1214. }
  1215. .navbar-detached {
  1216. box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
  1217. }
  1218. .layout-navbar-fixed .layout-page:before {
  1219. backdrop-filter: saturate(200%) blur(10px);
  1220. background: linear-gradient(180deg, rgba(248, 247, 250, 0.7) 44%, rgba(248, 247, 250, 0.43) 73%, rgba(248, 247, 250, 0));
  1221. -webkit-mask: linear-gradient(#f8f7fa, #f8f7fa 18%, transparent 100%);
  1222. mask: linear-gradient(#f8f7fa, #f8f7fa 18%, transparent 100%);
  1223. }
  1224. .bg-menu-theme {
  1225. background-color: #fff !important;
  1226. color: #6f6b7d;
  1227. }
  1228. .bg-menu-theme.menu-horizontal {
  1229. background-color: rgba(255, 255, 255, 0.95) !important;
  1230. }
  1231. .bg-menu-theme .menu-link,
  1232. .bg-menu-theme .menu-horizontal-prev,
  1233. .bg-menu-theme .menu-horizontal-next {
  1234. color: #6f6b7d;
  1235. }
  1236. .bg-menu-theme .menu-link:hover, .bg-menu-theme .menu-link:focus,
  1237. .bg-menu-theme .menu-horizontal-prev:hover,
  1238. .bg-menu-theme .menu-horizontal-prev:focus,
  1239. .bg-menu-theme .menu-horizontal-next:hover,
  1240. .bg-menu-theme .menu-horizontal-next:focus {
  1241. color: #5d596c;
  1242. }
  1243. .bg-menu-theme .menu-link.active,
  1244. .bg-menu-theme .menu-horizontal-prev.active,
  1245. .bg-menu-theme .menu-horizontal-next.active {
  1246. color: #5d596c;
  1247. }
  1248. .bg-menu-theme .menu-item.disabled .menu-link,
  1249. .bg-menu-theme .menu-horizontal-prev.disabled,
  1250. .bg-menu-theme .menu-horizontal-next.disabled {
  1251. color: #a9a6b1 !important;
  1252. }
  1253. .bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle,
  1254. .bg-menu-theme .menu-item.active > .menu-link {
  1255. color: #5d596c;
  1256. }
  1257. .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  1258. background: linear-gradient(72.47deg, #004ae1 22.16%, rgba(73, 86, 228, 0.925) 76.47%);
  1259. box-shadow: 0px 2px 6px 0px rgba(115, 103, 240, 0.48);
  1260. color: #fff !important;
  1261. }
  1262. [dir=rtl] .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  1263. background: linear-gradient(72.47deg, rgba(73, 86, 228, 0.925) 22.16%, #004ae1 76.47%) !important;
  1264. }
  1265. .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  1266. background: linear-gradient(72.47deg, #7367f0 22.16%, rgba(115, 103, 240, 0.7) 76.47%);
  1267. color: #fff !important;
  1268. box-shadow: 0px 2px 6px 0px rgba(115, 103, 240, 0.48);
  1269. }
  1270. [dir=rtl] .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  1271. background: linear-gradient(72.47deg, rgba(115, 103, 240, 0.7) 22.16%, #7367f0 76.47%);
  1272. box-shadow: 0px 2px 6px 0px rgba(115, 103, 240, 0.48);
  1273. color: #fff !important;
  1274. }
  1275. .bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
  1276. .bg-menu-theme.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  1277. background: #fff;
  1278. }
  1279. .bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  1280. background: #f4f3fe;
  1281. color: #7367f0 !important;
  1282. }
  1283. .bg-menu-theme .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
  1284. .bg-menu-theme .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  1285. background: transparent;
  1286. color: #fff;
  1287. }
  1288. .bg-menu-theme .menu-inner-shadow {
  1289. background: linear-gradient(#fff 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0));
  1290. }
  1291. .bg-menu-theme .menu-text {
  1292. color: #5d596c;
  1293. }
  1294. .bg-menu-theme .menu-header {
  1295. color: #93909e;
  1296. }
  1297. .bg-menu-theme hr,
  1298. .bg-menu-theme .menu-divider,
  1299. .bg-menu-theme .menu-inner > .menu-item.open > .menu-sub::before {
  1300. border-color: transparent !important;
  1301. }
  1302. .bg-menu-theme .menu-block::before {
  1303. background-color: #93909e;
  1304. }
  1305. .bg-menu-theme .ps__thumb-y,
  1306. .bg-menu-theme .ps__rail-y.ps--clicking > .ps__thumb-y {
  1307. background: rgba(93, 89, 108, 0.2) !important;
  1308. }
  1309. @media (min-width: 1200px) {
  1310. .bg-menu-theme {
  1311. box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
  1312. }
  1313. }
  1314. .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle, .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle {
  1315. background: #f4f4f5;
  1316. }
  1317. html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover {
  1318. background: #f8f8f8;
  1319. }
  1320. .bg-menu-theme .menu-inner .menu-sub .menu-item:not(.active) > .menu-link::before {
  1321. color: #a5a3ae !important;
  1322. }
  1323. .layout-footer-fixed .layout-horizontal .bg-footer-theme {
  1324. background-color: #fff !important;
  1325. color: #6f6b7d;
  1326. }
  1327. .layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .bg-footer-theme .footer-container {
  1328. background-color: #fff !important;
  1329. color: #6f6b7d;
  1330. }
  1331. .bg-footer-theme .footer-link {
  1332. color: #6f6b7d;
  1333. }
  1334. .bg-footer-theme .footer-link:hover, .bg-footer-theme .footer-link:focus {
  1335. color: #5d596c;
  1336. }
  1337. .bg-footer-theme .footer-link.disabled {
  1338. color: #a9a6b1 !important;
  1339. }
  1340. .bg-footer-theme .footer-text {
  1341. color: #5d596c;
  1342. }
  1343. .bg-footer-theme .show > .footer-link,
  1344. .bg-footer-theme .active > .footer-link,
  1345. .bg-footer-theme .footer-link.show,
  1346. .bg-footer-theme .footer-link.active {
  1347. color: #5d596c;
  1348. }
  1349. .bg-footer-theme hr {
  1350. border-color: rgba(93, 89, 108, 0.075);
  1351. }
  1352. .layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container,
  1353. .layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer {
  1354. box-shadow: 0 0.25rem 1rem rgba(165, 163, 174, 0.45);
  1355. }