Advertisement
X1ucifer

Untitled

Dec 23rd, 2022
34
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.90 KB | None | 0 0
  1. /* scrollbar */
  2. ::-webkit-scrollbar {
  3.     width: 3px;
  4. }
  5.  
  6. ::-webkit-scrollbar {
  7.     width: 3px !important;
  8.     height: 3px !important;
  9. }
  10.  
  11. ::-webkit-scrollbar-thumb {
  12.     background: #c1c1c1;
  13. }
  14.  
  15. ::-webkit-scrollbar-track {
  16.     box-shadow: inset 0 0 1px #cfcfcf;
  17. }
  18.  
  19. /* sidebar */
  20. .sidebar .nav>li>a:focus,
  21. .sidebar .nav>li>a:hover,
  22. .sidebar li.active>a {
  23.     background: rgba(239, 246, 255, 0.1);
  24.     padding-left: 5px;
  25. }
  26.  
  27. .sidebar,
  28. .sidebar .metis-menu {
  29.     width: 230px !important;
  30.     background: #005555;
  31. }
  32.  
  33. .sidebar li a.logo-text {
  34.     color: #e7f6ef;
  35. }
  36.  
  37. .sidebar>ul>:nth-child(1) {
  38.     background-color: white;
  39. }
  40.  
  41. /* Background color change  */
  42. body {
  43.     background: #005555;
  44. }
  45.  
  46. .sidebar .nav>li .nav-second-level>li:not(.active)>a:hover {
  47.     background-color: #005555;
  48. }
  49.  
  50. .table.items thead {
  51.     background: #005555;
  52. }
  53.  
  54. /* Datatable icons */
  55.  
  56. table.dataTable thead th.sorting:after,
  57. table.dataTable thead th.sorting_desc:after {
  58.     background: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23dde1ee'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23dde1ee'/%3E%3C/svg%3E%0A") no-repeat 50%;
  59. }
  60.  
  61. table.dataTable thead .sorting:after {
  62.     opacity: .7;
  63. }
  64.  
  65. /* Chat module */
  66.  
  67. #pusherChat .chat-footer.isToggled {
  68.     background: #005555 !important;
  69.     width: 43px !important;
  70.     height: 43px !important;
  71. }
  72.  
  73. #pusherChat .toCircle {
  74.     width: 27px !important;
  75.     height: 30px;
  76.     top: 11px;
  77.     right: 11px  !important;
  78. }
  79.  
  80. #pusherChat #membersContent {
  81.    
  82.     z-index: 0 !important;
  83.     background: #3c763d3b !important;
  84.     backdrop-filter: blur(4px) !important;
  85. }
  86.  
  87. #pusherChat #membersContent .topInfo{
  88.  
  89.     background: #343a4000 !important;
  90.  
  91.  
  92. }
  93.  
  94. #pusherChat .chat-footer {
  95.     background: #343a4000 !important;
  96. }
  97.  
  98. .chatMain svg.main_chat {
  99.  
  100.     fill: #000000 !important;
  101.  
  102. }
  103.  
  104. #searchUsers {
  105.     fill: #000000 !important;
  106. }
  107.  
  108. #colorGradientChanger {
  109.     fill: #000000 !important;
  110. }
  111.  
  112.  
  113. #membersContent > div.chat-footer > div.online {
  114.     color: black !important;
  115. }
  116.  
  117. #disableSound {
  118.  
  119.     fill: #000000 !important;
  120.     top: 44px !important;
  121.     right: 49px !important;
  122. }
  123.  
  124. #pusherChat .toCircle {
  125.  
  126.     /* top: 43px !important;
  127.     right: 34px !important; */
  128.     fill: black !important;
  129. }
  130.  
  131.  
  132.  
  133. /* Sidebar menu structure */
  134.  
  135. .menu-item-generalmenudesc,
  136. .menu-item-salesmenudesc,
  137. .menu-item-purchasemenudesc,
  138. .menu-item-hrmenudesc,
  139. .menu-item-extramenudesc {
  140.     /* padding: 0.75rem 0.8125rem; */
  141.     margin-top: 15px;
  142.     margin-bottom: 15px;
  143.     font-size: 0.75rem;
  144.  
  145. }
  146.  
  147. #wrapper {
  148.     margin: 0px 0px 0 295px;
  149. }
  150.  
  151.  
  152. li.active>a .menu-icon {
  153.     color: #5affba;
  154. }
  155.  
  156. .sidebar .nav>li>a:hover,
  157. .sidebar li.active>a {
  158.     color: #5affba;
  159. }
  160.  
  161. .menu-item-generalmenudesc .menu-text,
  162. .menu-item-salesmenudesc .menu-text,
  163. .menu-item-purchasemenudesc .menu-text,
  164. .menu-item-hrmenudesc .menu-text,
  165. .menu-item-extramenudesc .menu-text {
  166.     color: #99a7ba;
  167.     text-transform: uppercase;
  168.     font-weight: bold;
  169.     font-size: 0.75rem;
  170. }
  171.  
  172.  
  173. /* searchbar */
  174. #searchmenu{
  175.     background: transparent;
  176.     border: 1px solid rgba(153, 167, 186, 0.3607843137);
  177.     border-radius: 5px;
  178.     color: #99a7ba !important;
  179.     box-shadow: inset 0 0 5px rgb(255 255 255 / 11%);
  180.     width: 273px;
  181.     margin-top: 20px;
  182.     margin-bottom: 20px;
  183. }
  184.  
  185.  
  186. .sidebar .menu-item-generalmenudesc a:hover {
  187.     color: white;
  188. }
  189.  
  190. .sidebar .nav .menu-item-generalmenudesc>a:focus,
  191. .sidebar .nav .menu-item-generalmenudesc>a:hover,
  192. .sidebar li.menu-item-generalmenudesc>a {
  193.     background: none !important;
  194.     cursor: text;
  195. }
  196.  
  197. .sidebar .nav .menu-item-salesmenudesc>a:focus,
  198. .sidebar .nav .menu-item-salesmenudesc>a:hover,
  199. .sidebar li.menu-item-salesmenudesc>a {
  200.     background: none !important;
  201.     cursor: text;
  202. }
  203.  
  204. .sidebar .nav .menu-item-purchasemenudesc>a:focus,
  205. .sidebar .nav .menu-item-purchasemenudesc>a:hover,
  206. .sidebar li.menu-item-purchasemenudesc>a {
  207.     background: none !important;
  208.     cursor: text;
  209. }
  210.  
  211. .sidebar .nav .menu-item-hrmenudesc>a:focus,
  212. .sidebar .nav .menu-item-hrmenudesc>a:hover,
  213. .sidebar li.menu-item-hrmenudesc>a {
  214.     background: none !important;
  215.     cursor: text;
  216. }
  217.  
  218. .sidebar .nav .menu-item-extramenudesc>a:focus,
  219. .sidebar .nav .menu-item-extramenudesc>a:hover,
  220. .sidebar li.menu-item-extramenudesc>a {
  221.     background: none !important;
  222.     cursor: text;
  223. }
  224.  
  225.  
  226. /* sidebar parent menu changes */
  227.  
  228. .sidebar .nav .menu-item-accounting>a:active {
  229.     background: none !important;
  230.     cursor: text;
  231. }
  232.  
  233. .sidebar .menu-item-accounting.active>a {
  234.     color: #ffffff;
  235. }
  236.  
  237.  
  238. .sidebar .nav>.menu-item-accountingvouchersmenu>a:focus,
  239. .sidebar .nav>.menu-item-accountingvouchersmenu>a:hover,
  240. .sidebar .menu-item-accountingvouchersmenu.active>a {
  241.     background: rgb(239 246 255 / 0%);
  242.     padding-left: 5px;
  243. }
  244.  
  245. .sidebar .menu-item-accountingvouchersmenu.active>a {
  246.     color: #ffffff;
  247. }
  248.  
  249. .sidebar .nav>.menu-item-reports>a:focus,
  250. .sidebar .nav>.menu-item-reports>a:hover,
  251. .sidebar .menu-item-reports.active>a {
  252.     background: rgb(239 246 255 / 0%);
  253.     padding-left: 5px;
  254. }
  255.  
  256. .sidebar .menu-item-reports.active>a {
  257.     color: #ffffff;
  258. }
  259.  
  260. .sidebar .nav>.menu-item-sales>a:focus,
  261. .sidebar .nav>.menu-item-sales>a:hover,
  262. .sidebar .menu-item-sales.active>a {
  263.     background: rgb(239 246 255 / 0%);
  264.     padding-left: 5px;
  265. }
  266.  
  267. .sidebar .menu-item-sales.active>a {
  268.     color: #ffffff;
  269. }
  270.  
  271. .sidebar .nav>.menu-item-shado_sales>a:focus,
  272. .sidebar .nav>.menu-item-shado_sales>a:hover,
  273. .sidebar .menu-item-shado_sales.active>a {
  274.     background: rgb(239 246 255 / 0%);
  275.     padding-left: 5px;
  276. }
  277.  
  278. .sidebar .menu-item-shado_sales.active>a {
  279.     color: #ffffff;
  280. }
  281.  
  282.  
  283. .sidebar .nav>.menu-item-purchase>a:focus,
  284. .sidebar .nav>.menu-item-purchase>a:hover,.sidebar .menu-item-purchase.active>a {
  285.     background: rgb(239 246 255 / 0%);
  286.     padding-left: 5px;
  287. }
  288.  
  289. .sidebar .menu-item-purchase.active>a {
  290.     color: #ffffff;
  291. }
  292.  
  293.  
  294. .sidebar .nav>.menu-item-warehouse>a:focus,
  295. .sidebar .nav>.menu-item-warehouse>a:hover,
  296. .sidebar .menu-item-warehouse.active>a {
  297.     background: rgb(239 246 255 / 0%);
  298.     padding-left: 5px;
  299. }
  300.  
  301. .sidebar .menu-item-warehouse.active>a {
  302.     color: #ffffff;
  303. }
  304.  
  305. .sidebar .nav>.menu-item-company_assets>a:focus,
  306. .sidebar .nav>.menu-item-company_assets>a:hover,
  307. .sidebar .menu-item-company_assets.active>a {
  308.     background: rgb(239 246 255 / 0%);
  309.     padding-left: 5px;
  310. }
  311.  
  312. .sidebar .menu-item-company_assets.active>a {
  313.     color: #ffffff;
  314. }
  315.  
  316. .sidebar .nav>.menu-item-manufacturing>a:focus,
  317. .sidebar .nav>.menu-item-manufacturing>a:hover,
  318. .sidebar .menu-item-manufacturing.active>a {
  319.     background: rgb(239 246 255 / 0%);
  320.     padding-left: 5px;
  321. }
  322.  
  323. .sidebar .menu-item-manufacturing.active>a {
  324.     color: #ffffff;
  325. }
  326.  
  327. .sidebar .nav>.menu-item-hr_profile >a:focus,
  328. .sidebar .nav>.menu-item-hr_profile >a:hover,
  329. .sidebar .menu-item-hr_profile.active>a {
  330.     background: rgb(239 246 255 / 0%);
  331.     padding-left: 5px;
  332. }
  333.  
  334. .sidebar .menu-item-hr_profile.active>a {
  335.     color: #ffffff;
  336. }
  337.  
  338. .btn-bottom-toolbar {
  339.    
  340.     margin-left: 295px;
  341.    
  342. }
  343.  
  344. .btn-group, .btn-group-vertical {
  345.     margin-right: 45px;
  346. }
  347.  
  348. .credit_note_button{
  349.     margin-right: 60px;
  350. }
  351.  
  352. .sidebar .nav>.menu-item-timesheets  >a:focus,
  353. .sidebar .nav>.menu-item-timesheets  >a:hover,
  354. .sidebar .menu-item-timesheets.active>a {
  355.     background: rgb(239 246 255 / 0%);
  356.     padding-left: 5px;
  357. }
  358.  
  359. .sidebar .menu-item-timesheets.active>a {
  360.     color: #ffffff;
  361. }
  362.  
  363. .sidebar .nav>.menu-item-FILE_SHARING  >a:focus,
  364. .sidebar .nav>.menu-item-FILE_SHARING  >a:hover,
  365. .sidebar .menu-item-FILE_SHARING.active>a {
  366.     background: rgb(239 246 255 / 0%);
  367.     padding-left: 5px;
  368. }
  369.  
  370. .sidebar .menu-item-FILE_SHARING.active>a {
  371.     color: #ffffff;
  372. }
  373.  
  374. .sidebar .nav>.menu-item-FILE_SHARING  >a:focus,
  375. .sidebar .nav>.menu-item-FILE_SHARING  >a:hover,
  376. .sidebar .menu-item-FILE_SHARING.active>a {
  377.     background: rgb(239 246 255 / 0%);
  378.     padding-left: 5px;
  379. }
  380.  
  381. .sidebar .menu-item-FILE_SHARING.active>a {
  382.     color: #ffffff;
  383. }
  384.  
  385. .sidebar .nav>.menu-item-utilities>a:focus,
  386. .sidebar .nav>.menu-item-utilities >a:hover,
  387. .sidebar .menu-item-utilities.active>a {
  388.     background: rgb(239 246 255 / 0%);
  389.     padding-left: 5px;
  390. }
  391.  
  392. .sidebar .menu-item-utilities.active>a {
  393.     color: #ffffff;
  394. }
  395.  
  396.  
  397.  
  398. div[id="widget-finance_overview"] {
  399.     margin-top: 40px;
  400.  
  401. }
  402.  
  403.  
  404. .sidebar .nav>li>a:hover {
  405.     background: rgb(239 246 255 / 0%) !important;
  406. }
  407.  
  408. .nav .nav-second-level {
  409.     padding: 0.75rem 1.8125rem;
  410. }
  411.  
  412. /* --------------------------------- */
  413.  
  414.  
  415.  
  416. .sidebar li .nav-second-level li.active a {
  417.  
  418.     margin: 0px 0 0px 0px;
  419.     border-radius: 5px;
  420. }
  421.  
  422. .sidebar .nav .menu-item-accounting>li>a:focus,
  423. .sidebar .nav .menu-item-accounting>li>a:hover,
  424. .sidebar li.menu-item-accounting>a {
  425.     background: rgb(239 246 255 / 0%) !important;
  426. }
  427.  
  428. #header {
  429.     position: fixed;
  430.     min-width: 100%;
  431.     max-width: 100%;
  432.     margin-left: 0px;
  433. }
  434.  
  435. .sidebar,
  436. .sidebar .metis-menu {
  437.     margin-top: 40px;
  438.     width: 285px !important;
  439.  
  440.     /* position: fixed; */
  441.     overflow-y: scroll;
  442. }
  443.  
  444.  
  445. .sidebar::-webkit-scrollbar {
  446.     display: none;
  447. }
  448.  
  449.  
  450.  
  451. /* top-stats */
  452.  
  453. /* .quick-stats-invoices .top_stats_wrapper {
  454.     background-color: #EAFBFF;
  455. }
  456.  
  457. .quick-stats-leads .top_stats_wrapper {
  458.     background: #FFF7E7;
  459. }
  460.  
  461. .quick-stats-projects .top_stats_wrapper {
  462.     background-color: #EAFBFF;
  463. }
  464.  
  465. .quick-stats-tasks .top_stats_wrapper {
  466.     background: #FFF7E7;
  467. } */
  468.  
  469.  
  470.  
  471.  
  472.  
  473. .top_stat_icon {
  474.     position: absolute;
  475.     right: 49px;
  476.     top: 34px;
  477.     max-width: 30px;
  478.     height: 30px;
  479.     -o-object-fit: contain;
  480.     object-fit: contain;
  481. }
  482.  
  483. .top_stat_payment {
  484.     font-size: 1.375rem;
  485.     font-weight: 700;
  486.     margin: 0;
  487.     margin-bottom: 5px;
  488.     color: #16abcb;
  489. }
  490.  
  491. .top_stat_payment1 {
  492.     font-size: 1.375rem;
  493.     font-weight: 700;
  494.     margin: 0;
  495.     margin-bottom: 5px;
  496.     color: #FEB019;
  497. }
  498.  
  499. .top_stat_payment2 {
  500.     font-size: 1.375rem;
  501.     font-weight: 700;
  502.     margin: 0;
  503.     margin-bottom: 5px;
  504.     color: #34AA6D;
  505. }
  506.  
  507. .top_stat_payment3 {
  508.     font-size: 1.375rem;
  509.     font-weight: 700;
  510.     margin: 0;
  511.     margin-bottom: 5px;
  512.     color: #FF6D6D;
  513. }
  514.  
  515. .finance-summary .panel_s .panel-body {
  516.     background: #F8F9FB;
  517. }
  518.  
  519. .panel_s .panel-body {
  520.     background: #F8F9FB;
  521. }
  522.  
  523. .panel_s .panel-body:nth-child(odd) {
  524.     background: #F8F9FB;
  525. }
  526.  
  527. /* .ui-sortable{
  528.     margin-top: 90px;
  529. } */
  530.  
  531. /* .dashboard #wrapper .content .row {
  532.     margin-top: 45px;
  533. } */
  534.  
  535. #header{
  536.     margin-top: -63px;
  537. }
  538.  
  539. body{
  540.     margin-top: 58px;
  541. }
  542.  
  543.  
  544. /* #wrapper .content .panel_s {
  545.     margin-top: 45px;
  546. } */
  547.  
  548. .tio-circle {
  549.  
  550.     height: 5px;
  551.     width: 5px;
  552.     background-color: #5affba;
  553.     border-radius: 50%;
  554.     display: inline-block;
  555.     margin-bottom: 3px;
  556.     margin-right: 9px;
  557.  
  558. }
  559.  
  560. /* table color */
  561. th {
  562.     color: white;
  563. }
  564.  
  565. .sidebar li .nav-second-level li.active a {
  566.  
  567.     background-color: #186566;
  568.     width: 250px;
  569. }
  570.  
  571.  
  572. /* invoice button correction */
  573.  
  574. .save_detail{
  575.     margin-right: 100px;
  576. }
  577.  
  578.  
  579.  
  580.  
  581.  
  582. /* authentication_styles */
  583.  
  584. .login_video{
  585.     width: 100%;
  586.     height: 100vh;
  587.     object-fit: cover;
  588.     position: absolute;
  589.     backdrop-filter: blur(4px);
  590. }
  591.  
  592. .auth_parent{
  593.     height: 100vh;
  594.     width: 100%;
  595.     object-fit: contain;
  596.     position: relative;
  597.     overflow: hidden;
  598. }
  599.  
  600. .auth_blur{
  601.     backdrop-filter: blur(100px);
  602.     width: 100%;
  603.     height: 100vh;
  604.     z-index: -9;
  605. }
  606.  
  607.  
  608.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement