.bg{
	display: none;
	position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    z-index: 2;
    left: 0;
	top: 0;
}
.confirm{
	display: none;
	position: absolute;
	left: 50%;
	top: calc(50% + -30px);
	background-color: white;
	transform: translate(-50%, -50%);
	background-color: #fff;
	color: #596578;
	-webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.3);
	padding: 15px;
	width: 90%;
	max-width: 530px;

	z-index: 3;
}
.confirm .confirm-title{
	background-color: var(--c-secondary);
	color: var(--c-terciary);
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	min-height: 40px;
}
.confirm .confirm-title .close{
	float: right;
}
.confirm .confirm-body{
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 0.85rem;
	color: #222;
}
.confirm .confirm-btn{
	text-align: right;
}
/*Mobile*/
@media screen and (max-width:400px){
	.confirm .confirm-btn{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.confirm .confirm-btn > .btn{
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
}