.bg{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	padding: 0px;
	overflow: hidden;
	display: block;
	background: rgba(0,0,0,.5);
}


.confirm{
	position: absolute;
	display: block;
    border-radius: 2px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.4);
	background: #f2f2f2;
	height: auto;
	font-size: 14px;
}


.confirm.success{
    color: #3c763d;
    background-color: #dff0d8;
}

.confirm.info{
    color: #31708f;
    background-color: #d9edf7;
}

.confirm.warning{
    color: #8a6d3b;
    background-color: #fcf8e3;
}

.confirm.danger{
	color: #a94442;
    background-color: #f2dede;
}



/*********** BOX **************/


.confirm.box .body{
	padding: 20px 20px !important;
	width: calc(100% - 40px) !important;
    height: calc(100% - 40px) !important;
}

.confirm.box button{
    width: 100%;
    margin: 7px 0px 0px 0px;
    height: 32px;
}




/********** BAR **************/


.confirm.bar{
	display: block;
	width:100%;
	padding:0;
	height:auto;
	border-radius: 0;
	box-shadow: 0px 0px 5px rgba(0,0,0,.4);
}

.confirm.bar .body{
	padding: 8px;
}

















.confirm.bar button{
    width: auto;
    float: right;
    margin: 5px 0px 5px 5px;
}