/** hot fixes ui-resizable-resizing */
/*.window_panel{ position: absolute !important; background-color: rgb(238, 238, 238); }*/
.window_panel.ui-draggable.ui-resizable.ui-draggable-disabled.ui-state-disabled.ui-resizable-disabled.no-resizable { border-left: none !important; border-right: none !important; }
.window_panel:NOT(.fix-bars) > .ui-resizable-se{ background-color: #f1f1f1; } /* use on native scrollbars */
.window_panel.fix-bars > .ui-resizable-se{ right: -4px; bottom: -4px; } /* use on custom scrollbar */
.window_panel.compensate-for-scrollbar > .ui-resizable-handle{ display: none !important; } /* if a win has open a new window (inline) we need to update the parent */

/** changed to flexbox-layout */
.window_panel:NOT(.minimized){
    display: -webkit-flexbox;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: -moz-flex;
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
}
.window_panel:NOT(.minimized) > *{
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.window_panel > *:NOT(.ui-resizable-handle){ width: 100%; height: unset; }
.window_panel:NOT(.custom) > div:first-child{ min-height: 35px; max-height: 35px; }
.window_panel:NOT(.fix-bars) > .window_frame{ overflow-y: auto !important; }

/* background color & CMS darkMode  */
.window_panel, .window_panel .window_header:NOT(.inline){ background: #efefef; }

html.dark .window_panel, html.dark .window_content, html.dark .frame_loading_overlay{ background: #181818 !important; color: #cfc9c9; }
.window_panel .frame_loading_overlay,
.window_content:NOT(.no-bg){ background: #ffffff; }

.window_content.no-bg{ background: transparent !important; }

/** inline text content */
div.window_content > span{ display: block; margin: 15px 25px 0; }

#window_cWrapper > *{ display: none !important; }
.window_panel{
	position: fixed !important;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	color: #222;
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
	clear: both;
	text-align: left;
	vertical-align: top;
}
.window_panel:NOT(.custom){ border: 1px solid #aaa; }

.window_panel .window_header {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #aaa;
	overflow: hidden;
	white-space: nowrap;
}
.window_panel .window_header_normal{
	text-align: left;
	cursor: default;
}
.window_panel.ui-draggable:NOT(.ui-resizable-disabled) > .window_header_normal{ cursor: move; }
.window_panel .window_header_minimize{
	/*background: #CFF4F4; change to use jquery-ui theme instead */
	cursor: pointer;
	width: 100%;
	height: 100%;
	padding: 2px 5px;
	line-height: 20px;
	text-align: left;
}

.window_panel .window_header_minimize_vertical{
	padding: 7px 0px;
	line-height: 13px;
	text-align: center;
}
.window_panel .window_header_maximize{
	height: 25px;
	line-height: 20px;
	padding: 2px 5px;
	text-align: left;
	cursor: default;
}


.window_panel .window_footer{
	width: 100%;
	max-height: 16px;
	border: 0;
	border-top: 1px solid #aaa;
	overflow: hidden;
	font-size: 12px;
}
/* next 3 lines are added */
.window_panel > div.fbutton{ height: 50px; }
.window_panel .window_footer:empty{ display: none !important; }
.window_panel .window_footer.fbutton{ max-height: 50px; padding-right: 16px; background: #f1f1f1; }
.window_footer.fbutton button{ margin: 7px; font-size: 17px; float: right; outline: none; }

.window_panel .window_footer div{
	margin-left: 5px;
}

.window_panel .window_header .window_title_icon{
	width: 16px;
	height: 16px;
	position: absolute;
	left: 4px;
	top: 4px;
}
.window_panel .window_header .window_title_text{
	font-weight: bold;
	font-size: 13px;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	left: 24px;
	margin-left: -20px;
    right: 0;
    top: 0;
    margin-right: 75px;
}
.window_panel .window_header .window_title_text_vertical{
	left: 20px;
}
.window_panel .window_header .window_title_text_vertical_with_icon{
	left: 0;
	top: 23px;
}

.window_panel .window_header .window_function_bar{
    height: 35px;
	width: intrinsic; /* Safari/WebKit uses a non-standard name */
	width: -moz-max-content; /* Firefox/Gecko */
	width: -webkit-max-content; /* Chrome */
	width: max-content;
	white-space: nowrap;
	position: absolute;
	right: 0;
	top: 0px;
	overflow: hidden;
	white-space: nowrap;
}
.window_panel .window_header .window_icon_button{
    position: relative;
	width: 35px;
	height: 25px;
	z-index: 3200;
	cursor: pointer;
	float: right;
	text-align: center;
}
.window_panel .window_header .bookmarkImg{
    
}

.window_panel:NOT(.custom) .frame_loading_overlay{ top: 35px; }
.window_panel.custom .frame_loading_overlay{ top: 0; }
.window_panel .frame_loading_overlay{
    position: absolute;
    z-index: 9998;
    left: 0;
    width: 100%;
    bottom: 0;
}
.window_panel .frame_loading {
	min-width: 16px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -65px;
	margin-top: -37px;
	font-size: 14px;
	font-weight: bold;
	color: #777;
	padding-left: 30px;
	text-align: left;
	text-decoration: none;
	clear: both;
	cursor: crosshair;
}
.ui-widget-overlay{ opacity: 0.5 !important; }
#window_overlay, .ui-widget-overlay {
	background: black !important;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
}

/* --------------------------------------------------- */
/* ----------------- custom window ------------------- */
.window_panel:NOT(.fullscreen).custom{ overflow: hidden; }
.window_panel.custom.ui-corner-all:NOT(.fullscreen),
.window_panel.custom.ui-corner-all:NOT(.fullscreen) iframe,
.window_panel.custom.ui-corner-all .frame_loading_overlay{ border-radius: 10px; }
.window_panel.custom.loaded:NOT(.fullscreen), .window_panel.custom.loaded iframe{ background: transparent !important; border: none !important; }
.window_panel.custom.fullscreen iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; }

/* ----------------------------------------------- */
/* ----------------- the frame ------------------- */
.window_panel .window_content, .window_panel iframe {
    width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
.window_panel .scroll-wrapper iframe{ margin-bottom: -7px !important; }


/* ----------------------------------------------- */
/* ----------------- ui dialog ------------------- */
.ui-dialog{ padding: 0!important; border: 1px solid #aaa !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.ui-dialog-titlebar{ background: #909090 !important; color: #fff !important; padding: 0 10px !important; border: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; }
.ui-dialog-titlebar > button{ background-color: transparent !important; border: none !important;
    top: 1px !important;
    right: 0 !important;
    height: 26px !important;
    width: 35px !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important;
}
.ui-dialog-titlebar > button > span{ display: none; }


/* ---------------------------------------------------- */
/* ------------------ Header styles ------------------- */
.window_panel .window_header:NOT(.inline){ max-height: 35px; line-height: 35px; -webkit-box-shadow: 0 0 8px 3px #dad6d6; box-shadow: 0 0 8px 3px #dad6d6; }
.window_panel .window_header.inline{ background: #efefef; border: none; }

.window_panel.bigHead .frame_loading_overlay{ top: 60px; }
.window_panel.bigHead > .window_header{ max-height: 60px  !important; line-height: 60px; }
.window_panel.bigHead > .window_header > .window_title_text { font-size: 21px; margin-right: 150px; }
.window_panel.bigHead > .window_header > .window_function_bar{ height: 60px; top: 0; right: 0; }
.window_panel.bigHead > .window_header > .window_function_bar > div{ top: 0px; height: 60px; width: 50px; }

.minimizeImg, .closeImg, .maximizeImg, .cascadeImg{ font-family:'Font Awesome 5 Free' !important; font-weight:400 !important; color: #9a9898; font-size: 24px; }
.minimizeImg:hover, .maximizeImg:hover, .cascadeImg:hover{ color: #000; }
.closeImg:hover{ color: red; }
.minimizeImg:before{ content: "\f2d1"; }
.closeImg:before{ content: "\f410"; }
.maximizeImg:before{ content: "\f2d0"; }
.cascadeImg:before{ content: "\f2d2"; }

@media screen and (max-width: 1282px){ .window_panel.bigHead > .window_header > .window_title_text { margin-right: 100px; } }
@media screen and (max-width: 400px){
    .window_panel.bigHead > .window_header{ vertical-align: middle; }
    .window_panel.bigHead > .window_header > .window_title_text{ white-space: normal; line-height: 24px; padding-top: 4px; }
}


/*************** SCROLLBAR RAIL ***************/
/*.window_header, .window_header .scroll-wrapper, .window_header .scroll-content, .window_header iframe{ overflow-x: hidden !important; }*/

.window_panel.fix-bars .scroll-scrolly_visible .scroll-element.scroll-y{ display: block !important; }
.window_panel .scroll-y.scroll-draggable{ width: 100% !important; background: transparent !important; }
.window_panel .scroll-wrapper > .scroll-element,
.window_panel .scroll-wrapper > .scroll-element div{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.window_panel .scroll-wrapper > .scroll-element{
    background-color: #f7f6f5;
}
.window_panel .scroll-wrapper > .scroll-element div{
    display: block;
    height: 100%;
    right: 0;
    top: 0;
    width: 100%;
}
.window_panel .scroll-wrapper > .scroll-element .scroll-element_size{
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}
.window_panel .scroll-wrapper > .scroll-element .scroll-element_outer:hover .scroll-element_size,
.window_panel .scroll-y.scroll-draggable .scroll-element_size{
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}
.window_panel .scroll-wrapper > .scroll-element.scroll-x{
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}
.window_panel .scroll-wrapper > .scroll-element.scroll-y{
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 15px;
}
.window_panel .scroll-wrapper > .scroll-element .scroll-bar{
    background-color: #eb9100;
 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
 
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.window_panel .scroll-wrapper > .scroll-element .scroll-element_outer:hover .scroll-bar{
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
 
/* scrollbar height/width & offset from container borders */
.window_panel .scroll-wrapper > .scroll-conten.scroll-scrolly_visible{ left: -17px; margin-left: 17px; }
.window_panel .scroll-wrapper > .scroll-content.scroll-scrollx_visible{ margin-top: 17px; top: -17px; }
.window_panel .scroll-wrapper > .scroll-element.scroll-x .scroll-bar{ height: 10px; min-width: 10px; top: 1px; }
.window_panel .scroll-wrapper > .scroll-element.scroll-y .scroll-bar{ left: 1px; min-height: 10px; width: 11px; }
.window_panel .scroll-wrapper > .scroll-element.scroll-x .scroll-element_outer{ height: 15px; left: 5px; }
.window_panel .scroll-wrapper > .scroll-element.scroll-x .scroll-element_size{ height: 2px; left: -10px; top: 5px; }
.window_panel .scroll-wrapper > .scroll-element.scroll-y .scroll-element_outer{ top: 5px; width: 15px; }
.window_panel .scroll-wrapper > .scroll-element.scroll-y .scroll-element_size{ left: 6px; top: -10px; width: 2px; }
 
/* update scrollbar offset if both scrolls are visible */
.window_panel .scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{ left: -25px; }
.window_panel .scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{ top: -25px; }
.window_panel .scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{ left: -25px; }
.window_panel .scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{ top: -25px; }