dark-layout.css 78 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392
  1. .dark-layout {
  2. /********* COMPONENTS *********/
  3. /* Accordion */
  4. /* alerts */
  5. /* breadcrumbs */
  6. /* buttons */
  7. /* dropdown */
  8. /* modal */
  9. /* Close btn */
  10. /* OffCanvas */
  11. /* pagination */
  12. /* nav tabs */
  13. /* popover */
  14. /* BS toast */
  15. /* list group */
  16. /* spinners */
  17. /* avatar */
  18. /* divider */
  19. /* Timeline */
  20. /* card */
  21. /********** FORMS **********/
  22. /********** TABLE **********/
  23. /********** PAGES **********/
  24. /********** APPLICATIONS **********/
  25. /********** CUSTOMIZER **********/
  26. /********** HORIZONTAL LAYOUT **********/ }
  27. body.dark-layout {
  28. color: #b4b7bd;
  29. background-color: #161d31; }
  30. .dark-layout body {
  31. color: #b4b7bd;
  32. background-color: #161d31; }
  33. .dark-layout h1,
  34. .dark-layout h2,
  35. .dark-layout h3,
  36. .dark-layout h4,
  37. .dark-layout h5,
  38. .dark-layout h6 {
  39. color: #d0d2d6; }
  40. .dark-layout .border,
  41. .dark-layout .border-top,
  42. .dark-layout .border-end,
  43. .dark-layout .border-bottom,
  44. .dark-layout .border-start {
  45. border-color: #3b4253 !important; }
  46. .dark-layout a:hover {
  47. color: #7367f0; }
  48. .dark-layout label {
  49. color: #d0d2d6; }
  50. .dark-layout .btn span {
  51. color: inherit; }
  52. .dark-layout hr {
  53. color: #3b4253; }
  54. .dark-layout pre {
  55. background-color: #161d31 !important;
  56. border: 0; }
  57. .dark-layout pre code {
  58. background-color: inherit;
  59. text-shadow: none; }
  60. .dark-layout pre code .url {
  61. background-color: #161d31; }
  62. .dark-layout code {
  63. background-color: #161d31; }
  64. .dark-layout kbd {
  65. background-color: #161d31; }
  66. .dark-layout .text-dark {
  67. color: #b8c2cc !important; }
  68. .dark-layout .text-muted {
  69. color: #676d7d !important; }
  70. .dark-layout .text-body {
  71. color: #b4b7bd !important; }
  72. .dark-layout .text-body-heading {
  73. color: #d0d2d6; }
  74. .dark-layout .section-label {
  75. color: #676d7d; }
  76. .dark-layout .shadow {
  77. box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24) !important; }
  78. .dark-layout .blockquote-footer {
  79. color: #676d7d; }
  80. .dark-layout .header-navbar-shadow {
  81. background: linear-gradient(180deg, rgba(22, 29, 49, 0.9) 44%, rgba(22, 29, 49, 0.43) 73%, rgba(22, 29, 49, 0)); }
  82. .dark-layout .horizontal-layout .header-navbar {
  83. background-color: #283046; }
  84. .dark-layout .horizontal-layout.navbar-sticky .header-navbar, .dark-layout .horizontal-layout.navbar-static .header-navbar {
  85. background-color: #161d31; }
  86. .dark-layout .navbar-sticky .header-navbar.navbar-shadow {
  87. box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.75); }
  88. .dark-layout .header-navbar {
  89. background-color: #283046; }
  90. .dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link {
  91. color: #d0d2d6;
  92. background-color: transparent; }
  93. .dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link i,
  94. .dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link svg {
  95. color: #d0d2d6; }
  96. .dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link.bookmark-star i,
  97. .dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link.bookmark-star svg {
  98. color: #fff !important; }
  99. .dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open {
  100. background-color: #283046; }
  101. .dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input {
  102. border-color: #3b4253; }
  103. .dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input,
  104. .dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::placeholder,
  105. .dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close {
  106. color: #b4b7bd; }
  107. .dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input {
  108. background-color: #283046; }
  109. .dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input .form-control {
  110. background-color: #283046; }
  111. .dark-layout .header-navbar .navbar-container .nav .nav-item .search-list {
  112. background-color: #283046; }
  113. .dark-layout .header-navbar .navbar-container .nav .nav-item .search-list li a {
  114. color: #b4b7bd; }
  115. .dark-layout .header-navbar .navbar-container .nav .nav-item .search-list .auto-suggestion.current_item {
  116. background-color: #161d31; }
  117. .dark-layout .header-navbar .navbar-container .nav li i.ficon,
  118. .dark-layout .header-navbar .navbar-container .nav li svg.ficon {
  119. color: #b4b7bd; }
  120. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media,
  121. .dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media {
  122. overflow: hidden; }
  123. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .list-item,
  124. .dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .list-item {
  125. border-color: #3b4253; }
  126. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .list-item .media-meta,
  127. .dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .list-item .media-meta {
  128. color: #b4b7bd; }
  129. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .list-item:hover,
  130. .dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .list-item:hover {
  131. background-color: #161d31; }
  132. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-header,
  133. .dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-header {
  134. border-bottom: 1px solid #3b4253; }
  135. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-footer,
  136. .dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer {
  137. background-color: #283046;
  138. border-top: 1px solid #3b4253; }
  139. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item,
  140. .dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item {
  141. border-color: #3b4253; }
  142. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover,
  143. .dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover {
  144. background-color: #283046; }
  145. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart.empty-cart:before {
  146. background-color: #161d31; }
  147. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart li {
  148. color: #fff; }
  149. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart .cart-item {
  150. color: #b4b7bd; }
  151. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-header span {
  152. color: #fff; }
  153. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart .list-item img {
  154. background-color: #161d31; }
  155. .dark-layout .header-navbar .navbar-container .nav .dropdown-cart .media-heading .cart-item-by {
  156. color: #676d7d; }
  157. .dark-layout .header-navbar .navbar-container .nav .dropdown-notification .list-item-body .media-heading {
  158. color: #d0d2d6; }
  159. .dark-layout .header-navbar .navbar-container .nav .dropdown-notification .notification-text {
  160. color: #676d7d; }
  161. .dark-layout .header-navbar.navbar-static-top {
  162. background-color: transparent !important; }
  163. .dark-layout .header-navbar[class*='bg-'] .navbar-nav .nav-item .nav-link {
  164. background-color: inherit; }
  165. .dark-layout .blank-page .card.bg-transparent h1,
  166. .dark-layout .blank-page .card.bg-transparent h2,
  167. .dark-layout .blank-page .card.bg-transparent h3,
  168. .dark-layout .blank-page .card.bg-transparent h4,
  169. .dark-layout .blank-page .card.bg-transparent h5,
  170. .dark-layout .blank-page .card.bg-transparent h6 {
  171. color: #283046; }
  172. .dark-layout .blank-page .card.bg-transparent p {
  173. color: #161d31; }
  174. .dark-layout .main-menu {
  175. background-color: #283046; }
  176. .dark-layout .main-menu .shadow-bottom {
  177. background: linear-gradient(180deg, #283046 44%, rgba(40, 48, 70, 0.51) 73%, rgba(40, 48, 70, 0)); }
  178. .dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active > a {
  179. background-color: #161d31; }
  180. .dark-layout .main-menu.menu-dark .navigation > li.open:not(.menu-item-closing) > a {
  181. background-color: #161d31; }
  182. .dark-layout .main-menu.menu-dark .navigation > li.sidebar-group-active > a {
  183. background-color: #161d31; }
  184. .dark-layout .main-menu .collapse-toggle-icon {
  185. color: #7367f0 !important; }
  186. .dark-layout .ps__thumb-x,
  187. .dark-layout .ps__thumb-y {
  188. background-color: #b4b7bd; }
  189. .dark-layout .ps .ps__rail-x.ps--clicking,
  190. .dark-layout .ps .ps__rail-x:focus,
  191. .dark-layout .ps .ps__rail-x:hover,
  192. .dark-layout .ps .ps__rail-y.ps--clicking,
  193. .dark-layout .ps .ps__rail-y:focus,
  194. .dark-layout .ps .ps__rail-y:hover {
  195. background-color: #3b4253; }
  196. .dark-layout .ps__rail-y.ps--clicking .ps__thumb-y,
  197. .dark-layout .ps__rail-y:focus > .ps__thumb-y,
  198. .dark-layout .ps__rail-y:hover > .ps__thumb-y {
  199. background-color: #b4b7bd; }
  200. .dark-layout .main-menu-content .navigation-main {
  201. background-color: #283046; }
  202. .dark-layout .main-menu-content .navigation-main .navigation-header {
  203. color: #676d7d; }
  204. .dark-layout .main-menu-content .navigation-main li a {
  205. color: #d0d2d6 !important; }
  206. .dark-layout .main-menu-content .navigation-main li ul .open > a,
  207. .dark-layout .main-menu-content .navigation-main li ul .sidebar-group-active > a {
  208. background-color: #161d31; }
  209. .dark-layout .main-menu-content .navigation-main .nav-item i,
  210. .dark-layout .main-menu-content .navigation-main .nav-item svg {
  211. color: #d0d2d6; }
  212. .dark-layout .main-menu-content .navigation-main .nav-item.open > a {
  213. background-color: #161d31 !important; }
  214. .dark-layout .main-menu-content .navigation-main .nav-item a:after {
  215. color: #d0d2d6; }
  216. .dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
  217. background-color: #283046; }
  218. .dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
  219. color: #fff; }
  220. .dark-layout .main-menu-content .navigation-main .active .menu-title,
  221. .dark-layout .main-menu-content .navigation-main .active i,
  222. .dark-layout .main-menu-content .navigation-main .active svg {
  223. color: #fff; }
  224. .dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content {
  225. background-color: #283046; }
  226. .dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
  227. z-index: 1; }
  228. .dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active a {
  229. background-color: transparent; }
  230. .dark-layout .menu-collapsed .main-menu:not(.expanded) .navigation-main li.active > a {
  231. background: #161d31 !important; }
  232. .dark-layout .accordion-item:not(:last-of-type) {
  233. border-color: #3b4253; }
  234. .dark-layout .accordion-item {
  235. background: #283046 !important; }
  236. .dark-layout .accordion-button {
  237. background: #283046 !important;
  238. color: #b4b7bd; }
  239. .dark-layout .accordion-button:after {
  240. background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'><polyline points='18 15 12 9 6 15'></polyline></svg>"); }
  241. .dark-layout .accordion-border .accordion-item {
  242. border-color: #3b4253; }
  243. .dark-layout .accordion-margin .accordion-item {
  244. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.24) !important; }
  245. .dark-layout .alert .alert-heading,
  246. .dark-layout .alert p {
  247. color: inherit; }
  248. .dark-layout .alert.alert-dark .alert-heading,
  249. .dark-layout .alert.alert-dark .alert-body,
  250. .dark-layout .alert.alert-dark p {
  251. color: #b8c2cc; }
  252. .dark-layout .content-header-left .breadcrumbs-top .content-header-title {
  253. color: #d0d2d6;
  254. border-color: #3b4253; }
  255. .dark-layout .breadcrumb .breadcrumb-item {
  256. color: #b4b7bd; }
  257. .dark-layout .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  258. color: #b4b7bd; }
  259. .dark-layout .breadcrumb:not([class*='breadcrumb-']) .breadcrumb-item + .breadcrumb-item:before {
  260. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }
  261. .dark-layout .breadcrumb-chevron.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  262. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }
  263. .dark-layout .btn:not([class*='btn-']) {
  264. color: #b4b7bd; }
  265. .dark-layout .btn.btn-dark, .dark-layout .btn.btn-outline-dark, .dark-layout .btn.btn-flat-dark {
  266. color: #b8c2cc; }
  267. .dark-layout .btn.btn-dark {
  268. background-color: #4b4b4b !important; }
  269. .dark-layout .btn.btn-outline-dark {
  270. border-color: #4b4b4b;
  271. color: #b8c2cc; }
  272. .dark-layout .btn.btn-outline-dark:hover:not(.disabled):not(:disabled) {
  273. color: #b8c2cc; }
  274. .dark-layout .btn.btn-flat-dark:active, .dark-layout .btn.btn-flat-dark:focus {
  275. background: #4b4b4b; }
  276. .dark-layout .btn-group label[class*='btn-outline-'] {
  277. color: #7367f0 !important; }
  278. .dark-layout .dropdown-menu {
  279. background-color: #283046;
  280. box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24); }
  281. .dark-layout .dropdown-menu .dropdown-header {
  282. color: #d0d2d6; }
  283. .dark-layout .dropdown-menu .dropdown-item {
  284. color: #b4b7bd; }
  285. .dark-layout .dropdown-menu .dropdown-item:hover, .dark-layout .dropdown-menu .dropdown-item:focus {
  286. background: rgba(115, 103, 240, 0.12);
  287. color: #7367f0; }
  288. .dark-layout .dropdown-menu .dropdown-item:active, .dark-layout .dropdown-menu .dropdown-item.active {
  289. color: #fff;
  290. background-color: #7367f0; }
  291. .dark-layout .dropdown-menu .dropdown-item.disabled, .dark-layout .dropdown-menu .dropdown-item:disabled {
  292. color: #676d7d; }
  293. .dark-layout .dropdown-divider {
  294. border-color: #3b4253; }
  295. .dark-layout .modal .modal-header,
  296. .dark-layout .modal .modal-header[class*='bg-'] {
  297. background-color: #161d31; }
  298. .dark-layout .modal .modal-header .btn-close {
  299. text-shadow: none;
  300. background-color: #283046 !important;
  301. color: #b4b7bd;
  302. box-shadow: 0 3px 8px 0 rgba(11, 10, 25, 0.49) !important;
  303. background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b4b7bd'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"); }
  304. .dark-layout .modal .modal-content,
  305. .dark-layout .modal .modal-body,
  306. .dark-layout .modal .modal-footer {
  307. background-color: #283046;
  308. border-color: #3b4253; }
  309. .dark-layout .btn-close {
  310. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b4b7bd'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat; }
  311. .dark-layout .offcanvas {
  312. background-color: #283046;
  313. color: #b4b7bd; }
  314. .dark-layout .pagination:not([class*='pagination-']) .page-item.active {
  315. background-color: #242b3d; }
  316. .dark-layout .pagination:not([class*='pagination-']) .page-item.active .page-link {
  317. background-color: #7367f0; }
  318. .dark-layout .pagination:not([class*='pagination-']) .page-item.active .page-link:hover {
  319. color: #fff; }
  320. .dark-layout .pagination:not([class*='pagination-']) .page-item .page-link {
  321. background-color: #242b3d;
  322. color: #b4b7bd; }
  323. .dark-layout .pagination:not([class*='pagination-']) .page-item .page-link:hover {
  324. color: #7367f0; }
  325. .dark-layout .pagination:not([class*='pagination-']) .page-item.prev-item .page-link:hover, .dark-layout .pagination:not([class*='pagination-']) .page-item.next-item .page-link:hover {
  326. color: #fff; }
  327. .dark-layout .pagination[class*='pagination-'] .page-item:not(.active) .page-link {
  328. background-color: #242b3d; }
  329. .dark-layout .pagination[class*='pagination-'] .page-item:not(.active):not(:hover) .page-link {
  330. color: #fff; }
  331. .dark-layout .pagination[class*='pagination-'] .page-item:not(.active) .page-link:hover {
  332. background-color: #242b3d; }
  333. .dark-layout .pagination[class*='pagination-'] .page-item.active {
  334. background-color: #242b3d; }
  335. .dark-layout .pagination .page-item.prev-item .page-link:before, .dark-layout .pagination .page-item.previous .page-link:before, .dark-layout .pagination .page-item.prev .page-link:before {
  336. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E"); }
  337. .dark-layout .pagination .page-item.prev-item.disabled .page-link:before, .dark-layout .pagination .page-item.previous.disabled .page-link:before, .dark-layout .pagination .page-item.prev.disabled .page-link:before {
  338. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676d7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E"); }
  339. .dark-layout .pagination .page-item.next-item .page-link::after, .dark-layout .pagination .page-item.next .page-link::after {
  340. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }
  341. .dark-layout .pagination .page-item.next-item.disabled .page-link:after, .dark-layout .pagination .page-item.next.disabled .page-link:after {
  342. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676d7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }
  343. .dark-layout .pagination .page-item.disabled .page-link {
  344. color: #676d7d; }
  345. .dark-layout .nav-tabs .nav-item .nav-link,
  346. .dark-layout .nav-pills .nav-item .nav-link,
  347. .dark-layout .nav-tabs.nav-justified .nav-item .nav-link {
  348. color: #d0d2d6; }
  349. .dark-layout .nav-tabs .nav-item .nav-link.active,
  350. .dark-layout .nav-pills .nav-item .nav-link.active,
  351. .dark-layout .nav-tabs.nav-justified .nav-item .nav-link.active {
  352. background-color: #283046;
  353. color: #7367f0; }
  354. .dark-layout .nav-tabs .nav-item .nav-link.disabled,
  355. .dark-layout .nav-pills .nav-item .nav-link.disabled,
  356. .dark-layout .nav-tabs.nav-justified .nav-item .nav-link.disabled {
  357. color: #676d7d; }
  358. .dark-layout .nav.wrap-border {
  359. border-color: #3b4253; }
  360. .dark-layout .nav-pills .nav-item .nav-link.active {
  361. color: #fff;
  362. background-color: #7367f0; }
  363. .dark-layout .popover.bs-popover-top .popover-arrow:before {
  364. border-top-color: #3b4253; }
  365. .dark-layout .popover.bs-popover-top .popover-arrow:after {
  366. border-top-color: #283046; }
  367. .dark-layout .popover.bs-popover-start .popover-arrow:before {
  368. border-left-color: #3b4253; }
  369. .dark-layout .popover.bs-popover-start .popover-arrow:after {
  370. border-left-color: #283046; }
  371. .dark-layout .popover.bs-popover-end .popover-arrow:before {
  372. border-right-color: #3b4253; }
  373. .dark-layout .popover.bs-popover-end .popover-arrow:after {
  374. border-right-color: #283046; }
  375. .dark-layout .popover .popover-header {
  376. color: #fff; }
  377. .dark-layout .popover .popover-body {
  378. background-color: #283046;
  379. color: #b4b7bd;
  380. border-color: #3b4253 !important; }
  381. .dark-layout .toast {
  382. background-color: rgba(40, 48, 70, 0.85);
  383. box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);
  384. color: #b4b7bd; }
  385. .dark-layout .toast .toast-header {
  386. background-color: #283046;
  387. color: #b4b7bd; }
  388. .dark-layout .toast .toast-header .btn-close {
  389. background-color: transparent !important;
  390. background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b4b7bd'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>");
  391. box-shadow: none !important;
  392. text-shadow: none; }
  393. .dark-layout .list-group .list-group-item:not([class*='list-group-item-']), .dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active) {
  394. background-color: #283046;
  395. border-color: #3b4253; }
  396. .dark-layout .list-group .list-group-item:not([class*='list-group-item-']):not(.disabled), .dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active):not(.disabled) {
  397. color: #b4b7bd; }
  398. .dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active):hover, .dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active):focus {
  399. background-color: #161d31; }
  400. .dark-layout .list-group .list-group-item.list-group-item-action.active:hover, .dark-layout .list-group .list-group-item.list-group-item-action.active:focus, .dark-layout .list-group .list-group-item.list-group-item-action:active:hover, .dark-layout .list-group .list-group-item.list-group-item-action:active:focus {
  401. color: #fff; }
  402. .dark-layout .list-group .list-group-item.active p,
  403. .dark-layout .list-group .list-group-item.active small {
  404. color: #fff; }
  405. .dark-layout .list-group .list-group-item.active:hover {
  406. color: #fff; }
  407. .dark-layout .list-group .list-group-item.disabled {
  408. color: #676d7d; }
  409. .dark-layout .list-group.list-group-circle .list-group-item:after {
  410. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3C/svg%3E"); }
  411. .dark-layout .spinner-border {
  412. border-color: currentColor !important;
  413. border-right-color: transparent !important; }
  414. .dark-layout .avatar {
  415. background-color: #161d31; }
  416. .dark-layout .avatar [class*='avatar-status-'] {
  417. border-color: #283046; }
  418. .dark-layout .avatar-group .avatar img,
  419. .dark-layout .avatar-group .avatar .avatar-content {
  420. box-shadow: 0 0 0 2px #283046, inset 0 0 0 1px rgba(40, 48, 70, 0.07); }
  421. .dark-layout .divider .divider-text {
  422. color: #b4b7bd; }
  423. .dark-layout .divider .divider-text::before, .dark-layout .divider .divider-text::after {
  424. border-color: #3b4253; }
  425. .dark-layout .divider.divider-dark .divider-text::before, .dark-layout .divider.divider-dark .divider-text::after {
  426. border-color: #3b4253 !important; }
  427. .dark-layout .timeline .timeline-item {
  428. border-color: #3b4253; }
  429. .dark-layout .timeline .timeline-item .timeline-point:not(.timeline-point-indicator) {
  430. background-color: #283046; }
  431. .dark-layout .timeline .timeline-item .timeline-event .timeline-event-time {
  432. color: #676d7d; }
  433. .dark-layout .timeline .timeline-item:last-of-type:after {
  434. background: linear-gradient(#3b4253, transparent); }
  435. .dark-layout .card {
  436. background-color: #283046;
  437. box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24); }
  438. .dark-layout .card .card-footer {
  439. border-color: #3b4253; }
  440. .dark-layout .card.overlay-img-card .card-img-overlay span,
  441. .dark-layout .card.overlay-img-card .card-img-overlay p,
  442. .dark-layout .card.overlay-img-card .card-img-overlay .card-body {
  443. color: #fff; }
  444. .dark-layout .card-developer-meetup .meetup-header .meetup-day {
  445. border-right-color: #404656; }
  446. .dark-layout .card-profile .profile-image-wrapper .profile-image {
  447. background-color: #161d31; }
  448. .dark-layout .business-card .business-items .business-item {
  449. border-color: #3b4253; }
  450. .dark-layout .card-app-design .design-planning-wrapper .design-planning {
  451. background-color: #161d31; }
  452. .dark-layout .card-tiny-line-stats .apexcharts-series-markers .apexcharts-marker {
  453. stroke: #00cfe8; }
  454. .dark-layout .card-tiny-line-stats .apexcharts-series-markers:last-child .apexcharts-marker {
  455. fill: #283046; }
  456. .dark-layout .card-revenue-budget .revenue-report-wrapper {
  457. border-right-color: #3b4253; }
  458. .dark-layout .card-revenue-budget .budget-wrapper .apexcharts-series:not(:first-child) path {
  459. stroke: #b4b7bd; }
  460. .dark-layout .earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-label {
  461. fill: #b4b7bd !important; }
  462. .dark-layout .earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-value {
  463. fill: #d0d2d6; }
  464. .dark-layout .card-company-table .avatar {
  465. background-color: #161d31; }
  466. .dark-layout input.form-control,
  467. .dark-layout select.form-select,
  468. .dark-layout textarea.form-control {
  469. background-color: #283046;
  470. color: #b4b7bd; }
  471. .dark-layout input.form-control:not(:focus),
  472. .dark-layout select.form-select:not(:focus),
  473. .dark-layout textarea.form-control:not(:focus) {
  474. border-color: #404656; }
  475. .dark-layout input.form-control::placeholder,
  476. .dark-layout select.form-select::placeholder,
  477. .dark-layout textarea.form-control::placeholder {
  478. color: #676d7d; }
  479. .dark-layout input.form-control:disabled, .dark-layout input.form-control[readonly='readonly'],
  480. .dark-layout select.form-select:disabled,
  481. .dark-layout select.form-select[readonly='readonly'],
  482. .dark-layout textarea.form-control:disabled,
  483. .dark-layout textarea.form-control[readonly='readonly'] {
  484. opacity: 0.5; }
  485. .dark-layout .form-floating textarea.form-control::placeholder {
  486. color: transparent; }
  487. .dark-layout .form-control::file-selector-button {
  488. background-color: #283046;
  489. color: #d0d2d6; }
  490. .dark-layout .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  491. background-color: #333a4f; }
  492. .dark-layout .char-textarea.active {
  493. color: #b4b7bd !important; }
  494. .dark-layout .char-textarea.max-limit {
  495. color: #ea5455 !important; }
  496. .dark-layout .form-check-input:not(:checked) {
  497. background-color: #283046;
  498. border-color: #404656; }
  499. .dark-layout .form-check-input:not(:checked):not(:indeterminate) {
  500. background-color: #283046; }
  501. .dark-layout .form-check-input:not(:checked):not(:indeterminate):not(:focus) {
  502. border-color: #404656; }
  503. .dark-layout .form-check-input:not(:checked):not(:indeterminate):disabled {
  504. background-color: #444b60 !important;
  505. border-color: #444b60 !important; }
  506. .dark-layout .form-switch .form-check-input:not(:checked) {
  507. background-color: #545a6a; }
  508. .dark-layout .form-switch .form-check-input:disabled {
  509. background-color: #1b2337;
  510. border-color: #1b2337; }
  511. .dark-layout .form-switch .form-check-input:not(:checked):not(:focus) {
  512. background-image: url("data:image/svg+xml,<svg width='26px' height='26px' viewBox='0 0 26 27' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><circle id='path-1' cx='8' cy='8' r='8'></circle><filter x='-40.6%' y='-21.9%' width='168.8%' height='168.8%' filterUnits='objectBoundingBox' id='filter-2'><feOffset dx='-1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'></feOffset><feGaussianBlur stdDeviation='1.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'></feGaussianBlur><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0' type='matrix' in='shadowBlurOuter1'></feColorMatrix></filter></defs><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='switches-dot' transform='translate(5.000000, 5.000000)' fill-rule='nonzero'><g id='Oval'><use fill='black' fill-opacity='1' filter='url(%23filter-2)' xlink:href='%23path-1'></use><use fill='%23fff' xlink:href='%23path-1'></use></g></g></g></svg>"); }
  513. .dark-layout select.form-select:not([multiple='multiple']) {
  514. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }
  515. .dark-layout .was-validated .form-control:invalid,
  516. .dark-layout .was-validated .form-control.is-invalid,
  517. .dark-layout .was-validated select.form-select:not(:focus):invalid,
  518. .dark-layout .was-validated select.form-select:not(:focus).is-valid {
  519. border-color: #ea5455 !important; }
  520. .dark-layout .was-validated .form-control:valid,
  521. .dark-layout .was-validated .form-control.is-valid,
  522. .dark-layout .was-validated select.form-select:not(:focus):valid,
  523. .dark-layout .was-validated select.form-select:not(:focus).is-valid {
  524. border-color: #28c76f !important; }
  525. .dark-layout .wizard .steps ul .disabled a,
  526. .dark-layout .wizard .steps ul .done a {
  527. color: #b4b7bd !important; }
  528. .dark-layout .wizard .steps ul .disabled a:hover,
  529. .dark-layout .wizard .steps ul .done a:hover {
  530. color: #b4b7bd; }
  531. .dark-layout .wizard .steps ul .disabled a .step,
  532. .dark-layout .wizard .steps ul .done a .step {
  533. background-color: #161d31 !important;
  534. color: #fff !important; }
  535. .dark-layout .input-group .input-group-text {
  536. background-color: #283046;
  537. border-color: #3b4253;
  538. color: #b4b7bd; }
  539. .dark-layout .input-group:focus-within .form-control,
  540. .dark-layout .input-group:focus-within .input-group-text {
  541. border-color: #7367f0;
  542. box-shadow: none; }
  543. .dark-layout .form-label-group > input:not(:focus):not(:placeholder-shown) ~ label,
  544. .dark-layout .form-label-group > textarea:not(:focus):not(:placeholder-shown) ~ label {
  545. color: #b4b7bd !important; }
  546. .dark-layout .counter-value {
  547. color: #fff; }
  548. .dark-layout .table td,
  549. .dark-layout .table th {
  550. color: #b4b7bd;
  551. border-color: #3b4253 !important; }
  552. .dark-layout .table .thead tr:not([class*='table-']) th,
  553. .dark-layout .table .thead tr:not([class*='table-']) td,
  554. .dark-layout .table tbody tr:not([class*='table-']) th,
  555. .dark-layout .table tbody tr:not([class*='table-']) td {
  556. border-color: #3b4253;
  557. color: #b4b7bd; }
  558. .dark-layout .table .thead tr:not([class*='table-']) th code,
  559. .dark-layout .table .thead tr:not([class*='table-']) td code,
  560. .dark-layout .table tbody tr:not([class*='table-']) th code,
  561. .dark-layout .table tbody tr:not([class*='table-']) td code {
  562. background-color: #283046; }
  563. .dark-layout .table thead tr th,
  564. .dark-layout .table tfoot tr th {
  565. border-color: #3b4253;
  566. background-color: #343d55;
  567. color: #d0d2d6; }
  568. .dark-layout .table thead.table-dark th {
  569. color: #4b4b4b;
  570. background-color: #fff; }
  571. .dark-layout .table:not(.table-dark):not(.table-light) thead:not(.table-dark) th,
  572. .dark-layout .table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th {
  573. background-color: #343d55; }
  574. .dark-layout .table.table-dark {
  575. background-color: #fff; }
  576. .dark-layout .table.table-dark.table-striped tbody tr:nth-of-type(odd) {
  577. --bs-table-accent-bg: rgba(75, 75, 75, 0.05); }
  578. .dark-layout .table.table-dark td,
  579. .dark-layout .table.table-dark th {
  580. border-color: #f8f9fa !important;
  581. background-color: #fff; }
  582. .dark-layout .table.table-dark td .text-white,
  583. .dark-layout .table.table-dark th .text-white {
  584. color: #4b4b4b !important; }
  585. .dark-layout .table tbody tr.table-dark td,
  586. .dark-layout .table tbody tr.table-dark th {
  587. color: #fff; }
  588. .dark-layout .table tbody tr.table-active td,
  589. .dark-layout .table tbody tr.table-active th {
  590. color: #b4b7bd;
  591. background-color: #696e7e; }
  592. .dark-layout .table.table-bordered {
  593. border-color: #3b4253; }
  594. .dark-layout .table.table-hover tbody tr:hover {
  595. --bs-table-accent-bg: #242b3d; }
  596. .dark-layout .table.table-hover tbody tr th,
  597. .dark-layout .table.table-hover tbody tr td {
  598. background-color: unset; }
  599. .dark-layout .table.table-hover-animation tbody tr {
  600. background-color: #283046; }
  601. .dark-layout .table.table-hover-animation tbody tr:hover {
  602. box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24); }
  603. .dark-layout .table.table-striped tbody tr:nth-of-type(odd) {
  604. --bs-table-accent-bg: #242b3d; }
  605. .dark-layout .dataTables_wrapper .dt-buttons .buttons-copy,
  606. .dark-layout .dataTables_wrapper .dt-buttons .buttons-excel,
  607. .dark-layout .dataTables_wrapper .dt-buttons .buttons-pdf,
  608. .dark-layout .dataTables_wrapper .dt-buttons .buttons-print,
  609. .dark-layout .dataTables_wrapper .dt-buttons .btn-secondary,
  610. .dark-layout .dataTables_wrapper .dt-buttons .dt-button-collection [class*='buttons-'] {
  611. color: #fff;
  612. background-color: #161d31 !important; }
  613. .dark-layout .dataTables_wrapper .dt-buttons .buttons-copy:active,
  614. .dark-layout .dataTables_wrapper .dt-buttons .buttons-excel:active,
  615. .dark-layout .dataTables_wrapper .dt-buttons .buttons-pdf:active,
  616. .dark-layout .dataTables_wrapper .dt-buttons .buttons-print:active,
  617. .dark-layout .dataTables_wrapper .dt-buttons .btn-secondary:active,
  618. .dark-layout .dataTables_wrapper .dt-buttons .dt-button-collection [class*='buttons-']:active {
  619. background-color: #7367f0 !important;
  620. color: #fff; }
  621. .dark-layout .dataTables_wrapper .dt-button-collection > div[role='menu'] {
  622. box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24); }
  623. .dark-layout .dataTables_wrapper .table.dataTable tr.group td {
  624. background-color: #242b3d;
  625. color: #d0d2d6; }
  626. .dark-layout .dataTables_wrapper .table.dataTable thead .sorting:before,
  627. .dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:before,
  628. .dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:before {
  629. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E"); }
  630. .dark-layout .dataTables_wrapper .table.dataTable thead .sorting:after,
  631. .dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:after,
  632. .dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:after {
  633. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }
  634. .dark-layout .dataTables_wrapper .table.dataTable thead .sorting:before, .dark-layout .dataTables_wrapper .table.dataTable thead .sorting:after {
  635. opacity: 0.5; }
  636. .dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:before {
  637. opacity: 1; }
  638. .dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:after {
  639. opacity: 0.5; }
  640. .dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:after {
  641. opacity: 1; }
  642. .dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:before {
  643. opacity: 0.5; }
  644. .dark-layout .dtr-modal .dtr-modal-display {
  645. background-color: #161d31; }
  646. .dark-layout .dtr-modal div.dtr-modal-close {
  647. background-color: transparent;
  648. border-color: transparent; }
  649. .dark-layout .getting-started .clockCard p {
  650. color: #b4b7bd !important; }
  651. .dark-layout #user-profile .profile-header .navbar {
  652. background-color: #283046; }
  653. .dark-layout #user-profile .profile-header .navbar .navbar-toggler {
  654. color: #b4b7bd;
  655. border-color: #3b4253; }
  656. .dark-layout .search-bar .form-control {
  657. background-color: #283046; }
  658. .dark-layout .blog-edit-wrapper .border {
  659. border-color: #3b4253 !important; }
  660. .dark-layout .kb-search-content-info .kb-search-content .card-img-top {
  661. background-color: #3f4860; }
  662. .dark-layout .list-group-circle .list-group-item:not([class*='list-group-item-']):hover, .dark-layout .list-group-circle .list-group-item:not([class*='list-group-item-']):focus, .dark-layout .list-group-circle .list-group-item:not([class*='list-group-item-']):active,
  663. .dark-layout .list-group-circle .list-group-item-action:hover,
  664. .dark-layout .list-group-circle .list-group-item-action:focus,
  665. .dark-layout .list-group-circle .list-group-item-action:active {
  666. background-color: transparent !important; }
  667. .dark-layout .content-area-wrapper {
  668. border-color: #3b4253 !important; }
  669. .dark-layout .content-area-wrapper .sidebar .sidebar-content {
  670. background-color: #283046 !important; }
  671. .dark-layout .content-area-wrapper .app-fixed-search {
  672. background-color: #283046 !important;
  673. border-color: #3b4253 !important; }
  674. .dark-layout .content-area-wrapper .content-right {
  675. border-color: #3b4253 !important; }
  676. .dark-layout .email-application .content-area-wrapper .email-app-list .app-action {
  677. border-color: #3b4253;
  678. background-color: #283046; }
  679. .dark-layout .email-application .content-area-wrapper .email-app-list .app-action .action-right .list-inline-item .dropdown-toggle {
  680. color: #b4b7bd; }
  681. .dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail {
  682. border-color: #3b4253;
  683. background-color: #283046; }
  684. .dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail:hover {
  685. box-shadow: 0 3px 10px 0 #283046; }
  686. .dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail.selected-row-bg {
  687. background-color: rgba(115, 103, 240, 0.06);
  688. border-color: #3b4253; }
  689. .dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .user-details p,
  690. .dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .user-details .mail-date,
  691. .dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .mail-message p,
  692. .dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .mail-message .mail-date {
  693. color: #676d7d; }
  694. .dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .mail-read {
  695. background-color: #242b3d; }
  696. .dark-layout .email-application .content-area-wrapper .email-app-details {
  697. border-color: #3b4253; }
  698. .dark-layout .email-application .content-area-wrapper .email-app-details .email-scroll-area {
  699. background-color: #161d31; }
  700. .dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-header {
  701. background-color: #283046;
  702. border-color: #3b4253; }
  703. .dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-header .email-header-right .list-inline-item .dropdown-toggle,
  704. .dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-header .email-header-right .list-inline-item .action-icon {
  705. color: #b4b7bd; }
  706. .dark-layout .email-application .content-area-wrapper .email-app-details .email-info-dropup .dropdown-toggle::after {
  707. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676d7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }
  708. .dark-layout .email-application .content-area-wrapper .email-app-details .mail-message-wrapper,
  709. .dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-head {
  710. border-color: #3b4253 !important; }
  711. .dark-layout .email-application .content-area-wrapper #compose-mail .compose-mail-form-field,
  712. .dark-layout .email-application .content-area-wrapper #compose-mail .ql-toolbar,
  713. .dark-layout .email-application .content-area-wrapper #compose-mail .ql-container {
  714. border-color: #3b4253; }
  715. .dark-layout .email-application .content-area-wrapper #compose-mail label {
  716. color: #b4b7bd; }
  717. .dark-layout .email-application .content-area-wrapper #compose-mail .modal-body {
  718. border-bottom-left-radius: 0.357rem;
  719. border-bottom-right-radius: 0.357rem; }
  720. .dark-layout .chat-application .content-area-wrapper {
  721. border-color: #3b4253; }
  722. .dark-layout .chat-application .sidebar .chat-profile-sidebar {
  723. background-color: #283046;
  724. border-color: #3b4253; }
  725. .dark-layout .chat-application .sidebar .sidebar-content {
  726. border-color: #3b4253; }
  727. .dark-layout .chat-application .sidebar .sidebar-content .chat-fixed-search {
  728. border-color: #3b4253; }
  729. .dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li:not(.active):hover {
  730. background: #161d31; }
  731. .dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li .chat-info .card-text,
  732. .dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li .chat-time {
  733. color: #676d7d; }
  734. .dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li.active .chat-info .card-text,
  735. .dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li.active .chat-time {
  736. color: #fff; }
  737. .dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li img {
  738. border-color: #3b4253; }
  739. .dark-layout .chat-application .avatar-border img {
  740. border-color: #3b4253; }
  741. .dark-layout .chat-application .content-right .chat-app-window .start-chat-area {
  742. background-color: #283046; }
  743. .dark-layout .chat-application .content-right .chat-app-window .start-chat-area .start-chat-icon,
  744. .dark-layout .chat-application .content-right .chat-app-window .start-chat-area .start-chat-text {
  745. background: #283046;
  746. color: #b4b7bd; }
  747. .dark-layout .chat-application .content-right .chat-app-window .start-chat-area,
  748. .dark-layout .chat-application .content-right .chat-app-window .user-chats {
  749. background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNjAgMjYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNjAgMjYwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzE3MUEyNDt9Cjwvc3R5bGU+CjxnPgoJPGcgaWQ9ImktbGlrZS1mb29kIj4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQuNCwxNmMwLjIsMC42LDAuNCwxLjMsMC41LDJoLTMuN2wxLjIsMi4zbDAuNSwwLjlsLTAuMiwwLjFWMjhjMi4yLDEuNywyLjcsNC44LDEsNwoJCQljLTAuOCwxLTEuOSwxLjctMy4yLDEuOVYzN2MtMC45LDMuNS00LjEsNi03LjgsNmgtMjBjLTMuNiwwLTYuOC0yLjUtNy43LTZ2LTAuMWMtMi43LTAuNC00LjYtMy00LjItNS43YzAuMi0xLjMsMC45LTIuNSwxLjktMy4yCgkJCXYtNi44bC0wLjgtMS42bC0wLjQtMC45bDAuOS0wLjRMLTE3LDE4aC0zQy0xNy4yLDUuNi00LjktMi4yLDcuNSwwLjZDMTUuNCwyLjMsMjEuOSw4LjIsMjQuNCwxNnogTS0xMi40LDE4Yy0wLjIsMC0wLjMsMC0wLjQsMC4xCgkJCWwtMy4xLDEuNmwwLjksMS44bDEuMy0wLjdjMC44LTAuNCwxLjgtMC40LDIuNywwbDIuMiwxLjFjMC4zLDAuMSwwLjYsMC4xLDAuOSwwbDIuMi0xLjFjMC44LTAuNCwxLjgtMC40LDIuNywwbDIuMiwxLjEKCQkJYzAuMywwLjEsMC42LDAuMSwwLjksMGwyLjItMS4xYzAuOC0wLjQsMS44LTAuNCwyLjcsMGwyLjIsMS4xQzcuNCwyMiw3LjcsMjIsOCwyMS45bDIuOS0xLjNjMC44LTAuMywxLjctMC4zLDIuNCwwbDIuOSwxLjMKCQkJYzAuMywwLjEsMC42LDAuMSwwLjksMGwzLjEtMS41bC0wLjktMS44bC0xLjQsMC43Yy0wLjgsMC40LTEuNywwLjQtMi42LDAuMWwtMi44LTEuMkMxMi4zLDE4LDEyLjIsMTgsMTIuMSwxOGwwLDAKCQkJYy0wLjEsMC0wLjMsMC0wLjQsMC4xbC0yLjgsMS4yYy0wLjgsMC40LTEuOCwwLjMtMi42LTAuMUw0LDE4LjFDMy45LDE4LDMuNywxOCwzLjYsMThsMCwwYy0wLjIsMC0wLjMsMC0wLjQsMC4xTDEsMTkuMgoJCQljLTAuOCwwLjQtMS44LDAuNC0yLjcsMEwtNCwxOC4xQy00LjEsMTgtNC4zLDE4LTQuNCwxOGwwLDBjLTAuMiwwLTAuMywwLTAuNCwwLjFMLTcsMTkuMmMtMC44LDAuNC0xLjgsMC40LTIuNywwbC0yLjItMS4xCgkJCUMtMTIuMSwxOC0xMi4zLDE4LTEyLjQsMThMLTEyLjQsMThMLTEyLjQsMTh6IE0tMTIuNCwxNmgtNC45Qy0xMy41LDUuMS0xLjUtMC43LDkuNSwzLjJjNiwyLjEsMTAuNyw2LjgsMTIuOCwxMi44aC0yLjFsLTAuMS0wLjEKCQkJTDE5LjksMTZILTEyLjRMLTEyLjQsMTZ6IE0xNy45LDIzLjdsMS40LTAuN2gxLjN2MmgtMzZ2LTEuMWwwLjMtMC4ybDEuNC0wLjdoMi42bDEuNCwwLjdjMC44LDAuNCwxLjgsMC40LDIuNywwbDEuNC0wLjdILTMKCQkJbDEuNCwwLjdjMC44LDAuNCwxLjgsMC40LDIuNywwTDIuMywyM2gyLjZsMS40LDAuN2MwLjcsMC40LDEuNywwLjQsMi41LDBsMS43LTAuN2gzLjJsMS43LDAuN0MxNi4yLDI0LjEsMTcuMSwyNC4xLDE3LjksMjMuN3oKCQkJIE0tMTMuOCwyN2wxNi40LDQuOUwxOC45LDI3SC0xMy44eiBNLTE0LjQsMjloMC4zbDE2LjcsNWwxNi43LTVoMC4zYzEuNywwLDMsMS4zLDMsM3MtMS4zLDMtMywzaC0zNGMtMS43LDAtMy0xLjMtMy0zCgkJCUMtMTcuNCwzMC4zLTE2LjEsMjktMTQuNCwyOXogTS0xMy4xLDM3YzAuOCwyLjQsMy4xLDQsNS43LDRoMjBjMi41LDAsNC44LTEuNiw1LjctNEMxOC4yLDM3LTEzLjEsMzctMTMuMSwzN3oiLz4KCQk8cGF0aCBpZD0icGF0aDZfZmlsbC1jb3B5IiBjbGFzcz0ic3QwIiBkPSJNMjg0LjQsMTZjMC4yLDAuNiwwLjQsMS4zLDAuNSwyaC0zLjdsMS4yLDIuM2wwLjUsMC45bC0wLjIsMC4xVjI4YzIuMiwxLjcsMi43LDQuOCwxLDcKCQkJYy0wLjgsMS0xLjksMS43LTMuMiwxLjlWMzdjLTAuOSwzLjUtNC4xLDYtNy44LDZoLTIwYy0zLjYsMC02LjgtMi41LTcuNy02di0wLjFjLTIuNy0wLjQtNC42LTMtNC4yLTUuN2MwLjItMS4zLDAuOS0yLjUsMS45LTMuMgoJCQl2LTYuOGwtMC44LTEuNmwtMC40LTAuOWwwLjktMC40TDI0MywxOGgtM2MyLjgtMTIuNCwxNS4xLTIwLjIsMjcuNS0xNy40QzI3NS40LDIuMywyODEuOSw4LjIsMjg0LjQsMTZ6IE0yNDcuNSwxOAoJCQljLTAuMiwwLTAuMywwLTAuNCwwLjFsLTMuMSwxLjZsMC45LDEuOGwxLjMtMC43YzAuOC0wLjQsMS44LTAuNCwyLjcsMGwyLjIsMS4xYzAuMywwLjEsMC42LDAuMSwwLjksMGwyLjItMS4xCgkJCWMwLjgtMC40LDEuOC0wLjQsMi43LDBsMi4yLDEuMWMwLjMsMC4xLDAuNiwwLjEsMC45LDBsMi4yLTEuMWMwLjgtMC40LDEuOC0wLjQsMi43LDBsMi4yLDEuMWMwLjMsMC4xLDAuNiwwLjEsMC45LDBsMi45LTEuMwoJCQljMC44LTAuMywxLjctMC4zLDIuNCwwbDIuOSwxLjNjMC4zLDAuMSwwLjYsMC4xLDAuOSwwbDMuMS0xLjVsLTAuOS0xLjhsLTEuNCwwLjdjLTAuOCwwLjQtMS43LDAuNC0yLjYsMC4xbC0yLjgtMS4yCgkJCWMtMC4xLTAuMS0wLjMtMC4xLTAuNC0wLjFsMCwwYy0wLjEsMC0wLjMsMC0wLjQsMC4xbC0yLjgsMS4yYy0wLjgsMC40LTEuOCwwLjMtMi42LTAuMWwtMi4zLTEuMWMtMC4xLTAuMS0wLjMtMC4xLTAuNS0wLjFsMCwwCgkJCWMtMC4yLDAtMC4zLDAtMC40LDAuMWwtMi4yLDEuMWMtMC44LDAuNC0xLjgsMC40LTIuNywwbC0yLjItMS4xYy0wLjEtMC4xLTAuMy0wLjEtMC40LTAuMWwwLDBjLTAuMiwwLTAuMywwLTAuNCwwLjFsLTIuMiwxLjEKCQkJYy0wLjgsMC40LTEuOCwwLjQtMi43LDBsLTIuMi0xLjFDMjQ3LjksMTgsMjQ3LjcsMTgsMjQ3LjUsMThMMjQ3LjUsMThMMjQ3LjUsMTh6IE0yNDcuNSwxNmgtNC45YzMuOS0xMC45LDE1LjktMTYuNywyNi44LTEyLjgKCQkJYzYsMi4xLDEwLjcsNi44LDEyLjgsMTIuOGgtMi4xbC0wLjEtMC4xbC0wLjMsMC4xSDI0Ny41TDI0Ny41LDE2eiBNMjc3LjksMjMuN2wxLjQtMC43aDEuM3YyaC0zNnYtMS4xbDAuMy0wLjJsMS40LTAuN2gyLjYKCQkJbDEuNCwwLjdjMC44LDAuNCwxLjgsMC40LDIuNywwbDEuNC0wLjdoMi42bDEuNCwwLjdjMC44LDAuNCwxLjgsMC40LDIuNywwbDEuNC0wLjdoMi42bDEuNCwwLjdjMC44LDAuNCwxLjcsMC40LDIuNiwwLjFsMS43LTAuNwoJCQloMy4ybDEuNywwLjdDMjc2LjIsMjQuMSwyNzcuMSwyNC4xLDI3Ny45LDIzLjdMMjc3LjksMjMuN3ogTTI0Ni4yLDI3bDE2LjQsNC45TDI3OSwyN0gyNDYuMnogTTI0NS41LDI5aDAuM2wxNi43LDVsMTYuNy01aDAuMwoJCQljMS43LDAsMywxLjMsMywzcy0xLjMsMy0zLDNoLTM0Yy0xLjcsMC0zLTEuMy0zLTNTMjQzLjksMjksMjQ1LjUsMjl6IE0yNDYuOSwzN2MwLjgsMi40LDMuMSw0LDUuNiw0aDIwYzIuNSwwLDQuOC0xLjYsNS43LTQKCQkJSDI0Ni45eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTkuNSwyMWMtMS4zLTMuNi00LjctNi04LjUtNmgtNDJjLTMuOCwwLTcuMiwyLjQtOC41LDZjLTMuMywwLjMtNS44LDMuMi01LjUsNi41YzAuMiwyLjksMi42LDUuMiw1LjUsNS41CgkJCWMtMS43LDQuNywwLjgsOS44LDUuNCwxMS41YzEsMC4zLDIsMC41LDMsMC41aDQyYzUsMCw5LTQsOS05YzAtMS0wLjItMi4xLTAuNS0zYzMuMy0wLjMsNS44LTMuMiw1LjUtNi41CgkJCUMxNjQuNywyMy42LDE2Mi40LDIxLjMsMTU5LjUsMjF6IE0xNTEsMTdoLTQyYy0yLjcsMC01LjIsMS42LTYuMyw0aDU0LjdDMTU2LjIsMTguNiwxNTMuNywxNywxNTEsMTd6IE0xNDEuNyw0MwoJCQljMi4xLTEuNywzLjMtNC4zLDMuMy03aC0yYzAsMy45LTMuMSw3LTcsN2gtNC4zYzIuMS0xLjcsMy4zLTQuMywzLjMtN2gtMmMwLDMuOS0zLjEsNy03LDdoLTQuM2MyLjEtMS43LDMuMy00LjMsMy4zLTdoLTIKCQkJYzAsMy45LTMuMSw3LTcsN2gtN2MtMy45LDAtNy0zLjEtNy03czMuMS03LDctN2g0MmMzLjksMCw3LDMuMSw3LDdzLTMuMSw3LTcsN0gxNDEuN3ogTTEwOSwyN2MtMywwLTUuOCwxLjUtNy41LDRIMTAxCgkJCWMtMi4yLDAtNC0xLjgtNC00czEuOC00LDQtNGg1OGMyLjIsMCw0LDEuOCw0LDRzLTEuOCw0LTQsNGgtMC41Yy0xLjctMi41LTQuNS00LTcuNS00SDEwOXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzksMTE1YzQuNCwwLDgtMy42LDgtOHMtMy42LTgtOC04cy04LDMuNi04LDhTMzQuNiwxMTUsMzksMTE1eiBNNDUsMTA3YzAsMy4zLTIuNyw2LTYsNnMtNi0yLjctNi02CgkJCXMyLjctNiw2LTZTNDUsMTAzLjcsNDUsMTA3eiBNNDIsNzh2LTJoOHYtNkg0MGMtMi4yLDAtNCwxLjgtNCw0djEwSDIybC0xLjMsNEwyMCw5MGgyLjJsMy44LDQwaDI2bDMuOC00MEg1OGwtMC43LTJMNTYsODRINDJWNzh6CgkJCSBNMzgsNzR2MTBoMlY3NGg4di0yaC04QzM4LjksNzIsMzgsNzIuOSwzOCw3NHogTTQwLDg2aDE0LjZsMC43LDJIMjIuOGwwLjctMkg0MHogTTUzLjgsOTBIMjQuMmwzLjYsMzhoMjIuNEw1My44LDkweiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjksOTJoLTZ2NGgtNnY0aC02djE0aC0zbDAuMiwybDMuOCwzMmgzNmwzLjgtMzJsMC4yLTJoLTN2LTE0aC02di00aC02di00SDEyOXogTTE0NywxMTR2LTEyaC00djRoM3Y4SDE0NwoJCQl6IE0xNDQsMTE0di02aC00djZIMTQ0eiBNMTM4LDEyMHYtMTZoLTR2MTkuMkMxMzUuNiwxMjIuNSwxMzcsMTIxLjQsMTM4LDEyMHogTTEzMiwxMjMuOFYxMDBoLTR2MjMuOAoJCQlDMTI5LjMsMTI0LjEsMTMwLjcsMTI0LjEsMTMyLDEyMy44eiBNMTI2LDEyMy4yVjEwNGgtNHYxNkMxMjMsMTIxLjQsMTI0LjQsMTIyLjUsMTI2LDEyMy4yeiBNMTIwLDExNHYtNmgtNHY2SDEyMHogTTExNCwxMTR2LThoMwoJCQl2LTRoLTR2MTJIMTE0eiBNMTQxLDEwMnYtNGgtNHY0aDN2NGgxVjEwMnogTTEzNSwxMDJ2LThoLTR2NGgzdjRIMTM1eiBNMTI5LDk4di00aC00djhoMXYtNEgxMjl6IE0xMjMsMTAydi00aC00djhoMXYtNEgxMjN6CgkJCSBNMTMwLDEyNmM1LjksMCwxMC45LTQuMiwxMS44LTEwaDcuOWwtMy41LDMwaC0zMi40bC0zLjUtMzBoNy45QzExOS4xLDEyMS44LDEyNC4xLDEyNiwxMzAsMTI2eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMTIsODZ2MmgtNHYtMkgyMTJ6IE0yMTYsODZoLTJ2MmgyVjg2eiBNMTk2LDg2TDE5Niw4NmMtMi43LDAuNy00LjUsMy4zLTMuOSw2YzAuNCwxLjgsMS42LDMuMiwzLjMsMy44CgkJCWwwLjEsMC4ybDEuMSw0LjVjMC4yLDAuOSwxLDEuNSwxLjksMS41bDAsMGw3LDI0LjZjMC4yLDAuOSwxLDEuNCwxLjksMS40aDVjMC45LDAsMS43LTAuNiwxLjktMS40bDctMjQuNmMwLjksMCwxLjctMC42LDEuOS0xLjUKCQkJbDEuMS00LjVsMC4xLTAuMmMyLjYtMC45LDQuMS0zLjcsMy4yLTYuM2MtMC42LTEuNy0yLTMtMy44LTMuM1Y4NmMwLTcuNy02LjMtMTQtMTQtMTRTMTk2LDc4LjMsMTk2LDg2eiBNMjAwLDg2aDZ2MmgtOQoJCQljLTEuNywwLTMsMS4zLTMsM3MxLjMsMywzLDNoMjZjMS43LDAsMy0xLjMsMy0zcy0xLjMtMy0zLTNoLTN2LTJoMmMwLTYuNi01LjQtMTItMTItMTJzLTEyLDUuNC0xMiwxMkgyMDB6IE0xOTguNiwxMDBsLTEtNGgyNC45CgkJCWwtMSw0SDE5OC42eiBNMjA3LjUsMTI2bC02LjktMjRoMTguN2wtNi45LDI0SDIwNy41eiBNMTUwLDI0MmMxMi4yLDAsMjItOS44LDIyLTIycy05LjgtMjItMjItMjJzLTIyLDkuOC0yMiwyMgoJCQlTMTM3LjgsMjQyLDE1MCwyNDJ6IE0xNzQsMjIwYzAsMTMuMy0xMC43LDI0LTI0LDI0cy0yNC0xMC43LTI0LTI0bDAsMGMwLTEzLjMsMTAuNy0yNCwyNC0yNFMxNzQsMjA2LjcsMTc0LDIyMHogTTE0NS42LDIzNy43CgkJCWwyLTAuOWMxLjUtMC42LDMuMi0wLjYsNC43LDBsMiwwLjljMC45LDAuNCwyLDAsMi41LTAuOGwxLjEtMS45YzAuOC0xLjQsMi4yLTIuNCwzLjgtMi44bDIuMS0wLjVjMS0wLjIsMS42LTEuMSwxLjUtMi4xbC0wLjItMi4yCgkJCWMtMC4xLTEuNiwwLjQtMy4yLDEuNC00LjVsMS40LTEuN2MwLjctMC44LDAuNy0xLjksMC0yLjZsLTEuNC0xLjdjLTEuMS0xLjItMS42LTIuOC0xLjQtNC41bDAuMi0yLjJjMC4xLTEtMC42LTEuOS0xLjYtMi4xCgkJCWwtMi4xLTAuNWMtMS42LTAuNC0zLTEuNC0zLjgtMi44bC0xLjEtMS45Yy0wLjUtMC45LTEuNi0xLjItMi41LTAuOGwtMiwwLjljLTEuNSwwLjYtMy4yLDAuNi00LjcsMGwtMi0wLjljLTAuOS0wLjQtMiwwLTIuNSwwLjgKCQkJbC0xLDIuMWMtMC44LDEuNC0yLjIsMi40LTMuOCwyLjhsLTIuMSwwLjVjLTEsMC4yLTEuNiwxLjEtMS41LDIuMWwwLjIsMi4yYzAuMSwxLjYtMC40LDMuMi0xLjQsNC41bC0xLjQsMS43CgkJCWMtMC43LDAuOC0wLjcsMS45LDAsMi42bDEuNCwxLjdjMS4xLDEuMiwxLjYsMi44LDEuNCw0LjVsLTAuMiwyLjJjLTAuMSwxLDAuNiwxLjksMS42LDIuMWwyLjEsMC41YzEuNiwwLjQsMywxLjQsMy44LDIuOGwxLjEsMS45CgkJCUMxNDMuNiwyMzcuOCwxNDQuNywyMzguMSwxNDUuNiwyMzcuN0wxNDUuNiwyMzcuN3ogTTE0OC40LDIzOC43YzEtMC40LDIuMS0wLjQsMy4xLDBsMiwwLjljMS44LDAuOCw0LDAuMSw1LTEuNmwxLjEtMS45CgkJCWMwLjYtMC45LDEuNS0xLjYsMi41LTEuOGwyLjEtMC41YzEuOS0wLjQsMy4zLTIuMywzLjEtNC4ybC0wLjItMi4yYy0wLjEtMS4xLDAuMy0yLjIsMS0zbDEuNC0xLjdjMS4zLTEuNSwxLjMtMy43LDAtNS4ybC0xLjQtMS43CgkJCWMtMC43LTAuOC0xLjEtMS45LTEtM2wwLjItMi4yYzAuMi0yLTEuMS0zLjgtMy4xLTQuMmwtMi4xLTAuNWMtMS4xLTAuMi0yLTAuOS0yLjUtMS44bC0xLjEtMS45Yy0xLTEuNy0zLjItMi40LTUtMS42bC0yLDAuOQoJCQljLTEsMC40LTIuMSwwLjQtMy4xLDBsLTItMC45Yy0xLjgtMC44LTQtMC4xLTUsMS42bC0xLjEsMS45Yy0wLjYsMC45LTEuNSwxLjYtMi41LDEuOGwtMi4xLDAuNWMtMS45LDAuNC0zLjMsMi4zLTMuMSw0LjJsMC4yLDIuMgoJCQljMC4xLDEuMS0wLjMsMi4yLTEsM2wtMS40LDEuN2MtMS4zLDEuNS0xLjMsMy43LDAsNS4ybDEuNCwxLjdjMC43LDAuOCwxLjEsMS45LDEsM2wtMC4yLDIuMmMtMC4yLDIsMS4xLDMuOCwzLjEsNC4ybDIuMSwwLjUKCQkJYzEuMSwwLjIsMiwwLjksMi41LDEuOGwxLjEsMS45YzEsMS43LDMuMiwyLjQsNSwxLjZMMTQ4LjQsMjM4Ljd6IE0xNTIsMjA3YzAtMC42LDAuNC0xLDEtMXMxLDAuNCwxLDFzLTAuNCwxLTEsMQoJCQlTMTUyLDIwNy42LDE1MiwyMDd6IE0xNTgsMjA5YzAtMC42LDAuNC0xLDEtMXMxLDAuNCwxLDFzLTAuNCwxLTEsMVMxNTgsMjA5LjYsMTU4LDIwOXogTTE0NywyMTBjMC0wLjYsMC40LTEsMS0xczEsMC40LDEsMQoJCQlzLTAuNCwxLTEsMVMxNDcsMjEwLjYsMTQ3LDIxMHogTTE0MSwyMTBjMC0wLjYsMC40LTEsMS0xczEsMC40LDEsMXMtMC40LDEtMSwxUzE0MSwyMTAuNiwxNDEsMjEweiBNMTQ0LDIwNWMwLTAuNiwwLjQtMSwxLTEKCQkJczEsMC40LDEsMXMtMC40LDEtMSwxUzE0NCwyMDUuNiwxNDQsMjA1eiBNMTM2LDIxM2MwLTAuNiwwLjQtMSwxLTFzMSwwLjQsMSwxcy0wLjQsMS0xLDFTMTM2LDIxMy42LDEzNiwyMTN6IE0xMzksMjE5CgkJCWMwLTAuNiwwLjQtMSwxLTFzMSwwLjQsMSwxcy0wLjQsMS0xLDFTMTM5LDIxOS42LDEzOSwyMTl6IE0xMzksMjI1YzAtMC42LDAuNC0xLDEtMXMxLDAuNCwxLDFzLTAuNCwxLTEsMVMxMzksMjI1LjYsMTM5LDIyNXoKCQkJIE0xNDMsMjMyYzAtMC42LDAuNC0xLDEtMXMxLDAuNCwxLDFzLTAuNCwxLTEsMVMxNDMsMjMyLjYsMTQzLDIzMnogTTE0OCwyMzBjMC0wLjYsMC40LTEsMS0xczEsMC40LDEsMXMtMC40LDEtMSwxCgkJCVMxNDgsMjMwLjYsMTQ4LDIzMHogTTE1MywyMzRjMC0wLjYsMC40LTEsMS0xczEsMC40LDEsMXMtMC40LDEtMSwxUzE1MywyMzQuNiwxNTMsMjM0eiBNMTU3LDIyOGMwLTAuNiwwLjQtMSwxLTFzMSwwLjQsMSwxCgkJCXMtMC40LDEtMSwxUzE1NywyMjguNiwxNTcsMjI4eiBNMTYzLDIyNGMwLTAuNiwwLjQtMSwxLTFzMSwwLjQsMSwxcy0wLjQsMS0xLDFTMTYzLDIyNC42LDE2MywyMjR6IE0xNTksMjIxYzAtMC42LDAuNC0xLDEtMQoJCQlzMSwwLjQsMSwxcy0wLjQsMS0xLDFTMTU5LDIyMS42LDE1OSwyMjF6IE0xNjMsMjE4YzAtMC42LDAuNC0xLDEtMXMxLDAuNCwxLDFzLTAuNCwxLTEsMVMxNjMsMjE4LjYsMTYzLDIxOHogTTE1OCwyMTQKCQkJYzAtMC42LDAuNC0xLDEtMXMxLDAuNCwxLDFzLTAuNCwxLTEsMVMxNTgsMjE0LjYsMTU4LDIxNHogTTEzNCwyMjBjMC0wLjYsMC40LTEsMS0xczEsMC40LDEsMXMtMC40LDEtMSwxUzEzNCwyMjAuNiwxMzQsMjIwegoJCQkgTTE1MCwyMjVjMi44LDAsNS0yLjIsNS01cy0yLjItNS01LTVzLTUsMi4yLTUsNVMxNDcuMiwyMjUsMTUwLDIyNXogTTE1NywyMjBjMCwzLjktMy4xLDctNyw3cy03LTMuMS03LTdzMy4xLTcsNy03CgkJCVMxNTcsMjE2LjEsMTU3LDIyMHogTTI0MywxOTFjLTAuNiwwLTEsMC40LTEsMXMwLjQsMSwxLDFoMmMwLjYsMCwxLTAuNCwxLTFzLTAuNC0xLTEtMUgyNDN6IE0yNjIsMjAwYzAtMC42LDAuNC0xLDEtMWgyCgkJCWMwLjYsMCwxLDAuNCwxLDFzLTAuNCwxLTEsMWgtMkMyNjIuNCwyMDEsMjYyLDIwMC42LDI2MiwyMDB6IE0yNDgsMjA1Yy0wLjYsMC0xLDAuNC0xLDFzMC40LDEsMSwxaDJjMC42LDAsMS0wLjQsMS0xcy0wLjQtMS0xLTEKCQkJSDI0OHogTTIyMywyMDZjLTAuNiwwLTEsMC40LTEsMXMwLjQsMSwxLDFoMmMwLjYsMCwxLTAuNCwxLTFzLTAuNC0xLTEtMUgyMjN6IE0yMjgsMjEwYy0wLjYsMC0xLDAuNC0xLDFzMC40LDEsMSwxaDIKCQkJYzAuNiwwLDEtMC40LDEtMXMtMC40LTEtMS0xSDIyOHogTTIzNywyMTBjMC0wLjYsMC40LTEsMS0xaDJjMC42LDAsMSwwLjQsMSwxcy0wLjQsMS0xLDFoLTJDMjM3LjQsMjExLDIzNywyMTAuNiwyMzcsMjEwegoJCQkgTTI1MiwyMTFjMC0wLjYsMC40LTEsMS0xaDJjMC42LDAsMSwwLjQsMSwxcy0wLjQsMS0xLDFoLTJDMjUyLjQsMjEyLDI1MiwyMTEuNiwyNTIsMjExeiBNMjY0LDIwOWMtMC42LDAtMSwwLjQtMSwxczAuNCwxLDEsMWgyCgkJCWMwLjYsMCwxLTAuNCwxLTFzLTAuNC0xLTEtMUgyNjR6IE0yNTMsMTk1YzAtMC42LDAuNC0xLDEtMWgyYzAuNiwwLDEsMC40LDEsMXMtMC40LDEtMSwxaC0yQzI1My40LDE5NiwyNTMsMTk1LjYsMjUzLDE5NXoKCQkJIE0yMzQsMTk1Yy0wLjYsMC0xLDAuNC0xLDFzMC40LDEsMSwxaDJjMC42LDAsMS0wLjQsMS0xcy0wLjQtMS0xLTFIMjM0eiBNMjQwLDIwMGMwLTAuNiwwLjQtMSwxLTFoMmMwLjYsMCwxLDAuNCwxLDFzLTAuNCwxLTEsMQoJCQloLTJDMjQwLjQsMjAxLDI0MCwyMDAuNiwyNDAsMjAweiBNMjE1LDIxNWMwLTAuNSwwLTAuOSwwLTEuNGMtMi41LTEuMS0zLjctNC0yLjYtNi42YzAuMi0wLjUsMC41LTEsMC45LTEuNGMtMC45LTIsMC00LjIsMS45LTUuMgoJCQljLTAuOC0yLjYsMC43LTUuNCwzLjQtNi4ybDAsMGMwLjQtMC41LDAuOS0wLjksMS41LTEuMWMwLjUtMi43LDMuMS00LjUsNS44LTQuMWMwLjcsMC4xLDEuNCwwLjQsMiwwLjhjNS4zLTMuOCwxMS42LTUuOSwxOC4yLTUuOQoJCQljNi44LDAsMTMuMSwyLjIsMTguMiw1LjljMi4zLTEuNiw1LjQtMSw3LDEuM2MwLjQsMC42LDAuNywxLjMsMC44LDJjMC42LDAuMiwxLjEsMC42LDEuNSwxLjFjMi43LDAuOCw0LjIsMy41LDMuNCw2LjJsMCwwCgkJCWMxLjksMSwyLjcsMy4yLDEuOSw1LjJjMS45LDIsMS44LDUuMi0wLjIsN2MtMC40LDAuNC0wLjksMC43LTEuNSwxYzAsMC41LDAsMC45LDAsMS40djFoLTYydi0xSDIxNXogTTIxNS44LDIwNy44CgkJCWMtMC4zLDEuMi0wLjUsMi40LTAuNiwzLjZjLTEuMy0xLTEuNi0yLjktMC42LTQuMmwwLDBDMjE1LDIwNy41LDIxNS40LDIwNy43LDIxNS44LDIwNy44TDIxNS44LDIwNy44eiBNMjE3LjMsMjAzLjIKCQkJYy0wLjQsMC45LTAuNywxLjgtMSwyLjdjLTEtMC40LTEuNi0xLjUtMS4zLTIuNWMwLjItMC41LDAuNi0wLjksMS4xLTEuMkMyMTYuNSwyMDIuNiwyMTYuOSwyMDIuOSwyMTcuMywyMDMuMkwyMTcuMywyMDMuMnoKCQkJIE0yMTkuNiwxOTguN2MtMC41LDAuOS0xLDEuOC0xLjUsMi43Yy0xLjMtMS0xLjUtMi45LTAuNS00LjJjMC4xLTAuMiwwLjMtMC4zLDAuNC0wLjVDMjE4LjMsMTk3LjYsMjE4LjksMTk4LjMsMjE5LjYsMTk4LjcKCQkJTDIxOS42LDE5OC43eiBNMjIwLjgsMTk3YzAuNC0wLjUsMC43LTEsMS4xLTEuNWMtMC4zLTAuNS0wLjktMC43LTEuNC0wLjRzLTAuNywwLjktMC40LDEuNEMyMjAuMywxOTYuNywyMjAuNSwxOTYuOSwyMjAuOCwxOTcKCQkJTDIyMC44LDE5N3ogTTIyNi4xLDE5MS4yYy0xLDAuOS0yLDEuOC0yLjksMi44Yy0wLjMtMC4zLTAuNy0wLjYtMS4xLTAuOGMwLjQtMS42LDIuMS0yLjUsMy43LTIuMQoJCQlDMjI1LjksMTkxLjEsMjI2LDE5MS4yLDIyNi4xLDE5MS4yTDIyNi4xLDE5MS4yeiBNMjY4LjgsMTk0Yy0wLjktMS0xLjktMS45LTIuOS0yLjhjMS41LTAuNiwzLjMsMC4xLDMuOSwxLjcKCQkJYzAsMC4xLDAuMSwwLjIsMC4xLDAuM0MyNjkuNSwxOTMuNCwyNjkuMSwxOTMuNiwyNjguOCwxOTRMMjY4LjgsMTk0eiBNMjcwLjEsMTk1LjVjMC40LDAuNSwwLjgsMSwxLjEsMS40CgkJCWMwLjUtMC4xLDAuOS0wLjcsMC44LTEuMnMtMC43LTAuOS0xLjItMC44QzI3MC41LDE5NS4xLDI3MC4zLDE5NS4zLDI3MC4xLDE5NS41eiBNMjczLjksMjAxLjRjLTAuNS0wLjktMS0xLjgtMS41LTIuNwoJCQljMC44LTAuNCwxLjQtMS4xLDEuNi0yYzEuMywxLjEsMS40LDMsMC40LDQuMkMyNzQuMiwyMDEuMSwyNzQsMjAxLjIsMjczLjksMjAxLjR6IE0yNzUuNiwyMDUuOWMtMC4zLTAuOS0wLjYtMS44LTEtMi43CgkJCWMwLjQtMC4zLDAuOC0wLjYsMS4yLTFjMSwwLjUsMS40LDEuNywxLDIuN0MyNzYuNiwyMDUuMywyNzYuMiwyMDUuNywyNzUuNiwyMDUuOXogTTI3Ni44LDIxMS40Yy0wLjEtMS4yLTAuNC0yLjQtMC42LTMuNgoJCQljMC41LTAuMSwwLjktMC40LDEuMi0wLjZDMjc4LjQsMjA4LjUsMjc4LjEsMjEwLjQsMjc2LjgsMjExLjRMMjc2LjgsMjExLjRMMjc2LjgsMjExLjR6IE0yNzUsMjE0Yy0wLjUtMTYtMTMuOS0yOC42LTI5LjktMjguMQoJCQljLTE1LjMsMC41LTI3LjYsMTIuOC0yOC4xLDI4LjFIMjc1TDI3NSwyMTR6IE03Mi4zLDE5OC4xYy0wLjItMC4zLTAuMy0wLjctMC4zLTEuMXYtMTJoLTJ2MTJjMCwyLjIsMS44LDQsNCw0CgkJCWMxLjIsMCwyLjMtMC41LDMuMS0xLjRjMC42LTAuNywwLjktMS42LDAuOS0yLjV2LTEyaC0ydjEyYzAsMS4xLTAuOSwyLTIsMmwwLDBDNzMuMywxOTksNzIuNywxOTguNyw3Mi4zLDE5OC4xeiBNNzUsMTc2CgkJCWMwLjQsMCwwLjcsMCwxLjEtMC4xYzAuNSwyLjIsMi42LDMuNSw0LjgsM2MwLjUtMC4xLDEtMC4zLDEuNC0wLjZjMS4xLDIuMSwxLjcsNC40LDEuNyw2Ljd2MjRjMCwzLjMtMi43LDYtNiw2aC0zdjkKCQkJYzAsMi44LTIuMiw1LTUsNXMtNS0yLjItNS01di05aC0zYy0zLjMsMC02LTIuNy02LTZ2LTI0YzAtNy43LDYuMy0xNCwxNC0xNEM3MCwxNzMuOCw3Mi4yLDE3Niw3NSwxNzZ6IE01OCwxOTF2MTIKCQkJYzAsMC44LDAuNSwxLjUsMS4yLDEuOGMwLjksMC40LDEuOSwwLjEsMi40LTAuN2MwLjItMC4zLDAuMy0wLjcsMC4zLTEuMXYtMTJoMnYxMmMwLDIuMi0xLjcsNC0zLjksNGMtMC41LDAtMS0wLjEtMS40LTAuMgoJCQljLTAuMi0wLjEtMC40LTAuMi0wLjctMC4zdjIuNWMwLDIuMiwxLjgsNCw0LDRoMTZjMi4yLDAsNC0xLjgsNC00di0yNGMwLTEuNS0wLjItMi45LTAuNy00LjJjLTAuNCwwLjEtMC45LDAuMi0xLjMsMC4yCgkJCWMtMi4xLDAtNC4xLTEuMS01LjItM2MtMy0wLjEtNS42LTItNi41LTQuOUM2Mi40LDE3NCw1OCwxNzksNTgsMTg1VjE5MXogTTY3LDIxNXY5YzAsMS43LDEuMywzLDMsM3MzLTEuMywzLTN2LTlINjd6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0xNywxOTFjLTAuNiwwLTEsMC40LTEsMXMwLjQsMSwxLDFoMmMwLjYsMCwxLTAuNCwxLTFzLTAuNC0xLTEtMUgtMTd6IE0yLDIwMGMwLTAuNiwwLjQtMSwxLTFoMgoJCQljMC42LDAsMSwwLjQsMSwxcy0wLjQsMS0xLDFIM0MyLjQsMjAxLDIsMjAwLjYsMiwyMDB6IE0tMTIsMjA1Yy0wLjYsMC0xLDAuNC0xLDFzMC40LDEsMSwxaDJjMC42LDAsMS0wLjQsMS0xcy0wLjQtMS0xLTFILTEyegoJCQkgTS0zNywyMDZjLTAuNiwwLTEsMC40LTEsMXMwLjQsMSwxLDFoMmMwLjYsMCwxLTAuNCwxLTFzLTAuNC0xLTEtMUgtMzd6IE0tMzIsMjEwYy0wLjYsMC0xLDAuNC0xLDFzMC40LDEsMSwxaDJjMC42LDAsMS0wLjQsMS0xCgkJCXMtMC40LTEtMS0xSC0zMnogTS0yMywyMTBjMC0wLjYsMC40LTEsMS0xaDJjMC42LDAsMSwwLjQsMSwxcy0wLjQsMS0xLDFoLTJDLTIyLjYsMjExLTIzLDIxMC42LTIzLDIxMHogTS04LDIxMWMwLTAuNiwwLjQtMSwxLTEKCQkJaDJjMC42LDAsMSwwLjQsMSwxcy0wLjQsMS0xLDFoLTJDLTcuNiwyMTItOCwyMTEuNi04LDIxMXogTTQsMjA5Yy0wLjYsMC0xLDAuNC0xLDFzMC40LDEsMSwxaDJjMC42LDAsMS0wLjQsMS0xcy0wLjQtMS0xLTFINHoKCQkJIE0tNywxOTVjMC0wLjYsMC40LTEsMS0xaDJjMC42LDAsMSwwLjQsMSwxcy0wLjQsMS0xLDFoLTJDLTYuNiwxOTYtNywxOTUuNi03LDE5NXogTS0yNiwxOTVjLTAuNiwwLTEsMC40LTEsMXMwLjQsMSwxLDFoMgoJCQljMC42LDAsMS0wLjQsMS0xcy0wLjQtMS0xLTFILTI2eiBNLTIwLDIwMGMwLTAuNiwwLjQtMSwxLTFoMmMwLjYsMCwxLDAuNCwxLDFzLTAuNCwxLTEsMWgtMkMtMTkuNiwyMDEtMjAsMjAwLjYtMjAsMjAweiBNLTQ1LDIxNQoJCQljMC0wLjUsMC0wLjksMC0xLjRjLTIuNS0xLjEtMy43LTQtMi42LTYuNmMwLjItMC41LDAuNS0xLDAuOS0xLjRjLTAuOS0yLDAtNC4yLDEuOS01LjJjLTAuOC0yLjYsMC43LTUuNCwzLjQtNi4ybDAsMAoJCQljMC40LTAuNSwwLjktMC45LDEuNS0xLjFjMC41LTIuNywzLjEtNC41LDUuOC00LjFjMC43LDAuMSwxLjQsMC40LDIsMC44YzUuMy0zLjgsMTEuNi01LjksMTguMi01LjljNi44LDAsMTMuMSwyLjIsMTguMiw1LjkKCQkJYzIuMy0xLjYsNS40LTEsNywxLjNjMC40LDAuNiwwLjcsMS4zLDAuOCwyYzAuNiwwLjIsMS4xLDAuNiwxLjUsMS4xYzIuNywwLjgsNC4yLDMuNSwzLjQsNi4ybDAsMGMxLjksMSwyLjcsMy4yLDEuOSw1LjIKCQkJYzEuOSwyLDEuOCw1LjItMC4yLDdjLTAuNCwwLjQtMC45LDAuNy0xLjUsMWMwLDAuNSwwLDAuOSwwLDEuNHYxaC02MnYtMUgtNDV6IE0tNDQuMiwyMDcuOGMtMC4zLDEuMi0wLjUsMi40LTAuNiwzLjYKCQkJYy0xLjMtMS0xLjYtMi45LTAuNi00LjJsMCwwQy00NSwyMDcuNS00NC42LDIwNy43LTQ0LjIsMjA3LjhMLTQ0LjIsMjA3Ljh6IE0tNDIuNywyMDMuMmMtMC40LDAuOS0wLjcsMS44LTEsMi43CgkJCWMtMS0wLjQtMS42LTEuNS0xLjMtMi41YzAuMi0wLjUsMC42LTAuOSwxLjEtMS4yQy00My41LDIwMi42LTQzLjEsMjAyLjktNDIuNywyMDMuMkwtNDIuNywyMDMuMnogTS00MC40LDE5OC43CgkJCWMtMC41LDAuOS0xLDEuOC0xLjUsMi43Yy0xLjMtMS0xLjUtMi45LTAuNS00LjJjMC4xLTAuMiwwLjMtMC4zLDAuNC0wLjVDLTQxLjcsMTk3LjYtNDEuMSwxOTguMy00MC40LDE5OC43eiBNLTM5LjIsMTk3CgkJCWMwLjMtMC41LDAuNy0xLDEuMS0xLjVjLTAuMy0wLjUtMC45LTAuNy0xLjQtMC40cy0wLjcsMC45LTAuNCwxLjRDLTM5LjcsMTk2LjctMzkuNSwxOTYuOS0zOS4yLDE5N0wtMzkuMiwxOTd6IE0tMzMuOSwxOTEuMgoJCQljLTEsMC45LTIsMS44LTIuOSwyLjhjLTAuMy0wLjMtMC43LTAuNi0xLjEtMC44YzAuNC0xLjYsMi4xLTIuNSwzLjctMi4xQy0zNC4xLDE5MS4xLTM0LDE5MS4yLTMzLjksMTkxLjJMLTMzLjksMTkxLjJ6IE04LjgsMTk0CgkJCWMtMC45LTEtMS45LTEuOS0yLjktMi44YzEuNS0wLjYsMy4zLDAuMSwzLjksMS43YzAsMC4xLDAuMSwwLjIsMC4xLDAuM0M5LjUsMTkzLjQsOS4xLDE5My42LDguOCwxOTRMOC44LDE5NHogTTEwLjEsMTk1LjUKCQkJYzAuNCwwLjUsMC44LDEsMS4xLDEuNGMwLjUtMC4xLDAuOS0wLjcsMC44LTEuMmMtMC4xLTAuNS0wLjctMC45LTEuMi0wLjhDMTAuNSwxOTUuMSwxMC4zLDE5NS4zLDEwLjEsMTk1LjV6IE0xMy45LDIwMS40CgkJCWMtMC41LTAuOS0wLjktMS44LTEuNS0yLjdjMC44LTAuNCwxLjQtMS4xLDEuNi0yYzEuMywxLjEsMS40LDMsMC40LDQuMkMxNC4yLDIwMS4xLDE0LDIwMS4yLDEzLjksMjAxLjR6IE0xNS43LDIwNS45CgkJCWMtMC4zLTAuOS0wLjYtMS44LTEtMi43YzAuNC0wLjMsMC44LTAuNiwxLjItMWMxLDAuNSwxLjQsMS43LDEsMi43QzE2LjYsMjA1LjMsMTYuMiwyMDUuNywxNS43LDIwNS45eiBNMTYuOCwyMTEuNAoJCQljLTAuMS0xLjItMC40LTIuNC0wLjYtMy42YzAuNS0wLjEsMC45LTAuNCwxLjItMC42QzE4LjQsMjA4LjUsMTguMSwyMTAuNCwxNi44LDIxMS40TDE2LjgsMjExLjRMMTYuOCwyMTEuNHogTTE1LDIxNAoJCQljLTAuNS0xNi0xMy45LTI4LjYtMjkuOS0yOC4xYy0xNS4zLDAuNS0yNy42LDEyLjgtMjguMSwyOC4xSDE1TDE1LDIxNHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K");
  750. background-color: #1e232f; }
  751. .dark-layout .chat-application .content-right .chat-app-window .user-chats .divider .divider-text {
  752. background: #283046; }
  753. .dark-layout .chat-application .content-right .chat-app-window .user-chats .divider .divider-text:before, .dark-layout .chat-application .content-right .chat-app-window .user-chats .divider .divider-text:after {
  754. border-color: #3b4253; }
  755. .dark-layout .chat-application .content-right .chat-app-window .user-chats .avatar img {
  756. border-color: #3b4253; }
  757. .dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-left .chat-content {
  758. background-color: #283046; }
  759. .dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-left .chat-content p {
  760. color: #b4b7bd; }
  761. .dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-content p {
  762. color: #fff; }
  763. .dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-header .dropdown-toggle {
  764. color: #b4b7bd; }
  765. .dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-header,
  766. .dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-app-form {
  767. background-color: #283046;
  768. border-color: #3b4253; }
  769. .dark-layout .chat-application .content-right .user-profile-sidebar {
  770. background-color: #283046;
  771. border-color: #3b4253; }
  772. .dark-layout .chat-widget .user-chats {
  773. background-color: #384056 !important; }
  774. .dark-layout .chat-widget .card-header,
  775. .dark-layout .chat-widget .chat-app-form {
  776. background-color: #283046; }
  777. .dark-layout .chat-widget .chat-app-window .user-chats .chat-left .chat-content {
  778. background-color: #283046 !important;
  779. color: #b4b7bd !important; }
  780. .dark-layout .chat-widget .chat-app-window .user-chats .avatar img {
  781. border-color: #161d31; }
  782. .dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board {
  783. color: #fff; }
  784. .dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:hover, .dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:focus {
  785. background-color: #283046; }
  786. .dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item {
  787. background-color: #283046; }
  788. .dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .item-dropdown i.dropdown-toggle,
  789. .dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .item-dropdown svg.dropdown-toggle {
  790. stroke: #fff; }
  791. .dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .kanban-title-button {
  792. color: #b4b7bd; }
  793. .dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item i,
  794. .dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item svg {
  795. stroke: #b4b7bd; }
  796. .dark-layout .kanban-application .update-item-sidebar .nav-tabs .nav-item .nav-link,
  797. .dark-layout .kanban-application .update-item-sidebar .tab-content .tab-pane {
  798. background-color: transparent; }
  799. .dark-layout .kanban-item.gu-mirror {
  800. background-color: #283046; }
  801. .dark-layout .todo-application .content-area-wrapper .sidebar .todo-form .todo-item-action {
  802. color: #b4b7bd; }
  803. .dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list-wrapper {
  804. background-color: #283046 !important;
  805. border-color: #3b4253; }
  806. .dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item:not(:first-child) {
  807. border-color: #3b4253; }
  808. .dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item.completed .todo-title {
  809. color: #676d7d; }
  810. .dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item:hover {
  811. box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24); }
  812. .dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item .todo-item-action .todo-item-favorite:not(.text-warning) i,
  813. .dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item .todo-item-action .todo-item-favorite:not(.text-warning) svg {
  814. color: #b4b7bd; }
  815. .dark-layout .todo-item.gu-mirror {
  816. background-color: #283046;
  817. border-color: #3b4253;
  818. box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24); }
  819. .dark-layout .todo-item.gu-mirror.completed .todo-title {
  820. color: #676d7d; }
  821. .dark-layout .ecommerce-application .ecommerce-card .btn-light {
  822. background-color: #161d31 !important;
  823. color: #fff;
  824. border-color: transparent; }
  825. .dark-layout .ecommerce-application .content-right .ecommerce-header-items .result-toggler .search-results,
  826. .dark-layout .ecommerce-application .content-body .ecommerce-header-items .result-toggler .search-results {
  827. color: #d0d2d6; }
  828. .dark-layout .ecommerce-application .content-right .ecommerce-header-items .result-toggler .shop-sidebar-toggler i,
  829. .dark-layout .ecommerce-application .content-right .ecommerce-header-items .result-toggler .shop-sidebar-toggler svg,
  830. .dark-layout .ecommerce-application .content-body .ecommerce-header-items .result-toggler .shop-sidebar-toggler i,
  831. .dark-layout .ecommerce-application .content-body .ecommerce-header-items .result-toggler .shop-sidebar-toggler svg {
  832. color: #d0d2d6; }
  833. .dark-layout .ecommerce-application .content-right .grid-view .ecommerce-card .card-body,
  834. .dark-layout .ecommerce-application .content-right .list-view .ecommerce-card .card-body,
  835. .dark-layout .ecommerce-application .content-body .grid-view .ecommerce-card .card-body,
  836. .dark-layout .ecommerce-application .content-body .list-view .ecommerce-card .card-body {
  837. border-color: #3b4253; }
  838. .dark-layout .ecommerce-application .content-right .grid-view .ecommerce-card .item-options .wishlist span,
  839. .dark-layout .ecommerce-application .content-right .list-view .ecommerce-card .item-options .wishlist span,
  840. .dark-layout .ecommerce-application .content-body .grid-view .ecommerce-card .item-options .wishlist span,
  841. .dark-layout .ecommerce-application .content-body .list-view .ecommerce-card .item-options .wishlist span {
  842. color: #5e5873; }
  843. .dark-layout .ecommerce-application .content-right .grid-view .ecommerce-card .item-options .cart span,
  844. .dark-layout .ecommerce-application .content-right .list-view .ecommerce-card .item-options .cart span,
  845. .dark-layout .ecommerce-application .content-body .grid-view .ecommerce-card .item-options .cart span,
  846. .dark-layout .ecommerce-application .content-body .list-view .ecommerce-card .item-options .cart span {
  847. color: #fff; }
  848. .dark-layout .ecommerce-application .grid-view .item-name a,
  849. .dark-layout .ecommerce-application .grid-view .item-price {
  850. color: #b4b7bd; }
  851. .dark-layout .ecommerce-application .wishlist-items .ecommerce-card .move-cart .move-to-cart {
  852. color: #fff; }
  853. .dark-layout .ecommerce-application .product-checkout .checkout-options .coupons input {
  854. color: #b4b7bd; }
  855. .dark-layout .ecommerce-application .product-checkout .checkout-options .coupons input::placeholder {
  856. color: #b4b7bd; }
  857. .dark-layout .ecommerce-application .app-ecommerce-details .item-features,
  858. .dark-layout .ecommerce-application .app-ecommerce-details .swiper-responsive-breakpoints.swiper-container .swiper-slide {
  859. background-color: #161d31; }
  860. .dark-layout .file-manager-application .sidebar-file-manager {
  861. background-color: #283046 !important; }
  862. .dark-layout .file-manager-application .sidebar-file-manager .jstree .jstree-container-ul .jstree-anchor {
  863. color: #b4b7bd; }
  864. .dark-layout .file-manager-application .sidebar-file-manager .storage-status i,
  865. .dark-layout .file-manager-application .sidebar-file-manager .storage-status svg {
  866. color: #b4b7bd !important; }
  867. .dark-layout .file-manager-application .sidebar-file-manager .file-manager-title {
  868. color: #d0d2d6; }
  869. .dark-layout .file-manager-application .sidebar-file-manager.show {
  870. border: 1px solid #3b4253 !important; }
  871. .dark-layout .file-manager-application .content-area-wrapper {
  872. border: 1px solid #3b4253 !important; }
  873. .dark-layout .file-manager-application .file-manager-main-content {
  874. border: 1px solid #3b4253 !important; }
  875. .dark-layout .file-manager-application .file-manager-main-content .file-manager-app-searchbar {
  876. background-color: transparent !important;
  877. border-bottom: 1px solid #3b4253 !important; }
  878. .dark-layout .file-manager-application .file-manager-main-content .file-manager-app-searchbar .file-manager-toggler {
  879. color: #b4b7bd !important; }
  880. .dark-layout .file-manager-application .file-manager-main-content .file-manager-content-header,
  881. .dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body {
  882. background-color: #283046 !important; }
  883. .dark-layout .file-manager-application .file-manager-main-content .file-manager-content-header {
  884. border-color: #3b4253 !important; }
  885. .dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .drives .card {
  886. background-color: #283046; }
  887. .dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .file-logo-wrapper {
  888. background-color: #161d31 !important; }
  889. .dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container .file-manager-item:not(.selected) {
  890. border-color: #3b4253 !important; }
  891. .dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .file-size,
  892. .dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .file-accessed {
  893. color: #676d7d !important; }
  894. .dark-layout .file-manager-application #app-file-manager-info-sidebar .nav-tabs .nav-link,
  895. .dark-layout .file-manager-application #app-file-manager-info-sidebar .tab-content .tab-pane {
  896. background-color: transparent; }
  897. .dark-layout .file-manager-application #app-file-manager-info-sidebar .nav-tabs .nav-item:not(.active) .nav-link {
  898. color: #b4b7bd; }
  899. .dark-layout .app-calendar .app-calendar-sidebar {
  900. background-color: #283046;
  901. border-color: #3b4253; }
  902. .dark-layout .app-calendar .app-calendar-sidebar .sidebar-content-title {
  903. color: #d0d2d6; }
  904. .dark-layout .app-calendar .app-calendar-sidebar .select-all ~ label,
  905. .dark-layout .app-calendar .app-calendar-sidebar .input-filter ~ label {
  906. color: #d0d2d6; }
  907. .dark-layout .app-calendar .fc .fc-day-today {
  908. background: #161d31 !important;
  909. background-color: #161d31 !important; }
  910. .dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-col-header-cell,
  911. .dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-timegrid-axis,
  912. .dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-daygrid-day {
  913. background-color: #283046;
  914. border-color: #3b4253; }
  915. .dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-day-today {
  916. background-color: rgba(186, 191, 199, 0.12) !important; }
  917. .dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-day-today.fc-col-header-cell {
  918. background-color: #283046 !important; }
  919. .dark-layout .app-calendar .fc .fc-popover {
  920. background: #283046;
  921. border-color: #3b4253; }
  922. .dark-layout .app-calendar .fc .fc-popover-header .fc-popover-title,
  923. .dark-layout .app-calendar .fc .fc-popover-header .fc-popover-close {
  924. color: #b4b7bd; }
  925. .dark-layout .app-calendar .fc tbody td,
  926. .dark-layout .app-calendar .fc thead th {
  927. border-color: #3b4253; }
  928. .dark-layout .app-calendar .fc .fc-scrollgrid {
  929. border-color: #3b4253; }
  930. .dark-layout .app-calendar .fc .fc-list,
  931. .dark-layout .app-calendar .fc th {
  932. border-color: #3b4253; }
  933. .dark-layout .app-calendar .fc .fc-list .fc-list-day-cushion,
  934. .dark-layout .app-calendar .fc th .fc-list-day-cushion {
  935. background: #161d31; }
  936. .dark-layout .app-calendar .fc .fc-list .fc-list-event:hover td,
  937. .dark-layout .app-calendar .fc th .fc-list-event:hover td {
  938. background-color: #161d31; }
  939. .dark-layout .app-calendar .fc .fc-list .fc-list-event-time,
  940. .dark-layout .app-calendar .fc th .fc-list-event-time {
  941. color: #b4b7bd; }
  942. .dark-layout .app-calendar .fc .fc-list .fc-list-event td,
  943. .dark-layout .app-calendar .fc th .fc-list-event td {
  944. border-color: #3b4253; }
  945. .dark-layout .app-calendar .fc-timegrid-event-harness-inset .fc-timegrid-event,
  946. .dark-layout .app-calendar .fc-timegrid-event.fc-event-mirror,
  947. .dark-layout .app-calendar .fc-timegrid-more-link {
  948. box-shadow: 0 0 0 1px #3b4253; }
  949. .dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-list-dataTable-header {
  950. background-color: #283046;
  951. border-color: #3b4253; }
  952. .dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-data-table {
  953. background-color: #283046; }
  954. .dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-data-table tbody .selected-row-bg {
  955. background-color: #3b4253; }
  956. .dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-data-table td {
  957. background-color: inherit; }
  958. .dark-layout .invoice-edit .invoice-preview-card .invoice-product-details,
  959. .dark-layout .invoice-add .invoice-preview-card .invoice-product-details {
  960. background-color: #161d31; }
  961. .dark-layout .invoice-edit .invoice-preview-card .invoice-product-details .product-details-border,
  962. .dark-layout .invoice-add .invoice-preview-card .invoice-product-details .product-details-border {
  963. background-color: #283046;
  964. border-color: #3b4253; }
  965. .dark-layout .invoice-print .form-control {
  966. background-color: #283046; }
  967. .dark-layout .app-user-view .plan-card {
  968. border-color: #7367f0 !important; }
  969. .dark-layout .app-user-edit .form-control.error {
  970. border-color: #ea5455 !important; }
  971. .dark-layout .customizer {
  972. background-color: #283046; }
  973. .dark-layout .customizer .customizer-close i,
  974. .dark-layout .customizer .customizer-close svg {
  975. color: #b4b7bd; }
  976. .dark-layout .footer-fixed .footer {
  977. background-color: #283046; }
  978. .dark-layout .horizontal-layout.navbar-sticky .horizontal-menu-wrapper .navbar-horizontal.header-navbar.fixed-top {
  979. box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.75) !important; }
  980. .dark-layout .horizontal-layout .horizontal-menu-wrapper {
  981. background: linear-gradient(to bottom, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%) !important; }
  982. .dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar {
  983. background: #283046 !important; }
  984. .dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-shadow {
  985. box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.75); }
  986. .dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover:not(.active) > a {
  987. background: #161d31; }
  988. .dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal .active .nav-link.dropdown-toggle::after {
  989. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }
  990. .dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal.navbar-dark {
  991. background: #283046 !important; }
  992. .dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal .nav-link.dropdown-toggle::after {
  993. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }
  994. .dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-submenu.show {
  995. background-color: #283046 !important;
  996. color: #b4b7bd; }
  997. .dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu a:hover {
  998. color: #d0d2d6 !important; }
  999. .dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .disabled a {
  1000. color: #676d7d; }
  1001. .dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-item {
  1002. color: #d0d2d6; }
  1003. .dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-toggle::after {
  1004. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }
  1005. .dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-toggle:hover::after, .dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-toggle:active::after {
  1006. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }
  1007. .dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active > a > i,
  1008. .dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active > a > svg {
  1009. color: #fff !important; }
  1010. .dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active .dropdown-menu li.active > a {
  1011. background: #161d31 !important;
  1012. color: #b4b7bd; }
  1013. .dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active .dropdown-menu li.active > a:hover {
  1014. color: #7367f0 !important; }
  1015. .dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active .dropdown-menu li.open.active > a {
  1016. color: #b4b7bd !important; }