/* The Popup (background) */

.popuptext {

  display: none; /* Hidden by default */

  position: absolute; /* Stay in place */

  z-index: 1; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}


/* Popup Content */

.popup-content {

  background-color: #fefefe;

  margin: auto;

  padding: 20px;

  border: 1px solid #888;

  width: 95%;

}



/* The Close Button */

.close {

  color: #aaaaaa;

  font-size: 28px;

  font-weight: bold;

  position: absolute;

  margin-left: 95.5%;

}



.close:hover,

.close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}



.kapsc_field_length {

  width: 40%;

}

button.popup {

  color: darkgray;

}

@media screen and (max-width: 600px) {

  .responsive {

	overflow-x: auto;

  }

  table {

	width: 100% !important;

  }

  .alignright{

	margin-left: initial !important;

  }

  .popup-content {

	width: 100% !important;

  }

}

div.responsive table thead th {

  background-color: white;

}