@charset "utf-8";
/* Packeg dnA-popup-message By: Md. Anayet Hossain | CSS Document */

.dnA-img {
	cursor: zoom-in;
	transition: .3s;
}
.dnA-img:hover {
	transform: scale(1.03);
	transition: .3s;
}

.dnA-img-holder-bg {
	display: flex;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.dnA-img-holder-bg img {
	height: 750px;
	width: auto;
}

.dnA-img-popup-caption {
	text-align: center;
	font-size: 20px;
	padding: 7px 20px;
	margin: 7px 0;
	width: 100%;
	display: block;
}

.dnA-img-popup-caption-l {
	text-align: left;
	font-size: 20px;
	padding: 7px 20px;
	margin-top: 15px;
	width: 100%;
	display: flex;
	align-items: center;
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e8e8e8;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M7.5,3a4.46,4.46,0,0,1,2.39.7L13.59,0H1.41l3.7,3.7A4.46,4.46,0,0,1,7.5,3Z'/%3E%3Cpath class='cls-1' d='M12,7.5a4.46,4.46,0,0,1-.7,2.39l3.7,3.7V1.41l-3.7,3.7A4.46,4.46,0,0,1,12,7.5Z'/%3E%3Cpath class='cls-1' d='M3,7.5a4.46,4.46,0,0,1,.7-2.39L0,1.41V13.59l3.7-3.7A4.46,4.46,0,0,1,3,7.5Z'/%3E%3Cpath class='cls-1' d='M8.41,5.18a2.39,2.39,0,0,0-1.82,0A2.45,2.45,0,0,0,5.18,6.59a2.39,2.39,0,0,0,0,1.82A2.45,2.45,0,0,0,6.59,9.82a2.39,2.39,0,0,0,1.82,0A2.45,2.45,0,0,0,9.82,8.41a2.39,2.39,0,0,0,0-1.82A2.45,2.45,0,0,0,8.41,5.18Z'/%3E%3Cpath class='cls-1' d='M7.5,12a4.46,4.46,0,0,1-2.39-.7L1.41,15H13.59l-3.7-3.7A4.46,4.46,0,0,1,7.5,12Z'/%3E%3Cpath class='cls-2' d='M13.59,0,9.89,3.7a4.43,4.43,0,0,0-4.78,0L1.41,0H0V1.41l3.7,3.7a4.43,4.43,0,0,0,0,4.78L0,13.59V15H1.41l3.7-3.7a4.43,4.43,0,0,0,4.78,0l3.7,3.7H15V13.59l-3.7-3.7a4.43,4.43,0,0,0,0-4.78L15,1.41V0ZM10,7.5a2.5,2.5,0,0,1-.18.91A2.45,2.45,0,0,1,8.41,9.82a2.39,2.39,0,0,1-1.82,0A2.45,2.45,0,0,1,5.18,8.41a2.39,2.39,0,0,1,0-1.82A2.45,2.45,0,0,1,6.59,5.18a2.39,2.39,0,0,1,1.82,0A2.45,2.45,0,0,1,9.82,6.59,2.5,2.5,0,0,1,10,7.5Z'/%3E%3C/svg%3E");
	background-size: 15px;
	border: thin solid #ccc;
}

.dnA-img-popup-caption-l i {
	font-size: 25px;
	color: #f00;
	margin-top: 4px;
}

.msgA-over-cc-1,
.msgA-msg-cc-1 {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	display: block;
	z-index: 1999;
	background: rgba(0, 0, 0, .2);
	display: none;
}

.msgA-over-cc-1 .msgA-popup-box,
.msgA-msg-cc-1 .msgA-popup-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	padding: 20px;
	background: #fff;
	border: 1px solid #ccc;
}

.msgA-msg-cc-1 i.yes {
	font-size: 50px;
	color: #318200;
}

.msgA-msg-cc-1 i.no {
	font-size: 50px;
	color: #f00;
}

.msgA-msg-cc-1 i.warring {
	font-size: 50px;
	color: #CC5F00;
}

.msgA-msg-cc-1 i.help {
	font-size: 50px;
	color: #008CFF;
}

.msgA-msg-cc-1 i.question {
	font-size: 50px;
	color: #006C8E;
}

.msgA-msg-cc-1 .msgA-msg {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}

.msgA-popupA-1 {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	padding: 30px;
	background: rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px #999;
	z-index: 999;
	display: none;
	transition: .3s;
}

[class^="msgA-popupA-full-"], [class*=" msgA-popupA-full-"] {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	display: block;
	z-index: 999;
	background: rgba(0, 0, 0, .2);
	display: none;
}

.msgA-popup-box {
	overflow: visible;
}

.msgA-popupA-full-1 {
}

.msgA-popupA-full-tl-1 .msgA-popup-box {
	position: absolute;
	top: 20px;
	left: 20px;
}

.msgA-popupA-full-tc-1 .msgA-popup-box {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
}

.msgA-popupA-full-tr-1 .msgA-popup-box {
	position: absolute;
	top: 20px;
	right: 20px;
}

.msgA-popupA-full-lc-1 .msgA-popup-box {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.msgA-popupA-full-cc-1 .msgA-popup-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.msgA-popupA-full-rc-1 .msgA-popup-box {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.msgA-popupA-full-bl-1 .msgA-popup-box {
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.msgA-popupA-full-bc-1 .msgA-popup-box {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
}

.msgA-popupA-full-br-1 .msgA-popup-box {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.msgA-popup-box {
	position: relative;
	padding: 30px;
	background: #fff;
	border: 1px solid #c2c2c2;
	display: inline-block;
}

.msgA-scroll-y .msgA-popup-box {
	max-height: 95vh;
	overflow-y: auto;
}

.msgA-popup-box.msgA-popup-tp {
	background: transparent;
}

.msgA-popup-box.boxA-300 {
	width: 300px;
}

.msgA-popup-box.boxA-400 {
	width: 500px;
}

.msgA-popup-box.boxA-500 {
	width: 400px;
}

.msgA-popup-box.boxA-500 {
	width: 500px;
}

.msgA-popup-box.boxA-600 {
	width: 600px;
}

.msgA-popup-box.boxA-700 {
	width: 700px;
}

.msgA-popup-box.boxA-800 {
	width: 800px;
}

.msgA-popup-box.boxA-900 {
	width: 900px;
}

.msgA-popup-box.boxA-1000 {
	width: 1000px;
}

.msgA-popup-box.boxA-1100 {
	width: 1100px;
}

.msgA-popup-box.boxA-1200 {
	width: 1200px;
}

.msgA-popup-box.boxA-500 {
	width: 500px;
}

.msgA-popup-box .btnA-msg-pos-tr {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 999;
}

.msgA-popup-box .btnA-msg-pos-tr-cus-1 {
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 999;
}

.dnA-msg-close-custom-1 {
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-content: center;
	line-height: 14px;
	color: #FD7E81;
	background: linear-gradient(to top, #f2f2f2, #fff);
	border: 1px solid #FD7E81;
	border-radius: 3px;
	padding: 7px 20px;
	transition: .3s;
}

.dnA-msg-close-custom-1 i {
	font-size: 14px;
}

.dnA-msg-close-custom-1:hover {
	color: #f00;
	background: linear-gradient(to top, #f2f2f2, #fff);
	border: 1px solid #f00;
	transition: .3s;
}

.dnA-msg-close-custom-1:active {
	color: #fff;
	background: #f00;
	border: 1px solid #f00;
	transition: .3s;
}

.btnA-msg-close-symbol-2:hover {
	width: 35px;
	height: 35px;
	font-size: 27px;
	display: flex;
	justify-content: center;
	align-content: center;
	line-height: 0;
	color: #8F8686;
	background: linear-gradient(to top, #f2f2f2, #fff);
	border: 1px solid #A49C9C;
	overflow: hidden;
	transition: .3s;
}

.btnA-msg-close-symbol-1 {
	width: 28px;
	height: 30px;
	font-size: 27px;
	text-align: center;
	line-height: 0;
	padding-bottom: 7px !important;
	color: #8F8686;
	background: linear-gradient(to top, #f2f2f2, #fff);
	border: 1px solid #A49C9C;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition: .3s;
}

.btnA-msg-close-symbol-1:hover {
	color: #f00;
	background: transparent;
	border: 1px solid #f00;
	transition: .3s;
}

.btnA-msg-close-symbol-1:active {
	color: #009310;
	background: transparent;
	border: 1px solid #009310;
	transition: .3s;
}

.btnA-msg-close-1 {
	font-size: 16px;
	text-align: center;
	padding: 2px 20px;
	color: #8F8686;
	background: linear-gradient(to top, #f2f2f2, #fff);
	border: 1px solid #A49C9C;
	transition: .3s;
}

.btnA-msg-close-1:hover {
	color: #f00;
	background: linear-gradient(to top, #f2f2f2, #fff);
	border: 1px solid #f00;
	transition: .3s;
}

.btnA-msg-close-1:active {
	color: #009310;
	background: transparent;
	border: 1px solid #009310;
	transition: .3s;
}

.msgA-popup-header {
	font-size: 20px;
	font-weight: 500;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

.msgA-popup-footer {
	text-align: right;
	padding-top: 5px;
	margin-top: 20px;
	border-top: 1px solid #ccc;
}