#popup_container {
	width: 320px;
    height: auto;
	text-align:center;
    padding: 8px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
	-webkit-animation: pop-in 0.3s;
	-moz-animation: pop-in 0.3s;
	animation: pop-in 0.3s;
  background-color: white;
}

.popup_container{
	background-color:#292929;
	color:var(--bfont);
}

.popup_container .btn-default{
	border:black;
	height:45px;
	width:110px;
	    background-image: var(--m_topbtn);
	color:black;
	font-weight:bold;
	text-shadow:none;
	cursor:pointer;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	border-radius:3px;
	margin-right:10px;
}

.popup_container .btn-primary{
	border:none; 
  padding: 5px 10px;
	background-image: var(--m_topbtn);
	color:white;
	font-weight:bold;
	cursor:pointer;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	border-radius:3px;
}

#popup_message {
  width: 320px;
  padding: 0 0 10px 0;
  font-size: 13px;
  color: var(--navbfont);
}

.popup_title{
	color: var(--navbfont);
  font-size: 15px;
  padding: 10px;
}

#popup_panel {
padding:5px;
text-align: center;
	
}


@-webkit-keyframes pop-in {
        0% {
          -ms-transform: scale(0);
          -webkit-transform: scale(0);
          transform: scale(0)
        }

        70% {
          -ms-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1)
        }

        to {
          -ms-transform: scale(1);
          -webkit-transform: scale(1);
          transform: scale(1)
        }
      }

      @keyframes pop-in {
        0% {
          -ms-transform: scale(0);
          -webkit-transform: scale(0);
          transform: scale(0)
        }

        70% {
          -ms-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1)
        }

        to {
          -ms-transform: scale(1);
          -webkit-transform: scale(1);
          transform: scale(1)
        }
	}		
}