/*************************************************************************
**
** Copyright (c) by jeff (jeff@lipsia.de)
**
** Author:  jeff
**
** File:    $Date: $
**
** Purpose: the dialog boxes css
**
** Created: 2019/12/09
**
** Update:  $Date: $
**
** Notes:
**
************************************************************************/

.moddialog_box
{
	overflow:				hidden;
	width:					auto;
	height:					auto;
	padding:				10px;
    background-color:       rgb(255, 255, 255, 0.8);
    -webkit-border-radius: 	10px; /* Safari, Chrome */
    -khtml-border-radius:  	10px; /* Konqueror */
    border-radius:         	10px; /* CSS3 */
}

.moddialog_box_header
{
	width:					auto;
	height:					40px;
	display:				flex;
	display:                -webkit-flex;
}

.moddialog_box_title
{
	color:					#030870;
	height:					auto;
	width:					auto;
	flex:					1;
	text-align:				center;
	font-size:				32px;
    font-family:            sans sara;
}

.moddialog_box_close_button
{
	flex:					0;
	width:					20px;
	height:					20px;
	background-image:		url(/icons/close.png);
}

.moddialog_box_content_wrapper
{
	position:				relative;
	float:					left;
	width:					auto;
	height:					auto;
	display:				flex;
	display:				-webkit-flex;
}

.moddialog_box_content_bucket
{
	height:					auto;
	min-height:				100px;
	position:				relative;
	flex:					1;
	webkit-flex:			1;
}

.moddialog_box_content
{
	width:					auto;
	height:					auto;
	position:				relative;
	text-align:				left;
	float:					left;
	overflow:				hidden;
    padding-left:           10px;
    padding-right:          5px;
}

.moddialog_box_scrollbar
{
	width:					15px;
	height:					50px;
	position:				relative;
	float:					left;
	margin-left:			10px;
	display:				none;
}

.moddialog_box_scrollbar_top
{
	background-image: url(/images/scrollbar/background_top.png);
	height:           5px;
	width:            15px;
}

.moddialog_box_scrollbar_content
{
	background-image: url(/images/scrollbar/background_middle.png);
	height:           40px;
	width:            15px;
}

.moddialog_box_scrollbar_bottom
{
	background-image: url(/images/scrollbar/background_bottom.png);
	height:           5px;
	width:            15px;
}

.moddialog_box_scrollbar_handle
{
	width:            15px;
	height:           36px;
	cursor:			  pointer;
}

.moddialog_box_scrollbar_handle_top
{
	background-image: url(/images/scrollbar/handle_top.png);
	height:           3px;
	width:            15px;
}

.moddialog_box_scrollbar_handle_content
{
	background-image: url(/images/scrollbar/handle_middle.png);
	height:           24px;
	width:            15px;
	position:		  relative;
	float:            left;
	clear:            both;
}

.moddialog_box_scrollbar_handle_bottom
{
	background-image: url(/images/scrollbar/handle_bottom.png);
	height:           3px;
	width:            15px;
	position:		  relative;
	float:            left;
	clear:            both;
}

.moddialog_box_buttons
{
    position:           relative;
	float:              left;
	clear:              both;
	text-align:         center;
	width:              auto;
	font-size:          14px;
	font-weight:        bold;
	align-items:        center;
	justify-content:    center;
	display:            flex;
    margin-top:         10px;
}

.message_box_box
{
	background-color:		white;
	overflow:				hidden;
	width:					100%;
	height:					100%;
	border:					1px solid #030870;
	border-radius:			5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	padding:				10px;
}

.message_box_box_header
{
	width:					100%;
	height:					20px;
	display:				flex;
	display:                -webkit-flex;
}

.message_box_box_title
{
	color:					#030870;
	height:					auto;
	width:					auto;
	flex:					1;
	text-align:				center;
	font-size:				16px;
	font-weight:			bold;
}

.message_box_box_close_button
{
	flex:					0;
	width:					20px;
	height:					20px;
	background-image:		url(/icons/close.png);
}

.message_box_box_content_wrapper
{
	position:				relative;
	float:					left;
	width:					100%;
	height:					100%;
	display:				flex;
	display:				-webkit-flex;
}

.message_box_box_content_bucket
{
	height:					100%;
	position:				relative;
	flex:					1;
	webkit-flex:			1;
}

.message_box_box_content
{
	width:					100%;
	height:					100%;
	position:				relative;
	text-align:				left;
	float:					left;
	overflow:				hidden;
	font-size:				14px;
	font-weight:			bold;
    padding-top:            10px;
}

.message_box_box_scrollbar
{
	width:					15px;
	height:					50px;
	position:				relative;
	float:					left;
	margin-left:			10px;
	display:				none;
}

.message_box_box_scrollbar_top
{
	background-image: url(/images/scrollbar/background_top.png);
	height:           5px;
	width:            15px;
}

.message_box_box_scrollbar_content
{
	background-image: url(/images/scrollbar/background_middle.png);
	height:           40px;
	width:            15px;
}

.message_box_box_scrollbar_bottom
{
	background-image: url(/images/scrollbar/background_bottom.png);
	height:           5px;
	width:            15px;
}

.message_box_box_scrollbar_handle
{
	width:            15px;
	height:           30px;
	cursor:			  pointer;
}

.message_box_box_scrollbar_handle_top
{
	background-image: url(/images/scrollbar/handle_top.png);
	height:           3px;
	width:            15px;
}

.message_box_box_scrollbar_handle_content
{
	background-image: url(/images/scrollbar/handle_middle.png);
	height:           24px;
	width:            15px;
	position:		  relative;
	float:            left;
	clear:            both;
}

.message_box_box_scrollbar_handle_bottom
{
	background-image: url(/images/scrollbar/handle_bottom.png);
	height:           3px;
	width:            15px;
	position:		  relative;
	float:            left;
	clear:            both;
}

.message_box_box_buttons
{
    position:           relative;
	float:              left;
	clear:              both;
	text-align:         center;
	width:              100%;
	font-size:          14px;
	font-weight:        bold;
	align-items:        center;
	justify-content:    center;
	display:            flex;
    padding-top:        10px;
}

/*
box
progress_box
 */