custom.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. @font-face {
  2. font-family: 'aptos';
  3. src: url('../fonts/aptos-font/Aptos.eot');
  4. src: url('../fonts/aptos-font/Aptos.eot?#iefix') format('embedded-opentype'),
  5. /* IE6-IE8 */
  6. url('../fonts/aptos-font/Aptos.woff') format('woff'),
  7. /* Modern Browsers */
  8. url('../fonts/aptos-font/aptos.ttf') format('truetype');
  9. /* Safari, Android, iOS */
  10. }
  11. body {
  12. font-family: 'aptos';
  13. font-size: 14px;
  14. }
  15. .bg-body-secondary {
  16. background-color: #414042 !important;
  17. }
  18. .bg-body-tertiary {
  19. background-color: rgba(230, 231, 232, 0.3) !important;
  20. }
  21. .sidebar-brand .brand-link .brand-image {
  22. max-height: 40px;
  23. }
  24. /* .sidebar-wrapper .sidebar-menu>.nav-item>.nav-link.active:not(:hover) {
  25. background-color: #808285;
  26. } */
  27. .logo-mini {
  28. display: none;
  29. }
  30. .sidebar-collapse .logo-mini {
  31. display: block;
  32. }
  33. .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
  34. border: none !important;
  35. background: white !important;
  36. }
  37. .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
  38. margin-left: 7px;
  39. margin-left: 7px;
  40. }
  41. .dropdown-menu-lg {
  42. max-width: none !important;
  43. }
  44. .app-sidebar:hover .logo-mini {
  45. display: none;
  46. }
  47. .app-sidebar:hover .brand-text {
  48. max-width: none !important;
  49. }
  50. .sidebar-brand{
  51. height: 3.55rem;
  52. }
  53. .form-control{
  54. font-size: 14px;
  55. }
  56. .fa-angle-left.rotate {
  57. transform: rotate(-90deg);
  58. transition: transform 0.3s;
  59. }
  60. .ui-datepicker select.ui-datepicker-month,
  61. .ui-datepicker select.ui-datepicker-year {
  62. width: 45%;
  63. }
  64. .select2-container .select2-search--inline .select2-search__field {
  65. position: absolute;
  66. top: 3px;
  67. font-size: 14px;
  68. }
  69. .hiddenSpan {
  70. display: none;
  71. }
  72. .btn-outline-success i {
  73. color: green;
  74. }
  75. .btn-outline-danger i {
  76. color: red;
  77. }
  78. .sidebar-menu .nav-link>.right, .sidebar-menu .nav-link>p>.right {
  79. position: absolute;
  80. right: 1rem;
  81. top: .7rem;
  82. }
  83. .breadcrumb li{
  84. line-height: 1.9rem;
  85. }
  86. .overlay {
  87. position: fixed;
  88. top: 0;
  89. left: 0;
  90. width: 100%;
  91. height: 100%;
  92. background: rgba(0, 0, 0, 0.5);
  93. /* semi-transparent */
  94. display: none;
  95. /* hidden by default */
  96. align-items: center;
  97. justify-content: center;
  98. z-index: 1050;
  99. /* above most elements */
  100. }