html,
   body {
     background-color: rgb(160, 160, 160);
     padding: 0;
   }

   ul,
   li,
   pre {
     list-style: none;
     margin: 0;
     padding: 0;
   }

   #myDialog {
     padding: 20px;
     width: 100vw;
   }


   #tags-table *[data-tag-id]:hover {
     cursor: pointer;
     background-color: #76abbd;
   }

   #tags-table *.with-note {
     border-left: 3px solid #f43a3a;
   }



   /* region pagination */
   .pagination-controls {
     display: flex;
     align-items: center;
     gap: 0.5rem;
     padding: 0.75rem;
     font-family: sans-serif;
   }

   .pagination-controls button,
   .pagination-controls select,
   .pagination-controls input[type="number"] {
     padding: 6px 12px;
     font-size: 14px;
     border: 1px solid #ccc;
     border-radius: 6px;
     background-color: #f9f9f9;
     cursor: pointer;
     transition: background-color 0.2s;
   }

   .pagination-controls button:hover,
   .pagination-controls select:hover,
   .pagination-controls input[type="number"]:hover {
     background-color: #f0f0f0;
   }

   .pagination-controls button:disabled {
     background-color: #e0e0e0;
     cursor: not-allowed;
   }

   .pagination-controls input[type="number"] {
     width: 60px;
   }
   /* endregion */
   
   #add-problem-form input {
     width: 90%;
   }