.cursor-pointer { cursor: pointer; } body { font-family: 'CoconFont'; } .navbar[class*=fixed-] { z-index: 1 } .name { cursor: pointer; color: #2c7be5; } .card-header-title { white-space: nowrap; } .black-menu { color: #00000080; padding: 7px; font-size: 20px; border-radius: 50%; } .black-menu:hover { cursor: pointer; color: #000; transition: background-color 0.5s ease; background-color: rgba(0, 0, 0, 0.2); } ul { list-style-type: none; padding-left: 0; margin: 0; } .dropdown-menu { padding: 5px; min-width: 220px; border-radius: 0.5rem; z-index: 9999 !important; } /* Positioning for .dropdown-menu-custom is handled in app.component.ts (Safari clips position:fixed menus to the nearest overflow:auto ancestor, e.g. .table-responsive, so the menu is moved to on open instead of being pinned via CSS). */ .dropdown-item { border-radius: 6px; margin-top: 2px; margin-bottom: 2px; } .dropdown-item:focus, .dropdown-item:hover { background-color: var(--primary-color-light); border-radius: 6px; } .form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color); } .table-responsive { z-index: 999 !important; } @font-face { font-family: 'CoconFont'; src: url('../fonts/cocon_next_arabic_light.otf') format('opentype'); font-weight: normal; font-style: normal; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; }