.open-popup {
      /*margin: 20px;
      padding: 10px 20px;
      background: #007bff;
      color: white;
      border: none;
      border-radius: 5px;*/
      cursor: pointer;
    }

    .popup {
      display: none;
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
      z-index: 9999;
      padding: 20px;
      box-sizing: border-box;
    }

    .popup.show {
      display: flex;
    }

    .popup-content {
      background: #fff;
      width:600px;
      max-height: 80vh;
      border-radius: 10px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }

    .popup-header {
      background: #f1f1f1;
      padding: 15px 20px;
      font-weight: bold;
      position: relative;
      flex-shrink: 0;
      border-bottom: 1px solid #ccc; 
	    font-family: Arial, Helvetica, sans-serif;
	  
    }

    #closeBtn {
      position: absolute;
      top: 12px;
      right: 15px;
      background: #dc3545;
      color: white;
      border: none;
      padding: 5px 10px;
      border-radius: 3px;
      cursor: pointer;
    }
	
	  #closeBtn:hover {
      position: absolute;
      top: 12px;
      right: 15px;
      background:#585656;
      color: white;
      border: none;
      padding: 5px 10px;
      border-radius: 3px;
      cursor: pointer;
    }

    .popup-body {
      padding: 15px 20px;
      overflow-y: auto;
      flex-grow: 1;
    }