dashboard.css 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  1. /*!
  2. * Start Bootstrap - SB Admin v5.1.1 (https://startbootstrap.com/template-overviews/sb-admin)
  3. * Copyright 2013-2019 Start Bootstrap
  4. * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-sb-admin/blob/master/LICENSE)
  5. */
  6. i.nav_icon {
  7. width: 25px;
  8. }
  9. @media print {
  10. *,
  11. *::before,
  12. *::after {
  13. text-shadow: none !important;
  14. -webkit-box-shadow: none !important;
  15. box-shadow: none !important;
  16. }
  17. a:not(.btn) {
  18. text-decoration: underline;
  19. }
  20. abbr[title]::after {
  21. content: " (" attr(title) ")";
  22. }
  23. pre {
  24. white-space: pre-wrap !important;
  25. }
  26. pre,
  27. blockquote {
  28. border: 1px solid #adb5bd;
  29. page-break-inside: avoid;
  30. }
  31. thead {
  32. display: table-header-group;
  33. }
  34. tr,
  35. img {
  36. page-break-inside: avoid;
  37. }
  38. p,
  39. h2,
  40. h3 {
  41. orphans: 3;
  42. widows: 3;
  43. }
  44. h2,
  45. h3 {
  46. page-break-after: avoid;
  47. }
  48. @page {
  49. size: a3;
  50. }
  51. body {
  52. min-width: 992px !important;
  53. }
  54. .container {
  55. min-width: 992px !important;
  56. }
  57. .navbar {
  58. display: none;
  59. }
  60. .badge {
  61. border: 1px solid #000;
  62. }
  63. .table {
  64. border-collapse: collapse !important;
  65. }
  66. .table td,
  67. .table th {
  68. background-color: #fff !important;
  69. }
  70. .table-bordered th,
  71. .table-bordered td {
  72. border: 1px solid #dee2e6 !important;
  73. }
  74. .table-dark {
  75. color: inherit;
  76. }
  77. .table-dark th,
  78. .table-dark td,
  79. .table-dark thead th,
  80. .table-dark tbody + tbody {
  81. border-color: #dee2e6;
  82. }
  83. .table .thead-dark th {
  84. color: inherit;
  85. border-color: #dee2e6;
  86. }
  87. }
  88. #wrapper {
  89. display: -webkit-box;
  90. display: -ms-flexbox;
  91. display: flex;
  92. }
  93. #wrapper #content-wrapper {
  94. overflow-x: hidden;
  95. width: 100%;
  96. padding-top: 1rem;
  97. /* padding-bottom: 80px; */
  98. }
  99. .scroll-to-top {
  100. position: fixed;
  101. right: 15px;
  102. bottom: 15px;
  103. display: none;
  104. width: 50px;
  105. height: 50px;
  106. text-align: center;
  107. color: #fff;
  108. background: rgba(52, 58, 64, 0.5);
  109. line-height: 46px;
  110. }
  111. .scroll-to-top:focus, .scroll-to-top:hover {
  112. color: white;
  113. }
  114. .scroll-to-top:hover {
  115. background: #343a40;
  116. }
  117. .scroll-to-top i {
  118. font-weight: 800;
  119. }
  120. .smaller {
  121. font-size: 0.7rem;
  122. }
  123. .o-hidden {
  124. overflow: hidden !important;
  125. }
  126. .z-0 {
  127. z-index: 0;
  128. }
  129. .z-1 {
  130. z-index: 1;
  131. }
  132. .navbar-nav .form-inline .input-group {
  133. width: 100%;
  134. }
  135. .navbar-nav .nav-item.active .nav-link {
  136. color: #fff;
  137. }
  138. .navbar-nav .nav-item.dropdown .dropdown-toggle::after {
  139. width: 1rem;
  140. text-align: center;
  141. float: right;
  142. vertical-align: 0;
  143. border: 0;
  144. font-weight: 900;
  145. content: '\f105';
  146. font-family: 'Font Awesome 5 Free';
  147. }
  148. .navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {
  149. content: '\f107';
  150. }
  151. .navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {
  152. display: none;
  153. }
  154. .navbar-nav .nav-item .nav-link:focus {
  155. outline: none;
  156. }
  157. .navbar-nav .nav-item .nav-link .badge {
  158. position: absolute;
  159. margin-left: 0.75rem;
  160. top: 0.3rem;
  161. font-weight: 400;
  162. font-size: 0.5rem;
  163. }
  164. @media (min-width: 768px) {
  165. .navbar-nav .form-inline .input-group {
  166. width: auto;
  167. }
  168. }
  169. .sidebar {
  170. width: 90px !important;
  171. background-color: #212529;
  172. min-height: calc(100vh - 56px);
  173. }
  174. .sidebar .nav-item:last-child {
  175. margin-bottom: 1rem;
  176. }
  177. .sidebar .nav-item .nav-link {
  178. text-align: center;
  179. padding: 0.75rem 1rem;
  180. width: 90px;
  181. }
  182. .sidebar .nav-item .nav-link span {
  183. font-size: 0.65rem;
  184. display: block;
  185. }
  186. .sidebar .nav-item .dropdown-menu {
  187. position: absolute !important;
  188. -webkit-transform: none !important;
  189. transform: none !important;
  190. left: calc(90px + 0.5rem) !important;
  191. margin: 0;
  192. }
  193. .sidebar .nav-item .dropdown-menu.dropup {
  194. bottom: 0;
  195. top: auto !important;
  196. }
  197. .sidebar .nav-item.dropdown .dropdown-toggle::after {
  198. display: none;
  199. }
  200. .sidebar .nav-item .nav-link {
  201. color: rgba(255, 255, 255, 0.5);
  202. }
  203. .sidebar .nav-item .nav-link:active, .sidebar .nav-item .nav-link:focus, .sidebar .nav-item .nav-link:hover {
  204. color: rgba(255, 255, 255, 0.75);
  205. }
  206. .sidebar.toggled {
  207. width: 0 !important;
  208. overflow: hidden;
  209. }
  210. @media (min-width: 768px) {
  211. .sidebar {
  212. width: 225px !important;
  213. }
  214. .sidebar .nav-item .nav-link {
  215. display: block;
  216. width: 100%;
  217. text-align: left;
  218. padding: 1rem;
  219. width: 225px;
  220. }
  221. .sidebar .nav-item .nav-link span {
  222. font-size: 1rem;
  223. display: inline;
  224. }
  225. .sidebar .nav-item .dropdown-menu {
  226. position: absolute !important;
  227. -webkit-transform: none !important;
  228. transform: none !important;
  229. left: calc(225px + 0.5rem) !important;
  230. margin: 0;
  231. }
  232. .sidebar .nav-item.dropdown .dropdown-toggle::after {
  233. display: block;
  234. }
  235. .sidebar.toggled {
  236. overflow: visible;
  237. width: 90px !important;
  238. }
  239. .sidebar.toggled .nav-item:last-child {
  240. margin-bottom: 1rem;
  241. }
  242. .sidebar.toggled .nav-item .nav-link {
  243. text-align: center;
  244. padding: 0.75rem 1rem;
  245. width: 90px;
  246. }
  247. .sidebar.toggled .nav-item .nav-link span {
  248. font-size: 0.65rem;
  249. display: block;
  250. }
  251. .sidebar.toggled .nav-item .dropdown-menu {
  252. position: absolute !important;
  253. -webkit-transform: none !important;
  254. transform: none !important;
  255. left: calc(90px + 0.5rem) !important;
  256. margin: 0;
  257. }
  258. .sidebar.toggled .nav-item .dropdown-menu.dropup {
  259. bottom: 0;
  260. top: auto !important;
  261. }
  262. .sidebar.toggled .nav-item.dropdown .dropdown-toggle::after {
  263. display: none;
  264. }
  265. }
  266. footer {
  267. background-color: #e9ecef;
  268. }
  269. footer.sticky-footer .copyright {
  270. line-height: 1;
  271. font-size: 0.8rem;
  272. }
  273. body.sidebar-toggled footer.sticky-footer {
  274. width: 100%;
  275. }
  276. @media (min-width: 768px) {
  277. body.sidebar-toggled footer.sticky-footer {
  278. width: calc(100% - 90px);
  279. }
  280. }