@charset "utf-8";

/* ===================================================================

CSS information
file name  :  dialog.css

=================================================================== */

/* ===================================================================
DIALOG
=================================================================== */

/* WIDGET
--------------------*/

.ui-widget-content {
	border: 1px solid #C4C4C4;
}

.ui-widget.ui-widget-content {
    border: 1px solid #C4C4C4;
}

/* LAYOUT
--------------------*/

.ui-dialog {
    padding: 5px;
}

/* CONTENT
--------------------*/

.ui-dialog .ui-dialog-content {
	padding: 10px 15px;
}

.ui-dialog .ui-dialog-buttonpane {
	margin-top: 0;
	padding: 10px 10px 5px;
}

/* HEAD
--------------------*/

.ui-widget-header {
    border: none;
    background: #01BCB5;
    color: #fff;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 6px 10px;
	line-height: 20px;
}

/* BUTTON AREA
--------------------*/

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	display: flex;
	justify-content: center;
	float: none;
}

/* BUTTON
--------------------*/

.ui-dialog .ui-dialog-titlebar-close {
	display: none;
	/* right: 7.5px;
	border-radius: 50%;
    border: none;
    background: #7ECEF4; */
}


.ui-dialog .ui-dialog-titlebar-close:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 2px;
	height: 16px;
	background: #fff;
}

.ui-dialog .ui-dialog-titlebar-close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
	width: 2px;
	height: 16px;
	background: #fff;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
	background: none;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 0 5px;
	color: #fff;
	font-size: 13px;
	border: none;
	background: #01BCB5;
	border-radius: 4px;
}

/* DETAIL
--------------------*/

.user-header {
	margin: 0 0 10px;
	font-size: 12px;
}

.user-info {
    margin: 0 0 5px;
}

.user-info > label {
    font-weight: bold;
}

.user-info > div[id] {
	padding: 0 0 0 15px;
}