.popup{
	background-color:#efefef;position:relative;			
	max-width:100%;max-height:100%;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);		
		-ms-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);		
		 -o-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);		
			box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);		
}

.popup-border{border:1px solid #ffffff;}
.popup.popup-corner-close .popup-close{position:absolute;right:-14px;top:-14px;border-radius:100px;width: 30px;height: 30px;line-height: 26px;}

.popup-header,.popup-footer,.popup-content{padding:10px;}
.popup-header,.popup-footer{background-color:#E0E0E0;}
.popup-header{border:1px solid #ccc;border-width:0 0 1px 0;}
.popup-footer{border:1px solid #ccc;border-width:1px 0 0 0;}

.popup-radius,.popup-radius .popup-header,.popup-radius .popup-footer
{
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
		-ms-border-radius:4px;
		 -0-border-radius:4px;
			border-radius:4px;
}
.popup-radius .popup-header{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}
.popup-radius .popup-footer{border-top-left-radius:0 !important;border-top-right-radius:0 !important;}

/*flex box*/
.popup-holder-flex{
	height: 100%;
	
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
	display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.popup-holder-flex .popup-header,
.popup-holder-flex .popup-footer{
	-webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	
	@include display-flex;
	@include justify-content(center);
	@include align-items(center);
	
}
.popup-holder-flex .popup-content{
	-webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	
	overflow: auto;
	
	@include display-flex;
	@include justify-content(center);
	@include align-items(center);
	
}