#popup_container {
	min-width: 420px; /* Dialog will be no smaller than this */
	max-width: 800px; /* Dialog will wrap after this width */
	position: fixed!important;

	background: #140101;
	border: 2px solid #F54E51;
	top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important;
}

#popup_overlay {position: fixed!important;}

#popup_title {
	font-size: 20px;
	color: #FFF;
	padding: 10px 15px 0px;
	margin: 0;
}

#popup_content {
	/*margin-bottom: 10px;*/
	padding: 15px;
}

#popup_message {
	padding-bottom: 15px;
	color: #fff;
}

#popup_panel {
	text-align: center;
}

#popup_prompt {

}

#popup_panel input {

}

#popup_content.confirm #popup_panel{
}

#popup_panel input#popup_ok {
	font-size: 14px; border: 0px; padding: 5px 16px; background: linear-gradient(180deg, #FA9806 0%, #FED83F 100%); font-weight: bold;
}

#popup_panel input#popup_cancel {
	font-size: 14px; border: 0px; padding: 5px 16px; background: linear-gradient(180deg, #F7181C 0%, #FF7072 100%); font-weight: bold; color: #333333
}

@media ( max-width : 767px) {
	#popup_container{
		min-width: 90%;
		max-width: 90%;
	}
}

/* Resize  Welcome CMS */
#popup_message img {
    width: 93%!important;
    height: 100%!important;
}

/* welcome pop up request to add "X" */
#popup_container {border-radius: 0 15px;}
#popup_container .closee {
	background: #F54E51;
	position: absolute;
	z-index: 1;
	top: 5px;
	right: 5px;
	color: #fff;
	width: 35px;
	height: 35px;
	border-radius: 100%;
	cursor: pointer;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
}
#popup_container .announcement-title {
	position: relative;
	width: 60%;
	max-width: 200px;
	border: 3px solid #F54E51;
	background: #000;
	padding: 10px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	margin: -40px auto 0;
	color: #F54E51;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 767px) {
	#popup_container .announcement-title {
		padding: 20px 30px!important;
	}
	#popup_container .announcement-title h3 {
		font-size: 1.75rem!important;
	}
	#popup_container .announcement-title .icon {
		padding: 15px!important;
		border: 3px solid #F54E51!important;
	}
	::-webkit-scrollbar {
		width: 10px!important;               /* width of the entire scrollbar */
	}

	::-webkit-scrollbar-track {
		background: #f1f1f1!important;        /* color of the tracking area */
	}

	::-webkit-scrollbar-thumb {
		background: #888!important;   /* color of the scroll thumb */
		border-radius: 20px!important;       /* roundness of the scroll thumb */
		border: 3px solid #f1f1f1!important;  /* creates padding around scroll thumb */
	}
}
#popup_container .announcement-title .icon {
	border-radius: 50px;
	border: 2px solid #F54E51;
	padding: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#popup_container .announcement-title h3 {
	margin: 0 0 0 10px;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
}
#popup_message {
	max-height: 70vh;
	overflow-y: auto;
}
@media screen and (min-width: 767px) {
	#popup_message {
		max-height: 80vh!important;
		overflow-y: auto!important;
	}
}