/***************************************************************************************************
PopupWindow - The ultimate popup/dialog/modal jQuery plugin
    Author          : Gaspare Sganga
    Version         : 1.0.3
    License         : MIT
    Documentation   : http://gasparesganga.com/labs/jquery-popup-window/
***************************************************************************************************/
/*
    You can customize your PopupWindow style directly in this file 
    or override some classes/styles using an external CSS file loaded after this.
*/

/* Overlay */
.popupwindow_overlay {
    background-color    : rgba(255,255,255,0.6);
}

/* Window */
.popupwindow {
    color               : #333;
    background-color    : #fff;
    border              : 2px solid #fff;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 5px 0 rgba(143,143,143,.3);
}
.popupwindow_minimized {
    width               : 0px;
    box-shadow          : none;
	border:none;
}

/* TitleBar */
.popupwindow_titlebar {
    background-color    : #fff;
    padding             : 4px;
	z-index: 8;
}
.popupwindow_titlebar_draggable {
    cursor              : move;
}
    /* TitleBar Text */
    .popupwindow_titlebar_text {
        color           : #333;
        text-align      : left;
        padding-left    : 2px;
		font-size: 18px;
    }
    /* TitleBar Buttons */
    .popupwindow_titlebar_button {
        cursor              : pointer;
        /* width               : 22px; */
        height              : 22px;
        padding             : 4px 6px;
        margin-left         : 2px;
        /* background-color    : #f0f0f0; */
        /* stroke              : #505050; */
        /* border              : 1px solid #c8c8c8; */
        /* border-radius       : 2px; */
    }
	.popupwindow_titlebar_button span{
		display: block;
		width: 14px;
	}
	.popupwindow_titlebar_button span img{
		-webkit-filter: drop-shadow(0 22px #333);
		filter: drop-shadow(0 -22px #333);
		transform: translate(0, 22px);
	}
        .popupwindow_titlebar_button:hover {
            /* background-color    : #fafafa; */
            stroke              : #303030;
        }
        .popupwindow_titlebar_button:active {
            /* background-color    : #e0e0e0; */
        }
        /* The following classes can be used to customize single buttons */
        .popupwindow_titlebar_button_close {}
            .popupwindow_titlebar_button_close:hover {}
            .popupwindow_titlebar_button_close:active {}
        
        .popupwindow_titlebar_button_maximize {}
            .popupwindow_titlebar_button_maximize:hover {}
            .popupwindow_titlebar_button_maximize:active {}
        
        .popupwindow_titlebar_button_collapse {}
            .popupwindow_titlebar_button_collapse:hover {}
            .popupwindow_titlebar_button_collapse:active {}
        
        .popupwindow_titlebar_button_minimize {}
            .popupwindow_titlebar_button_minimize:hover {}
            .popupwindow_titlebar_button_minimize:active {}

/* Content */
.popupwindow_content {
    border-top      : 1px solid #c8c8c8;
    padding-top     : 10px;
    padding-right   : 10px;
    padding-left    : 10px;
    padding-bottom  : 10px; /* In order to preserve padding-bottom when the content is taller than the PopupWindow and thus scrolled on the Y-axis, set the same value as "height" in the following :after pseudo-class */
	background-color: #fff;
	z-index: 9;
	height: 100%;
}
.popupwindow_resizer{
	z-index: 10;
}
.popupwindow_resizer_topleft,
.popupwindow_resizer_topright,
.popupwindow_resizer_bottomleft,
.popupwindow_resizer_bottomright{
	width: 8px !important;
	height: 8px !important;
}
.popupwindow_resizer_topleft{
	top: -3px !important;
	left: -3px !important;
}
.popupwindow_resizer_topright{
	top: -3px !important;
	right: -3px !important;
}
.popupwindow_resizer_bottomleft{
	bottom: -3px !important;
	left: -3px !important;
}
.popupwindow_resizer_bottomright{
	bottom: -3px !important;
	right: -3px !important;
}
.popupwindow_resizer_top{
	top: -3px !important;
}
.popupwindow_resizer_bottom{
	bottom: -3px !important;
}
.popupwindow_resizer_left{
	left: -3px !important;
}
.popupwindow_resizer_right{
	right: -3px !important;
}
/* Set this value equal to .popupwindow_content's "padding-bottom" to preserve it when the content overflows Y-axis and the scrollbar is shown */
/* .popupwindow_content:after {
    content         : "";
    display         : block;
    height          : 10px; 
} */

/* StatusBar */
.popupwindow_statusbar {
    background-color    : #f0f0f0;
	height: 0;
}
    /* StatusBar Content */
    .popupwindow_statusbar_content {
        color               : #303030;
        font-family         : inherit;
        font-size           : inherit;
        font-weight         : normal;
        padding-left        : 4px;
    }
    /* StatusBar Handle */
    .popupwindow_statusbar_handle {
        width               : 10px;
        height              : 10px;
        stroke              : #a0a0a0;
		display: none !important;
    }