/***************************************************************************************************
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 */

.popupwindows
{
display: none;
}

.popupwindow_container
{
width: 100%;
float: left;
}

.popupwindow, .popupwindow_container, .popupwindow_overlay
{
z-index: 1200;
}

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

/* Window */
.popupwindow {
    background-color    : #fff;
}

.popupwindow_minimized {
	width               : 200px;
	margin-left: 2px;
	box-shadow: none;
}

/* TitleBar */
.popupwindow_titlebar {
    padding             : 10px 5px;
	border-bottom:1px solid #333;
}

.popupwindow_minimized .popupwindow_titlebar
{
	background-color: #fff;
}



    /* TitleBar Text */
    .popupwindow_titlebar_text {
        color           : #333;
        font-family     : inherit;
        font-size       : inherit;
        text-align      : center;
		font-size: 15px;
		text-transform: Uppercase;
    }
    /* TitleBar Buttons */
    .popupwindow_titlebar_button {
        cursor              : pointer;
        max-width               : 45px;
        height              : 30px;
        margin-left         : 5px;
        stroke              : #505050;
		font-size: 0.8em;
    }
	
	.popupwindow_titlebar_button  > i
	{
		font-size: 1.3em;
		color: #505050;
	}
	
	 .popupwindow_titlebar_button > span
	 {
			display: inline-block;
			font-size: 0.9em;
			padding-left: 5px;
	 }
        .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 {
	display:block;
	float: left;
	width: 100%;
	padding-bottom: 25vh; /* Tránh thanh Toolbar của IOS */
}

.popupwindow_content:after {
    content         : "";
    display         : block;
    height          : 10px; /* Set this value equal to .popupwindow_content's "padding-bottom" to preserve it when the content overflows Y-axis and the scrollbar is shown */
}

/* StatusBar */
.popupwindow_statusbar {
    background-color    : #f0f0f0;
    border-top          : 1px solid #c8c8c8;
    
}
    /* 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;
    }


.popupwindow_statusbar_button
{
display: inline-block;
color: #424242;
font-size: 0.8em;
border: 1px solid #ccc;
background-color: #fff;	
}