.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: transparent; /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 450px;
  border-radius: 5px;
}

.ddl-modal
{
    width: 265px;
    padding: 5px;
    font-size: 17px;
    cursor:pointer;
}

.txb-modal
{
    width: 265px;
    padding: 5px;
    font-size: 17px;
    box-sizing:border-box;
}

.btn-modal
{
    width: 100px;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
}

.btn-modal-wide
{
    width: 150px;
}

.btn-cancel
{
    background-color: #B3B3B3;
}

.btn.btn-cancel:hover, .btn.btn-cancel:focus 
{
    background-color: #D9D9D9;
}

.clearfix::after { 
   content: " ";
   display: block; 
   clear: both;
}