/** ============== Advangrid buttons ============== **/
div.connpoint_manager_button.inline {
	float: left;
	margin-right: -1px;
}

div .adv_button a {
	color: black;
	text-decoration: none;
	font-size: 14px;
}

div .adv_button:hover a,
div .adv_button.active a {
	color: white;
}

div .adv_button {
	padding: 5px 7px;
	border-radius: 1px;
	border: 1px solid #A2272C;
	color: black;
	cursor: pointer;
	font-size: 15px;
	text-decoration: none;
	text-align: center;
	margin-bottom: 3px;
}

div .adv_button:hover,
div .adv_button.active {
	color: white;
	background-color: #8F1A1F;
}

/** ============== notification ============== **/

#no_item_notification {
	display: inline-flex;
    width: 100%;
    font-size: 15px;
    padding: 15px;
    font-weight: bold;
}

/** ============== table style ============== **/
#mapper_data_table {
	border-collapse : collapse;
}
#mapper_data_table tr {
	height: 45px;
	border: 1px solid #C4C4C4;
	cursor: pointer;
}

#mapper_data_table tr:hover,
#mapper_data_table tr.active_row {
	background-color: #DFD8D6;
}

/** ============== table row style ============== **/

#mapper_data_table tr.data_table_row td.name_column {
	width: 31%;
	text-align: left;
	padding-left: 20px;
	border: 1px solid #C4C4C4;
}

#mapper_data_table .actions_column {
	width: 4%;
	border: 1px solid #C4C4C4;
}

#mapper_data_table tr td:not(:first-child):not(:last-child) {
	width: 10%;
}

.data_table_row td.clickable {
	text-decoration: underline;
}

.data_table_row td.clickable:hover {
	font-weight: bold;
}

tr.data_table_row td.connpoint_status {
	background-color: inherit;
}

tr.data_table_row td.connected {
	font-weight: bold;
	color: #007D27;
}

tr.data_table_row td.disconnected {
	font-weight: bold;
	color: #828282;
}

tr.data_table_row td.active {
	font-weight: bold;
	color: #828282;
}

tr.data_table_row td.no_data {
	font-weight: bold;
	color: #c0c0c0;
}

tr.data_table_row td.inactive_mild {
	font-weight: bold;
	color: #ea8c00;
}

tr.data_table_row td.inactive_critical {
	font-weight: bold;
	color: #A2272C;
}

/** ============ phase_data.tpl ============ **/

.latest_data .measurements_data_container  .phase_id,
.last_update_time .time_counter,
.phase_id_container .phase_id {
	font-size: 10px;
	color: rgb(130,130,130);
}

tr.data_table_row td.latest_data {
	width: 15%;
}

tr.data_table_row {
	padding: 0px;
}

.latest_data .measurements_data_container .phasedata_data, 
.phase_id_container .phasedata_data {
	padding-top: 3px;
}

.latest_data .measurements_data_container .phase_id {
	font-weight: bold;
}

.measurements_data_container .phase_id.empty_data {
	height: 10px;
}

tr.data_table_row td.latest_data {
	padding: 0px;
}

#mapper_data_table tr.data_table_row td {
	padding: 5px;
}

.latest_data .measurements_data_container,
#dialog_device_data .measurements_data_container {
	width: 100%;
	padding-left: 2px;
}

.latest_data .measurements_data_container>div,
#dialog_device_data .measurements_data_container>div,
.phase_id_container>div {
	width: 33%;
	float: left;
	box-sizing: border-box;
	margin-right: -1px;
}

.latest_data .measurements_data_container>div,
#dialog_device_data .measurements_data_container>div {
	width: 33%;
	height: 34px;
	float: left;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	box-sizing: border-box;
	margin-right: -1px;
}

.latest_data .measurements_data_container>div>div,
#dialog_device_data .measurements_data_container>div>div {
	vertical-align: middle;
	text-align: center;
}

/** ============== data popup window ============== **/

#connpoint_data {
	height: 100%;
	width: 100%;	
}