.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;

    border: 1px solid #CCCCCC;  
    
    max-height: 66%;
}

.jqmWindow  .popup-window-header {
	background:transparent url(images/header_background_gray.gif) repeat-x scroll 0 0;
	border-bottom:1px solid #CCCCCC;
	height:25px;
}

.jqmWindow  .popup-window-title {
	margin-left:10px;
	line-height:23px;
	color:#DD7814;
	display:block;
	float:left;
}

.jqmWindow  .jqmClose
{
	float:right;
	margin-right:10px;
	line-height:23px;
}

.jqmWindow .popup-window-content
{
    color: #333;
    position: fixed;
    width: 600px;
    border: 1px solid #CCC;
    margin: -1px 0 0 -1px;
    max-height: 66%;
    overflow: auto;
    background: #fff;
}

.jqmOverlay { background-color: #000; }

* html .jqmOverlay {
	position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* dnn7 edit content wysiwyg expanding limiting */
.ModCodingStaffHtmlPopupC .RadEditor.reWrapper {
    max-width: 100%;
    min-width: 100% !important;
    min-height: 315px !important;
}
.ModCodingStaffHtmlPopupC .RadEditor.reWrapper iframe {
    min-height: 200px;
}


/* pageEditState */
.dnnEditState .DnnModule-CodingStaffHtmlPopup:not(.DnnModule-Admin)::after {
    content: 'Edite este modulo para poder modificar el PopUp flotante';
    display:block;
    width: 100%!important;
    background:#e3e3e3;
    padding:10px
}

.DnnModule.DnnModule-CodingStaffHtmlPopup.DnnModule-Admin {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    padding: 20px 10px;
    border-radius: 5px;
    margin: 20px 0;
}
.DnnModule.DnnModule-CodingStaffHtmlPopup.DnnModule-Admin
.DNNModuleContent textarea{
    max-width: none;
}
.DnnModule.DnnModule-CodingStaffHtmlPopup.DnnModule-Admin
.DNNModuleContent>a {
    padding:8px 20px;
    border-radius:5px;
    background:#3b35fb;
    color:#fff;
}
.DnnModule.DnnModule-CodingStaffHtmlPopup.DnnModule-Admin
.DNNModuleContent>a:last-child {
    background:#ff3131;
}
.DNNEmptyPane:not(.dnnModuleManager) {
    display: none!important;
}
/*------------------------------------*/

/*-----------POPUP--------------------*/

.jqmWindow .popup-window-header {
    border: none;
    background: #fff;
    height: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1.5px solid #979797;
    box-shadow: 0px 3px 10px #979797;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 3px;
}

.jqmWindow {
    border: none;
    border-radius: 20px;
}

.jqmWindow .popup-window-content {
    border: none;
    margin: 0;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 3px 10px #00000029;
}
.jqmWindow .popup-window-content>* {
    padding-left: 13px;
	padding-right: 13px;
}
.jqmWindow .popup-window-content>*:first-child {
    padding: 15px 13px 0;
}
.jqmWindow .popup-window-content>*:last-child {
    padding: 5px 13px 10px;
}
.jqmWindow .popup-window-content::-webkit-scrollbar{
    height:0;
    width:0;
}
.jqmWindow .popup-window-title {
    color: #3f3f3f;
    font-size: 20px;
}
.jqmWindow .jqmClose{
    color:transparent;
    z-index:1;
}
.popup-window-header:after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cpath fill="currentColor" d="M16 2C8.2 2 2 8.2 2 16s6.2 14 14 14s14-6.2 14-14S23.8 2 16 2zm0 26C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12s-5.4 12-12 12z"%2F%3E%3Cpath fill="currentColor" d="M21.4 23L16 17.6L10.6 23L9 21.4l5.4-5.4L9 10.6L10.6 9l5.4 5.4L21.4 9l1.6 1.6l-5.4 5.4l5.4 5.4z"%2F%3E%3C%2Fsvg%3E');
    content: '';
    width: 20px;
    height: 20px;
    background-size: cover;
    position: absolute;
    right: 16px;
    z-index: 0;
}

@media (max-width: 767px) {
    .jqmWindow {
        width: 94%;
        left: 3%;
        margin-left: 0;
    }
    .jqmWindow .popup-window-content {
        width: 94%;
    }
}