@CHARSET "UTF-8";
/* GLOBAL FOMATTING */
.ui-widget {
    font-size: 11px !important;
    FONT-FAMILY: "Verdana", sans-serif !important;
}
.underline {
    text-decoration: underline;
}
.center {
	margin: 0 auto; 
	text-align:center; 
}
.right {
    float: right;
    text-align:right; 
}
.verticalAlign {
    display:inline-block;
    vertical-align:middle;
}
.hidden {
    display: none;
}
.highlight { 
	background-color: yellow;
}
.outlined {
    outline: dotted black 2px;
}
/* GLOBAL TABLE FOMATTING */
.ui-widget-header th {	/* by default - all table headers will be aligned to the left and no background */
	text-align: left;
}
thead.ui-widget-header {
	background-color: transparent !important;	
	background-image: none !important;
}
.ui-widget-content TD { /* by default - all table cell content will be aligned to the top left */
	PADDING-LEFT: 3px;
	vertical-align: top;
	text-align: left;
}
.ui-widget-content TR  { /* create table borders which should play nice with all themes */ 
	border: 1px solid rgba(0, 0, 0, .05) !important;
}
TR.ui-state-default, TR.ui-state-hover {	/* this is used to paint odd table rows (so disable background and font boldness) */
	background-image: none !important;
	font-weight: normal !important;
}
DIV.selectionframe {	/* Focusing on table element indication, to be used in conjunction with ui-state-focus */
	background-image: none !important;
	background-color: transparent !important;
	visibility: hidden; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100px;
	height: 10px;
	border: 3px solid;
	z-index: 9;
}
/* Headers and top heading tables */
H1 {
	display: inline-block;
	text-align:center; 
	margin:0 auto;	
	border: 0px white !important;
	padding:0px 3em;
}
H3 {
	margin:0 auto;	
	border: 0px white !important;	
}
TABLE.titletable {
	WIDTH: 100%;
	margin: 0 auto;
}
/* POPUP EDITORS */
.popupeditor {		/* generic text and enum pop up editors */
	background-image: none !important;
	font-weight: normal !important;
	overflow: auto; 
	visibility: hidden; 
	border: none; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	font-size: 11px;
	z-index: 10;
}
/* all popup dialogs should have shadow, corners, and no title or close button */
.ui-dialog {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;    
	-moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
}
.no-close .ui-dialog-titlebar {
  display: none;
}
.ui-autocomplete {	/* create a vertical scroll bar */
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
	position: absolute; 
	z-index: 100;   
}
/* The ARB and Ser-Var editor: fit to content height, no border */
#arbEditor, #setvarEditor {
	min-height: 0px;
}
#arbEditor table, #setvarEditor table {
	border-width: 0px;
}
#arbEditor td, #setvarEditor td {
	vertical-align: middle;
/*	text-align: right; */
}
#arbEditor textarea, #setvarEditor textarea {
	border-style: inset;
	resize: none;
}
/* Cell states */
TD.mod-op-changed {
	font-weight: bold !important;
}
TD.mod-op-moved {
	font-weight: bold !important;
}
TD.mod-op-deleted {
	text-decoration:line-through;
}
TD.mod-op-inserted {
	font-weight: bold !important;
}
/* RULES TABLE FORMATTING */
/* ====================== */
#rulesTable  {	/* fixed layout causes columns to not auto compute width */
	table-layout: fixed;
	WIDTH: 100%;
	BORDER-COLLAPSE: collapse;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
}
/* specific data cells properties */
TD.pattern, TD.condition, TD.anchor, TD.set-var {
	word-wrap: break-word;	
}
TD.rule-id, TD.rule-priority {
	text-align: center;
}
.rule-body-selection {	/* handle the image for body selection */
	background-position:center center; 
	background-repeat:no-repeat;
	background-size: 1em 100%;
}
.next-rules-tooltip {	/* tooltip for next rules */
	min-width: 50%;
}
a.ReplacePersonality {
    text-decoration: underline !important;
}
th.rule-priority {
    width:3em;
    text-align:center;
}
th.rule-pattern {
    width:15%;  
}
th.rule-if {
    width:15%;
}
th.body-if {
    width:5%;
}
th.rule-response {
    width:25%;
}
th.rule-commands {
    width:20%;
}
th.rule-anchor {
    width:5em;
}
th.rule-next {
     width:5em;
}
.disabled-rule {
   text-decoration: line-through;
}
.translation {
    color: blue;
}

/* VARIABLE TABLE FORMATTING */
/* ====================== */
#variablesTable  {	/* fixed layout causes columns to not auto compute width */
	table-layout: fixed;
/*	width: 100%;*/
	BORDER-COLLAPSE: collapse;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
}
#collectionTableEditor {
    height: auto; 
    overflow: auto;
}
.collectionCurrentRow {
    background-color: #E7E8EF;
}
.varNumRefs {
    text-align:center;
}
.base-ego {
    background-color: #FFE4C4;
}
/* AGENT EDITOR */
/*=================*/
#agentTabs { 
    margin-top: 1em;
}
#agentTabs li .ui-icon-close {
     float: left; 
     margin: 0.4em 0.2em 0 0; 
     cursor: pointer; 
}
.handlerName, .varName, .intentName, .draggableTag, .numbackrefs {
    cursor:pointer;
}

/* LOG TABLE FORMATTING */
div.long-log {
   word-wrap: break-word;
   word-break: break-all;
   max-height: 100px;
   overflow-y: auto;
}
span.expandable {
   cursor : pointer;
   margin: 0 auto;
}

div.rtl {
	direction: rtl;
    text-align: right;
}