/* sk_window */

.sk_window {
	position: fixed !important;
	top: 10px;
	display: none;
	padding: 6px;
	background: rgba(0,0,0,0.5); /* url('../images/transp_bg_100x100.png'); */
	z-index: 999;
	backdrop-filter: blur(2px);
}

.sk_window.minimize {
	/*min-height: 30px;*/
}


.sk_window.minimize .sk_window_content_wrapper {
	display: none;
}

.sk_window.minimize .window_footer {
	display: none;
}


.sk_window.maximize {
	left: 0 !important;
	top: 0 !important;
	padding: 0px;
	width: 100%;
}

.sk_window.maximize .sk_window_title_text {
	cursor: default;
}

.sk_window.maximize .sk_window_content_wrapper {
	max-height: none !important;
}

.window_span {
	/*overflow: hidden;*/
}

.sk_window > div {
	background-color: #FFFFFF;
}



.sk_window_title {
	background-color: #4A4A4A;
	border-top: #A1A1A1 solid 1px;
	border-left: #A1A1A1 solid 1px;
	border-bottom: #808080 solid 1px;
	border-right: #808080 solid 1px;
	min-height: 28px;
	margin-bottom: 0px;
	display: flex;
}

.sk_window_title, .sk_window_title div, .sk_window_title a {
	color: #FFFFFF !important;
	font-size: 16px !important;
	/*font-family: Tahoma, sans-serif !important;*/
	font-weight: normal !important;
}


.sk_window_title_text {
	/*height: 20px;*/
	font-size: 16px !important;
	padding: 4px;
	text-overflow: ellipsis;
	-moz-user-select:none;
	-webkit-user-select:none;
	user-select: none;
	overflow: hidden;
	cursor: default;
	width: 100%;
}

.sk_window_buttons {
	flex-shrink: 0;
	display: flex;
}

.sk_window_content_wrapper {
	padding: 0px;
	overflow: auto;
}

.sk_window_content {

}

.sk_window.focus {
	/*z-index: 1000;*/
}


.sk_window.sk_window_with_footer .sk_window_content_wrapper {
	border-bottom: #ccc solid 1px;
}

.window_footer {
	height: 38px;
	border-top: #fff solid 1px;
	background-color: #EEEEEE !important;
}


.resizable_corner {
	width: 20px;
	height: 20px;
	right:1px;
	bottom:1px;
	cursor: nw-resize;
	position: absolute;
	background: url('resizable_corner.png') no-repeat;
}

.sk_window_buttons > * {
	display: block;
	width: 26px;
	height: 26px;
	position: relative;
}

.sk_window_buttons > *::after {
	display: block;
	width: 11px;
	height: 11px;
	content: '';
	position: absolute;
	left: calc( 50% - 6px );
	top: calc( 50% - 6px );
}

.sk_window_buttons .bw_window_close::after {
	background: url('window_buttons.png') no-repeat left 0px;
}

.sk_window_buttons .bw_window_maximize::after {
	background: url('window_buttons.png') no-repeat left -11px;
}

.sk_window_buttons .bw_window_minimize::after {
	background: url('window_buttons.png') no-repeat left -22px;
}


.sk_window_buttons .bw_window_close:hover::after {
	background-position: right 0px;
}

.sk_window_buttons .bw_window_maximize:hover::after {
	background-position: right -11px;
}

.sk_window_buttons .bw_window_minimize:hover::after {
	background-position: right -22px;
}



.ui-resizable-n {
	height: 6px !important;
	left: 0;
	top: 0px;
	width: 100%;
	background: transparent !important;
}
.ui-resizable-s {
	bottom: 0px;
	height: 6px !important;
	left: 0;
	width: 100%;
	background: transparent !important;
}
.ui-resizable-e {
	height: 100%;
	right: 0;
	top: 0;
	width: 6px !important;
	background: transparent !important;
}
.ui-resizable-w {
	height: 100%;
	left: 0px;
	top: 0;
	width: 6px !important;
	background: transparent !important;
}
.ui-resizable-se {
	bottom: 0px;
	height: 6px;
	right: 0px;
	width: 6px;
	background: transparent !important;
}
.ui-resizable-sw {
	bottom: 0px;
	height: 6px;
	left: 0px;
	width: 6px;
	background: transparent !important;
}
.ui-resizable-nw {
	height: 6px;
	left: 0px;
	top: 0px;
	width: 6px;
	background: transparent !important;
}
.ui-resizable-ne {
	height: 6px;
	right: 0px;
	top: 0px;
	width: 6px;
	background: transparent !important;
}
.ui-state-disabled {
	opacity: 1 !important;
}