/* Common Button Styles - Reusable across all pages */
.btn-default, .btn-stop, .btn-start, .btn-disabled {
	padding: 4px 8px;
	margin: 2px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	display: inline-block !important;
	transition: all 0.2s ease;
	border: none;
	cursor: pointer;
	text-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	color: white !important;
}

.btn-default:hover, .btn-stop:hover, .btn-start:hover, .btn-disabled:hover {
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	text-decoration: none;
}

/* Default button - neutral blue */
.btn-default {
	background-color: #007bff !important;
}

.btn-default:hover {
	background-color: #0056b3 !important;
}

/* Stop button - red */
.btn-stop {
	background-color: #dc3545 !important;
}

.btn-stop:hover {
	background-color: #c82333 !important;
}

/* Start button - green */
.btn-start {
	background-color: #28a745 !important;
}

.btn-start:hover {
	background-color: #218838 !important;
}

/* Disabled button - gray */
.btn-disabled {
	background-color: #6c757d !important;
	cursor: not-allowed;
	opacity: 0.6;
}

/* Active states */
.btn-default:active, .btn-stop:active, .btn-start:active {
	transform: translateY(0);
}

.status-1, .status-ENABLE, .status-ENABLED, .status-Enabled,
.status-ACTIVE, .status-DONE, .status-COMPLETED, .status-Published,
.status-APPROVED, .status-Approved, .status-SUCCESS, .status-Success,
.status-STATUS_ENABLE, .status-ADVANTAGE_PLUS_APP { color: green; }

.status-0, .status-STATUS_LIMIT, .status-FAILED, .status-Failed,
.status-REJECTED, .status-Rejected { color: red; }

.status-DISABLED, .status-Disabled, .status-STATUS_LIMIT { color: darkred; }


.chosen-container-multi .chosen-choices li.search-choice {
	max-width: 100%;
}

/* Custom tooltip for status */
.status-tooltip {
	position: relative;
	cursor: help;
	border-bottom: 1px dotted #666;
}
.status-tooltip .tooltip-text {
	visibility: hidden;
	position: absolute;
	z-index: 1000;
	background-color: #333;
	color: #fff;
	text-align: left;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1.4;
	white-space: pre-wrap;
	word-wrap: break-word;
	max-width: 400px;
	min-width: 200px;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.2s, visibility 0.2s;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.status-tooltip .tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}
.status-tooltip:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}
.status-tooltip .tooltip-text-conditional:empty {
	display: none;
}
.status-tooltip .tooltip-text-conditional:empty::after {
	display: none;
}
.data_table .field_label {word-break: break-all;}
.data_table .layout_html {word-break: break-all;}

.data_table .medium_string
{
	width:200px;
	word-wrap:break-word;
	white-space:normal;
	overflow:auto;
}
.data_table .attr-value {
	color: firebrick
}

#main_content div.master-detail .search_form>.search_result>.table_container {
	width: 100%;
}