#lw-modal-dialog {
	display: none;
}
/* The Modal (background) */
.lw-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: #474e5d;
	padding-top: 50px;
}
/* Modal Content/Box */
.lw-modal-content {
	background-color: #fefefe;
	margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
}
/* Style the horizontal ruler */
hr {
	border: 1px solid #f1f1f1;
	margin-bottom: 25px;
}
/* The Modal Close Button (x) */
.lw-modal-close {
	position: absolute;
	right: 35px;
	top: 15px;
	font-size: 40px;
	font-weight: bold;
	color: #f1f1f1;
}
.lw-modal-close:hover,
.lw-modal-close:focus {
	color: #f44336;
	cursor: pointer;
}
.lw-modal-clearfix::after {
	content: "";
	clear: both;
	display: table;
}

#lw-modal-cancel-btn {
  float: left;
  width: 50%;
  background-color: #ccc;
  color: black;
}

#lw-modal-ok-btn {
  float: left;
  width: 50%;
  background-color: #32cd32;
}

#lw-modal-dialog .container {
  padding: 16px;
  text-align: center;
}

/* Change styles for cancel button and delete button on extra small screens */
@media screen and (max-width: 300px) {
  .cancelbtn, .deletebtn {
     width: 100%;
  }
}