/***************************************************************************************************
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_container{
  z-index: 10 !important;
}
/* Window */
.popupwindow_overlay{
  background-color    : rgba(0,0,0,.7);
  position:fixed;
  top:0;
  left: 0;
  display:table;
  text-align:center;
  width:100%;
  height:100%;
}
.popupwindow {
  z-index: 10;
  position:relative;
  display:block;
  text-align:center;
  color               : #303030;
  background-color    : #fcfcfc;
  border              : 1px solid #c8c8c8;
  box-shadow          : 0px 2px 4px #a0a0a0;
  border-radius: 15px;
}
.popupwindow_minimized {
    width               : 94px;
    box-shadow          : none;
    border-radius: 0px;
    z-index: 99
}

/* TitleBar */
.popupwindow_titlebar {
  padding: 15px 15px 0px 15px;
  display: contents;
}
.popupwindow_titlebar_draggable {
    cursor              : pointer;
}
    /* TitleBar Text */
    .popupwindow_titlebar_text {
        color           : #404040;
        font-family     : inherit;
        font-size       : inherit;
        font-weight     : bold;
        text-align      : left;
        padding-left    : 2px;
    }
    /* TitleBar Buttons */
    .popupwindow_titlebar_button {
        cursor: pointer;
        width: 24px;
        height: 22px;
        padding: 5px;
        margin-left: 7px;
        stroke: #505050;
        border: 1px solid #f0f0f0;
        border-radius       : 2px;
    }
        .popupwindow_titlebar_button:hover {
            stroke              :  #e38231 !important;
        }
        .popupwindow_titlebar_button:active {
          stroke              :  #e38231 !important;
        }
        /* 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: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 */
}
.popupwindow.popupwindow_minimized .popupwindow_titlebar {
    padding: 10px 15px;
    border: 0px solid green;
    background: #e38231;
    bottom: 5px
}
.popupwindow{
  border: 0px solid green;
}
.popupwindow.popupwindow_minimized .popupwindow_titlebar_button{
  stroke:white !important;
  /**border: 0px solid #f0f0f0**/
}
.popupwindow.popupwindow_minimized {
  z-index: 9999;
  overflow: visible;
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 560px){
  .popupwindow.popupwindow_minimized {
    max-width: 94px;
    left: 0px !important;
  }
}