@charset "utf-8";

/* width size percent style */
.admin-common-w3pct {width: 3%;}
.admin-common-w4pct {width: 4%;}
.admin-common-w5pct {width: 5%;}
.admin-common-w6pct {width: 6%;}
.admin-common-w7pct {width: 7%;}
.admin-common-w8pct {width: 8%;}
.admin-common-w10pct {width: 10%;}
.admin-common-w11pct {width: 11%;}
.admin-common-w12pct {width: 12%;}
.admin-common-w13pct {width: 13%;}
.admin-common-w15pct {width: 15%;}
.admin-common-w16pct {width: 16%;}
.admin-common-w17pct {width: 17%;}
.admin-common-w18pct {width: 18%;}
.admin-common-w19pct {width: 19%;}
.admin-common-w20pct {width: 20%;}
.admin-common-w21pct {width: 21%;}
.admin-common-w22pct {width: 22%;}
.admin-common-w23pct {width: 23%;}
.admin-common-w25pct {width: 25%;}
.admin-common-w30pct {width: 30%;}
.admin-common-w35pct {width: 35%;}
.admin-common-w38pct {width: 38%;}
.admin-common-w40pct {width: 40%;}
.admin-common-w45pct {width: 45%;}
.admin-common-w50pct {width: 50%;}
.admin-common-w60pct {width: 60%;}
.admin-common-w70pct {width: 70%;}
.admin-common-w80pct {width: 80%;}
.admin-common-w85pct {width: 85%;}
.admin-common-w90pct {width: 90%;}
.admin-common-w94pct {width: 94%;}
.admin-common-pct {width: auto;}


/* width size px style */
.admin-common-w100px {width: 100px;}
.admin-common-w150px {width: 150px;}
.admin-common-w200px {width: 200px;}
.admin-common-w300px {width: 300px;}
.admin-common-w400px {width: 400px;}
.admin-common-w500px {width: 500px;}
.admin-common-w600px {width: 600px;}
.admin-common-w700px {width: 700px;}
.admin-common-w800px {width: 800px;}
.admin-common-w900px {width: 900px;}

/* margin top px */
.admin-common-mt10px {margin-top: 10px;}

/* padding px */
/* top */
.admin-common-pt6px {padding-top:6px;}

/* right */
.admin-common-pr10px {padding-right:10px;}
.admin-common-pr20px {padding-right:20px;}

/* line-height */
.admin-common-line-h28px {line-height: 28px;}

/* button style */
.btn-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 20px;
	transition: all 0.2s ease-in-out;
	min-width: 70px;
	letter-spacing: -0.3px;
}
.btn-status-green {
	background: linear-gradient(135deg, #10b981 0%, #059669 100%);
	color: #ffffff;
	box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);
}
.btn-status-green::before {
	content: "✓";
	margin-right: 4px;
	font-weight: bold;
}
.btn-status-red {
	background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
	color: #ffffff;
	box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3);
}
.btn-status-red::before {
	content: "✕";
	margin-right: 4px;
	font-weight: bold;
}
.btn-user-delete {
	display: inline-block;
	background: #d23000;
	border: 1px solid #646464 !important;
	border-radius: 1px;
	color: white;
	height: 28px;
	line-height: 28px;
	padding: 0 12px;
	font-size: 12px;
	margin-right: 3px;
	margin-top: 10px;
}

.truncated {
	display: inline-block;
	max-width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

/* align */
.text-lf { 
	 text-align: left;
	 padding-left: 20px;
}

.text-rt { 
	 text-align: right;
	 padding-right: 20px;
}

.align-lf { text-align: left; }
.align-rt { text-align: right; }
 

/* font */
.font-red { color: red; }
.font-gray { color: gray; }
.font-blue { color: blue; }
.font-point {
	font-weight:bold; 
	text-decoration: underline;
}

/* input */
.admin-input1 {	margin-left:5px; padding-left: 5px; line-height: 24px; width: 80%; }

/* table line */
.admin-table-line {	border-bottom: 1px solid #ddd; margin-top: 5px; text-align: right;}

/* btnArea input */
.admin-btnArea-input1 {	width:100px; height:24px; margin-right: 10px; }

/* */
.admin-h001 { font-size:20px; color:#333945; margin-bottom:10px;}