CSS   100
custom css
Guest on 17th March 2023 12:24:08 AM


  1. body {
  2.  
  3.     font-size: 16px !important;
  4. }
  5.  
  6. .main-sidebar {
  7.     background-color: #eee;
  8. }
  9.  
  10. .dropdown-menu > li > a {
  11.     border-bottom: 1px solid #ccc;
  12.     padding: 13px 0 13px 0;
  13.     color: #004b77;
  14. }
  15.  
  16. .dropdown-menu > li > a {
  17.     padding: 10px;
  18. }
  19.  
  20. .dropdown-menu > li > i {
  21.     color: #000;
  22.     padding-left: 10%;
  23. }
  24.  
  25. #notifications {
  26.     cursor: pointer;
  27.     position: fixed;
  28.     right: 0px;
  29.     z-index: 9999;
  30.     top: 0px;
  31.     margin-top: 22px;
  32.     margin-right: 15px;
  33.     max-width: 300px;
  34. }
  35.  
  36.  
  37. input[type=number]::-webkit-inner-spin-button,
  38. input[type=number]::-webkit-outer-spin-button {
  39.     -webkit-appearance: none;
  40.     -moz-appearance: none;
  41.     appearance: none;
  42.     margin: 0;
  43. }
  44.  
  45. .dashboard_text {
  46.     color: #fff;
  47.     font-size: 14px !important;
  48. }
  49.  
  50. .barcode-section {
  51.     margin-top: 40px;
  52. }
  53.  
  54. .each_code {
  55.     margin-bottom: 5%;
  56. }
  57.  
  58. .amount-box {
  59.     margin: 10px 0px;
  60.     width: 100px;
  61.     text-align: center;
  62. }
  63.  
  64. .total-grid-values {
  65.     background-color: #f7f7f7;
  66.     border-bottom: 2px solid #fff;
  67.     padding-top: 10px;
  68. }
  69.  
  70. .total_amount_area {
  71.     margin-top: 2px;
  72.     padding-bottom: 2px;
  73. }
  74.  
  75. #cash_given_to_customer {
  76.     display: block;
  77.     margin-top: 12px;
  78. }
  79.  
  80. .cash_given_to_customer_div {
  81.     font-size: 20px;
  82.     padding-top: 12px;
  83. }
  84.  
  85. .search_result {
  86.     background-color: #eee;
  87.     list-style: none;
  88.     position: absolute;
  89.     z-index: 999;
  90.     padding: 10px;
  91.     padding-top: 0px;
  92.     border-radius: 2px;
  93.     width: 95.5%;
  94.     max-height: 400px;
  95.     overflow-y: scroll;
  96. }
  97.  
  98. .search_result li {
  99.     border-bottom: 1px solid #ccc;
  100.     padding: 5px;
  101.     font-size: 16px;
  102.  
  103. }
  104.  
  105. .search_result li:hover {
  106.     cursor: pointer;
  107.     background-color: #fff;
  108. }
  109.  
  110. .cross_search_result {
  111.     text-align: right;
  112.     padding: 0px;
  113.  
  114. }
  115.  
  116. .cross_search_result > i {
  117.     font-size: 24px;
  118.  
  119. }
  120.  
  121. .cross_search_result:hover {
  122.     cursor: pointer;
  123. }
  124.  
  125. .instructions {
  126.     font-size: 12px;
  127.     background-color: #fff;
  128.     padding: 5px;
  129. }
  130.  
  131. .field-agjust {
  132.     margin-right: 20px;
  133. }
  134.  
  135. label {
  136.     font-weight: normal;
  137. }
  138.  
  139. .box-label {
  140.     display: block;
  141. }
  142.  
  143. .purchase-box {
  144.     background-color: #fbf9f9;
  145.     border-radius: 3px;
  146. }
  147.  
  148. .purchase-box small {
  149.     color: #777;
  150. }
  151.  
  152. .purchase-heading {
  153.     border-radius: 3px;
  154.     padding: 20px;
  155.     color: #fff;
  156. }
  157.  
  158. .purchase-heading > small {
  159.     color: #fff;
  160.     display: block;
  161.     font-style: italic;
  162.     padding-top: 3px;
  163. }
  164.  
  165. .purchase-top-header {
  166.     display: inline-block;
  167. }
  168.  
  169. .box-bg {
  170.     background-color: #fdfcfc;
  171.     padding: 20px;
  172. }
  173.  
  174. .make-container-center {
  175.     margin-left: 20px;
  176. }
  177.  
  178. .bg-setting-product {
  179.     background-color: #f9f9f9;
  180.     border-bottom: 1px solid #eee;
  181.     box-shadow: 0px 0px 2px 0px #ccc;
  182. }
  183.  
  184. .supply_fields {
  185.     width: 75px;
  186.     text-align: center;
  187.     margin-bottom: 5px;
  188. }
  189.  
  190. .supply-total-amount {
  191.     width: 175px;
  192.     font-size: 25px;
  193.     border: none;
  194. }
  195.  
  196. #expense-type-id {
  197.     display: none;
  198. }
  199.  
  200. .border-bottom-journal {
  201.     border-bottom: 1px solid #eee;
  202. }
  203.  
  204. .accounts_total_amount {
  205.     width: 150px;
  206.     border: none;
  207.     outline: none;
  208.     padding: 5px;
  209. }
  210.  
  211. .transaction_validity {
  212.     color: #c00;
  213.     font-weight: bold;
  214.     height: 45px;
  215.     text-align: right;
  216. }
  217.  
  218. .income-style {
  219.     background-color: #84969e;
  220.     padding: 12px;
  221.     width: 100%;
  222.     display: inline-block;
  223.     color: #fff;
  224.     border-radius: 2px;
  225. }
  226.  
  227. .income-style-sub {
  228.     background-color: #d4e3ea;
  229.     padding: 5px;
  230.     width: 100%;
  231.     display: inline-block;
  232.     border-radius: 2px;
  233. }
  234.  
  235. .total-income {
  236.     background-color: #84969e !important;
  237.     border: none;
  238.     color: #fff;
  239. }
  240.  
  241. .balancesheet-header {
  242.     background-color: #84969e !important;
  243.     border: none;
  244.     color: #fff;
  245. }
  246.  
  247. .balancesheet-row {
  248.     background-color: #d4e3ea !important;
  249.     border: none;
  250. }
  251.  
  252. .ledger_head {
  253.     background-color: #84969e !important;
  254.     border: none;
  255.     padding: 15px;
  256.     font-size: 18px;
  257.     text-transform: uppercase;
  258.     color: #fff;
  259. }
  260.  
  261. .ledger_row_head {
  262.     background-color: #d4e3ea !important;
  263.     border: none;
  264.     padding: 10px;
  265. }
  266.  
  267. .ledger-table-head {
  268.     background-color: #d6d6d6 !important;
  269.     border: none;
  270.     padding: 10px;
  271. }
  272.  
  273. .narration {
  274.     background-color: #d4e3ea;
  275.     border: none;
  276. }
  277.  
  278. .general-journal-credit {
  279.     padding-left: 7%;
  280. }
  281.  
  282. .total_amount_area_row {
  283.     background-color: #f7f7f7;
  284. }
  285.  
  286. .row-buttons {
  287.     background-color: #f7f7f7;
  288.     padding: 15px 15px 0px 15px;
  289. }
  290.  
  291. .header_row {
  292.     padding: 0px 10px;
  293.     color: #fff;
  294.  
  295. }
  296.  
  297. .link-settting {
  298.     font-size: 15px;
  299.     display: block;
  300. }
  301.  
  302. .icon-settings {
  303.     font-size: 24px;
  304. }
  305.  
  306. .nav > ul {
  307.     text-align: center;
  308. }
  309.  
  310. .nav > li > a {
  311.     padding: 7px 11px 3px 12px;
  312. }
  313.  
  314. .navbar {
  315.     box-shadow: 15px 12px 56px -26px #333;
  316. }
  317.  
  318. .navbar-toggle i {
  319.     color: #337ab7;
  320. }
  321.  
  322. .responsive-color-list a:hover {
  323.     background-color: #e7e7e7;
  324. }
  325.  
  326. .homescreen-icon {
  327.     margin-top: 24px;
  328.  
  329. }
  330.  
  331. .alignment-icons {
  332.     margin-left: 15px;
  333. }
  334.  
  335. .privious_balance > input {
  336.     width: 100px;
  337.     border: none;
  338. }
  339.  
  340. .select2-container {
  341.     width: 100% !important;
  342. }
  343.  
  344. .content-wrapper {
  345.     min-height: 0% !important;
  346.     padding-top: 0.5%;
  347. }
  348.  
  349. .cheque-fields {
  350.     border: none;
  351.     border-bottom: 1px solid #ccc;
  352.     background-color: transparent;
  353.  
  354. }
  355.  
  356. .cheque-setting-top {
  357.     margin-top: 3%;
  358. }
  359.  
  360. .cheque-area-border {
  361.     border: 1px solid #eee;
  362.     border-radius: 3px;
  363. }
  364.  
  365. .bank-balance {
  366.     margin-top: 5px;
  367. }
  368.  
  369. .titles-section {
  370.     padding: 2% 0;
  371.     margin: 1% 0;
  372. }
  373.  
  374. .btn-submit-cheque {
  375.     margin-top: 1%;
  376. }
  377.  
  378. #existing_account {
  379.     display: none;
  380. }
  381.  
  382. #prescribtion_id:hover {
  383.     background-color: #000;
  384.     opacity: 0.2;
  385.     cursor: pointer;
  386. }
  387.  
  388. #prescribtion_id > img {
  389.     width: 80px;
  390.     height: 80px;
  391.     margin-left: 14px;
  392. }
  393.  
  394. .profile-user-img:hover {
  395.     background-color: #eee;
  396.     cursor: pointer;
  397.     opacity: 0.5;
  398. }
  399.  
  400. .passwordset {
  401.     cursor: pointer;
  402. }
  403.  
  404. .table-row-print {
  405.     border-bottom: 1px dotted #252525;
  406. }
  407.  
  408. .table-row-print td {
  409.     border: none !important;
  410. }
  411.  
  412. .link-setting-header {
  413.     padding: 0px 10px 0px 10px;
  414. }
  415.  
  416. .header_row a {
  417.     color: #fff;
  418. }
  419.  
  420. .navbar-default .navbar-toggle:focus,
  421. .navbar-default .navbar-toggle:hover {
  422.     background-color: none;
  423. }
  424.  
  425. .error {
  426.     color: #c00;
  427. }
  428.  
  429. .invoice {
  430.     margin-top: 20px;
  431. }
  432.  
  433. .set-input-width {
  434.     width: 100px;
  435. }
  436.  
  437. .invoice-confirmation i {
  438.     font-size: 321px;
  439.     color: #b7b7b7;
  440.     margin-top: 60px;
  441. }
  442.  
  443. .pos-invoice-btn {
  444.     margin-right: 14px;
  445. }
  446.  
  447. .bank-section-details {
  448.     display: none;
  449. }
  450.  
  451. .bank-cheque-no {
  452.     display: none;
  453. }
  454.  
  455. .users-list > li img {
  456.     border-radius: 100%;
  457. }
  458.  
  459.  
  460. /*---------------------*/
  461.  
  462. /* Header Styles
  463. =================================================================== */
  464.  
  465. .header-nav {
  466.     position: relative;
  467.     padding: 0px;
  468.     color: #fff !important;
  469.     background: #000 !important;
  470. }
  471.  
  472. .header-nav .btn {
  473.     display: inline-block;
  474.     margin: 0px;
  475.     font-size: 15px;
  476.     text-align: center;
  477.     background: transparent;
  478.     border: none;
  479.     border-radius: 0px;
  480.     box-shadow: none;
  481. }
  482.  
  483. .header-nav a.btn {
  484.     position: relative;
  485.     height: 30px;
  486.     min-width: 40px;
  487.     width: auto;
  488.     background: #40454a;
  489.     color: #fff !important;
  490.     text-shadow: none !important;
  491.     padding: 5px 10px !important;
  492.     margin: 5px 3px;
  493.     border-radius: 0px;
  494.     font-size: 12px;
  495. }
  496.  
  497. .header-nav a.btn .number {
  498.     position: absolute;
  499.     font-size: 8px;
  500.     line-height: 10px;
  501.     top: 0;
  502.     right: 0;
  503.     height: 10px;
  504.     width: 10px;
  505. }
  506.  
  507. .header-nav a.btn.btn-cart {
  508.     border-radius: 2px !important;
  509. }
  510.  
  511. .header-nav a.btn.account {
  512.     background: transparent;
  513.     height: 40px;
  514.     width: auto;
  515.     padding: 10px 10px 5px 10px !important;
  516.     margin: 0 0 0 3px;
  517. }
  518.  
  519. .header-nav a.btn.account .mini_avatar {
  520.     max-height: 36px !important;
  521.     margin: -8px 10px -10px 0px;
  522.     float: left;
  523. }
  524.  
  525. .header-nav a.btn:hover {
  526.     background: #282b2e;
  527. }
  528.  
  529. .header-nav .user {
  530.     display: inline-block;
  531.     text-align: left;
  532.     margin-top: -5px;
  533.     padding: 0px;
  534. }
  535.  
  536. .header-nav .user .hello {
  537.     display: block;
  538.     font-size: 11px;
  539.     font-weight: bold;
  540. }
  541.  
  542. .header-nav .user .name {
  543.     display: block;
  544.     margin-top: -6px !important;
  545.     font-size: 13px;
  546. }
  547.  
  548. .dropdown-menu {
  549.     list-style: none;
  550.     text-shadow: none;
  551.     border-radius: 0px;
  552. }
  553.  
  554. .dropdown-menu .divider {
  555.     margin: 2px 0;
  556. }
  557.  
  558. .dropdown-menu li a i {
  559.     padding-right: 10px;
  560. }
  561.  
  562. .dropdown-menu-sub-footer {
  563.     text-align: center;
  564.     cursor: pointer;
  565.     background: #F9F9F9;
  566.     padding: 5px;
  567.     border-top: 1px solid rgba(0, 0, 0, 0.15);
  568. }
  569.  
  570. ul.cart li {
  571.     min-width: 300px;
  572. }
  573.  
  574. ul.cart li {
  575.     font-size: 12px;
  576.     padding: 5px 0;
  577. }
  578.  
  579. .bdarkGreen {
  580.     background: #78cd51 !important;
  581. }
  582.  
  583. /*tooltip Box*/
  584.  
  585. .con-tooltip {
  586.     position: relative;
  587.     display: inline-block;
  588.     transition: all 0.3s ease-in-out;
  589.     cursor: default;
  590. }
  591.  
  592. /*tooltip */
  593.  
  594. .tooltip {
  595.     visibility: hidden;
  596.     padding: 10px 10px 0px;
  597.     text-align: center;
  598.     background: #333;
  599.     color: #fff;
  600.     position: absolute;
  601.     top: 90%;
  602.     left: -4%;
  603.     font: 16px;
  604.     transform: translateY(9px);
  605.     transition: all 0.3s ease-in-out;
  606. }
  607.  
  608.  
  609. /* tooltip  after*/
  610.  
  611. .tooltip::after {
  612.     content: " ";
  613.     width: 0;
  614.     height: 0;
  615.     border-style: solid;
  616.     border-width: 12px 12.5px 0 12.5px;
  617.     border-color: #333 transparent transparent transparent;
  618.     position: absolute;
  619.     left: 40%;
  620. }
  621.  
  622. .con-tooltip:hover .tooltip {
  623.     visibility: visible;
  624.     opacity: 1;
  625.     transition: .3s linear;
  626.  
  627. }
  628.  
  629. /*bottom*/
  630.  
  631. .bottom .tooltip {
  632.     top: 90%;
  633.     left: -4%;
  634. }
  635.  
  636. .bottom .tooltip::after {
  637.     top: -17%;
  638.     left: 40%;
  639.     transform: rotate(180deg);
  640. }
  641. .sn_cname{
  642.     padding: 8px 8px;
  643.  
  644.     font-size: 18px;
  645.  
  646.     font-weight: bold;
  647. }
  648. .sn_cyname {
  649.     font-size: 60px;
  650.     font-weight: bold;
  651. }
  652.  
  653. .sn_rclm {
  654.     margin-top: 20px;
  655. }
  656.  
  657. .grad1 {
  658.     background: linear-gradient(192deg, #C5D7A0, #e9efdd, #C5D7A0);
  659.     color: #C00052;
  660.     width: 150px;
  661.     text-align: center;
  662.     font-weight: bold;
  663.     margin: 0 auto;
  664.     padding: 12px 8px;
  665.     box-shadow: 4px 4px 10px #aaaaaa;
  666. }
  667. table,th{
  668.     text-align: center
  669. }
  670. /* Calculator
  671. ============================================= */
  672. .calc{width:200px;padding:4px;color:#333}div.is-calculator,span.is-calculator{position:relative}button.calculator-trigger{width:25px;padding:0}img.calculator-trigger{margin:2px;vertical-align:middle}.calculator-keyentry{position:absolute;top:0;right:3px;width:0;border:none;background:0 0}.calculator-inline{position:relative;border:1px solid #CCC;background-color:#f4f4f4}.calculator-inline .calculator-close{display:none}.calculator-rtl{direction:rtl}.calculator-prompt{clear:both;text-align:center}.calculator-prompt.ui-widget-header{margin:2px}.calculator-result{clear:both;margin:0;padding:2px;text-align:right;background-color:#fff;border:1px solid #CCC;font-size:110%;overflow:hidden}.calculator-result span{display:inline-block;width:100%}.calculator-result .calculator-formula{font-size:60%}.calculator-focussed{background-color:#ffc}.calculator-row{clear:both;width:100%}.calculator-space{float:left;margin:2px;width:28px}.calculator-half-space{float:left;margin:1px;width:14px}.calculator-row button{position:relative;float:left;margin:0;padding:0;height:40px;width:25%;line-height:40px;text-align:center;cursor:pointer;background:#FFF;border:1px solid #CCC}.calculator-inline .calculator-add,.calculator-inline .calculator-clear,.calculator-inline .calculator-divide,.calculator-inline .calculator-multiply,.calculator-inline .calculator-percent,.calculator-inline .calculator-plus-minus,.calculator-inline .calculator-subtract,.calculator-inline .calculator-undo{background:#EEE}.calculator-inline .calculator-equals{background:#bdea74}@-moz-document url-prefix(){.calculator-base,// Firefox .calculator-trig{text-indent:-3px}}.calculator-keystroke{display:none;width:16px;height:14px;position:absolute;left:-1px;top:-1px;color:#000;background-color:#fff;border:1px solid #CCC;font-size:80%}.calculator-angle .calculator-keystroke,.calculator-base .calculator-keystroke,.calculator-trig .calculator-keystroke{top:-2px;font-size:95%}.calculator-keyname{width:22px;font-size:70%}
  673.  
  674. .gallery-image { position: relative; display: inline-block; }
  675. .gallery-image .delimg { position: absolute; top: 0; right: 9px; }
  676. .sname { cursor: pointer; }
Raw Paste

Login or Register to edit or fork this paste. It's free.