﻿/**
* CSS classes for net debugging.
*/

.wsnd_popup	{ z-index: 12101 !important; }
.toastsave	{ z-index: 12102 !important; }
.tabnav		{ margin-bottom: 10px; }     
     
#net-debug-mask													{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.25); z-index: 12000; }

#net-debug-dialog												{ transition: opacity .2s; position: absolute; left: calc(50% - 375px); top: calc(50% - 100px); width: 750px; height: 200px; z-index: 12100; min-width: 600px; min-height: 320px; }
#net-debug-dialog.ui-draggable-dragging							{ opacity: 0.75; }

/* ************************************************************** */
#net-debug-read-div												{ position: absolute; right: 30px; left: 0px; top: 0px; bottom: 0px; margin: 0px; overflow-y: auto; overflow-x: hidden;	-webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
#net-debug-inner-div											{ display: inline-block; }

#net-debug-read-point-table										{ position: absolute; left: 0px; top: 0px; width: 100%; font-size: 10px; border-collapse: collapse; table-layout: fixed; }
#net-debug-read-point-table thead tr td							{ font-size: 1.2em; font-weight: bold; }
#net-debug-read-point-table thead .col							{ padding: 8px 5px 7px 5px; }
#net-debug-read-point-table tbody .col							{ padding: 3px 5px; }
#net-debug-read-point-table .col1								{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
#net-debug-read-point-table .col1 span							{ display: inline-block; }
#net-debug-read-point-table .colOptions							{ width: 140px; text-align: center; }
#net-debug-read-point-table .colOptions button:nth-child(2)		{ margin-left: 4px; }
#net-debug-read-point-table .col2								{ overflow: hidden; width: 96px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
#net-debug-read-point-table .col2.data-write					{ padding: 0px; }
#net-debug-read-point-table .col3								{ text-align: center; width: 80px; overflow: hidden; }
#net-debug-read-point-table .col4								{ text-align: center; width: 60px; overflow: hidden; }


#net-debug-read-point-table .selected							{ font-weight: bold; }

#net-debug-read-point-table button.configure-button,
#net-debug-read-point-table button.copy-button,
.copyall														{ border: 0; cursor: pointer; }

#net-debug-read-point-table  td.header							{ font-size: 14px; font-weight: bold; padding: 2px 7px; }
#net-debug-read-point-table  thead								{ cursor: move; }
#net-debug-read-point-table  thead .col1						{ text-align: center; }

#net-debug-read-point-table .edit-cmp							{ width: 100%; }
#net-debug-read-point-table .edit-cmp input						{ box-sizing: border-box; display: table-cell; width: calc(100% - 24px); text-align: center; }
#net-debug-read-point-table .edit-cmp button					{ display: table-cell; width: 24px; padding: 1px; cursor: pointer; }

#net-debug-dialog div.closeButton								{ transition: all .25s; opacity: .75; padding: 3px 8px; float: right; background-color: #E55; font-size: 24px; }
#net-debug-dialog div.closeButton:hover							{ opacity: 1; cursor: pointer; }