/********************Popup Box *****************/
.pb-bg{position: fixed; overflow:auto; display:true; background-color:rgba(0,0,0,0.7); top:0; width:100%; height:100%; z-index:100; margin:auto;}
		
#pb-wrap{max-width:800px; height:auto; margin:50px auto; text-align:inherit;}
#pb-cont{
	position: relative;
    background-color: #fefefe;
    margin:auto;
    padding: 1rem;
	border-radius:5px;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close1{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    display: block;
    border: 1px solid black;
    text-align: center;
    background-color: #995316;
    padding: 0.5rem;
}

.close1:hover,
.close1:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}	
/********************Popup Box *****************/

/******* Inside Popup Box ***********/
.pb-btn {
    padding: 1rem;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
  }
  
  .pb-btn:hover {
    opacity: 0.8;
  }

  .btn-red{
	background-color: red;
	color:white;
}
.btn-green{
	background-color: #04AA6D;
	color:white;
}
  .pbform input[type=text]{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }