/**********************/
/*   General Styles   */
/**********************/

body 
{
	/* background-color: #c0fefe; */ 
	background-color:  #dddddd;
	margin:  0px;
	padding: 0px;
	outline: 0px;
	overflow: hidden;
	font-family: "Arial",sans-serif;
	font-size: 14px;
	text-align: left;
}

div 
{
	margin:  0px;
	padding: 0px;
	display: inline-block;
	float: left;
	/*text-align:center;*/
} 

fieldset
{
	float:left;
}

code
{
	background-color:white;
	float:		left;
	text-align:	left;
	padding:		0px;
}

p
{
	float:left;
}

h5, h6
{
	text-align: left;
}

table
{
	border:  1px solid black;
	padding: 0px;
	margin:  0px; 
	table-layout: fixed;
}

tr
{ 
	border:  0px dashed yellow;
	margin:  0px;
	padding: 0px;
	overflow: hidden;
}

td
{
	border:  1px solid black;
	margin:  0px; 
	padding: 5px; 
/*	height: 32px; */
/*	width:  32px; */
	overflow: hidden;
	text-align: left; 
/*	white-space: nowrap; */
}

th
{
	border:  1px solid black;
	margin:  0px; 
	padding: 5px; 
/*	height: 32px; */
/*	width:  32px; */
	overflow: hidden;
	text-align: left; 
	font-weight:bold;
/*	white-space: nowrap; */
}

ul
{
	list-style: none;
	padding: 10px;
}

li
{
	list-style: none;
	text-align: left;
	padding: 2px 3px;
}

textarea
{
   resize: vertical;
   max-width: 100%;
   min-height: 40px;
}

button
{
	background-color: #bfbfbf;
	padding: 2px 0px 0px 0px;
	height: auto;
	font-weight: bold;
	white-space: nowrap;
}

a
{
	cursor: pointer;
	cursor: hand;
}

a:link 
{
  /*color: #00B7FF;*/
  color: #337AB7;
}

a:visited 
{
  color: #999999;
}

a:hover 
{
  color: #FF3300;
}

a:active 
{
  color: magenta;
}




/* Primary Divs */

#header
{
	height: 0px;
	background-size:   100%;
	background-repeat: no-repeat;
	background-color:  #dddddd;
	color: blue;
	text-align: center;
	border: 0px solid magenta;
}

#nav-left 
{
	background-color: #fffffa;
	padding: 35px 0px;
	margin: 0px;
	text-align: left;
	border: 0px solid magenta;
}

#page-wrapper {
  margin-left:auto;
  margin-right:auto;
  width: 100%;
}

#content-head{
  margin: 0 auto;
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  font-size: 95%;
	width: 95%;
}

#content-wrapper
{
	background-color: #ffffff;
	text-align: center;
	/* padding: 0px 0px 0px 230px; */
   padding:0px;
	margin: 0px; 
	border: 0px solid magenta;
	overflow: auto;
	width:100%;
}

#new-request-wrapper
{
	width: 1200px;
	overflow: none;
}

#request-content-wrapper
{
	width: 1200px;
	overflow: auto;
}

#request-data
{
	width: 100%;
	overflow: auto;
}

/******************************************************************/
#ticketList
{
	/* border: 1px solid black; */
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	margin: 0px 0px 10px 0px;
	text-align: left;
	width: 1200px;
	max-height: 300px;
	overflow:auto;
}

#ticketTable
{
	width: 100%;
	float: left;
	overflow:hidden;
}

#ticketTableHead
{
	background-color: #fafafa;
}

#ticketTableHeaderBar
{
	border: 2px solid black;
   width: 1200px;
	background-color: #fafafa;
}

#ticketTableBody
{
}
/******************************************************************/


#footer 
{
	background-color: #bfbfbf;
	height: auto;
	text-align: center;
	/*border: 1px solid magenta;*/
}

/* Menu Bar Styles */

#menubar-wrapper 
{
	/*background-color: #1d4a5d;*/
	background-color: #dedede;
	color: #222222;
	margin:  0px auto;
	clear:   both;
	display: block;
	/* padding: 0px 0px 0px 230px; */
	padding: 0px;
	height: 35px;
	width: 100%;
	font-size: 16px;
	/*text-transform: uppercase;*/
}

.menu 
{
	float: left;
}

.menu ul 
{
	color: black;
	z-index: 100;
	margin:  0px;
	padding: 0px;
	list-style-type: none;
}

.menu ul li 
{
	color: black;
	display:  inline;
	position: relative;
	float: left;
}


.menu ul li a 
{
	color: #333378;
	padding: 5px 10px;
	display: block;
	text-decoration: none;
}

.menu ul li a.selected /* Class dynamically added to the currently- */
{                      /* active menu items' LI A element           */
	background: #888;
	color: #fff;
}

.menubar ul li a:hover 
{
	background: #5e88bf;
	color: #5e88bf;
}

.menu ul li a:hover {
    color: #fcff00;
    background: #414141 none repeat scroll 0% 0%;
}

/*
.menubar ul li a:link, .menubar ul li a:visited, .menu ul li a:visited 
{ 
	color: #fff; 
}
*/

.menubar ul li ul li a:link, .menubar ul li ul li a:visited 
{ 
	color: #0c1543; 
}

.menu ul li ul                             /* 1st sub level menu */
{
	display:  none;       /*collapse all sub menus to begin with*/
	position: absolute;
	left: 0;
	visibility: visible;
}


/* Dropdown Menu Styles */

.dropbtn 
{
	background-color: transparent;
	color:   #FC0;
	border:  none;
	cursor:  pointer;
	padding: 4px 10px;
	display: block;
	font-family: "Arial",sans-serif;
	font-size:   14px;
	font-weight: normal;
	text-decoration: none;
	text-transform:  uppercase;
	list-style-type: none;
}

.dropbtn:hover, .dropbtn:focus 
{
	/* background-color: #3e8e41; */
}

.dropdown 
{
	display:  inline-block;
	position: relative;
	float: left;
}

.dropdown-content 
{
	z-index: 2;
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	display:  none;
	position: absolute;
	min-width: 250px;
   text-align: left;
}

.dropdown-content a 
{
	color: white;
	display: block;
	text-decoration: none;
}

.dropdown-content a:hover 
{
	background-color: #f1f1f1
}

#docMenu
{
	padding: 2px !important;
	height: auto;
	width:  242px;
}


/* General UI Widget Styles */

.ui-widget 
{
	font-family: Verdana,Arial,sans-serif;
	font-size:   1.1em;
}

.ui-widget .ui-widget 
{
	font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button 
{
	font-family: Verdana,Arial,sans-serif;
	font-size:   12px;
}

.ui-widget-content 
{
	background: #ffffff;
	color:  #222222;
	border: 1px solid #aaaaaa;
}

.ui-widget-content a 
{
	color: #222222;
}

.ui-widget-header 
{
	background: #bbbbbb;
	color:  #222222;
	border: 1px solid #aaaaaa;
	font-weight: bold;
}

.ui-widget-header a 
{
	color: #222222;
}


/* Dialog Box Styles */

.ui-dialog 
{
	background-color: #d8d8d8;
	margin:  0px;
	padding: 0px;
	position: absolute;
	top:  0;
	left: 0;
	overflow: hidden;

	/* outline: 1px dashed red; */
	/* border: 1px solid blue;  */
}

.ui-dialog .ui-dialog-titlebar 
{
	border: 0px;
	border-top-right-radius:    0px;
	border-top-left-radius:     0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius:  0px;	
	padding: 0px;
	position: relative;
	height: 28px;
	width:  100%;
	text-align: left;
}

.ui-dialog .ui-dialog-title 
{
	margin: 0.3em 0em 0.1em 0.6em;
	position: absolute;
	float: left;
	width: 90%;
	overflow: hidden;
	font-size:   12px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close 
{
	margin:  -10px 0 0 0;
	padding: 1px;
	position: absolute;
	top:   50%;
	right: .3em;
	height: 20px;
	width:  20px;
}

.ui-dialog .ui-dialog-content 
{
	background: none;
	border:  0;
	padding: 0;
	position: relative;
	overflow: visible;
}

.ui-dialog .ui-dialog-buttonpane 
{
	background-image: none;
	border-width: 0px 0 0 0;
	margin-top: .5em;
	padding: .3em .4em .5em .4em;
	text-align: right;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset 
{
	float: right;
}

.ui-dialog .ui-dialog-buttonpane button 
{
	cursor: pointer;
	margin: .5em .4em .5em 0;
}

.ui-dialog .ui-resizable-se 
{
	background-position: 16px 16px;
	bottom: -5px;
	right:  -5px;
	height: 12px;
	width:  12px;
}

.ui-slider 
{
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle 
{
	z-index: 2;
	cursor:   default;
	position: absolute;
	height: 1.2em;
	width:  0.5em;
    
	/* -ms-touch-action: none; */
	/* touch-action: none;     */
}

.ui-slider-horizontal .ui-slider-handle 
{
	margin-left: -0.3em;
	top: -0.3em;
}

.ui-slider .ui-slider-range 
{
	z-index: 1;
	background-position: 0 0;
	border:   0px;
	display:  block;
	position: absolute;
	font-size: .7em;
}


/* Misc. Elements */

.show 
{
	background-color: #9090aa;
	color:   #000;
	margin:  0px 0px 0px 9px;
	padding: 0px 2px 0px 0px;
	display: block;
	width: 242px;
	text-align: left;
}

.hidden 
{ 
	display: none 
}

.btn:after
{
	/* content: "(0_0)";	*/
}

.btn.collapsed:after
{
	/* content: "(-_-)";	*/
}

.matrixTable
{
	height: 100%;
	border: 0px solid magenta;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.matrixtr
{
	height: 100%;
	float: none;
	border: 0px dashed cyan;
	/* padding: 0px;*/ 
	margin: 0px;
	text-align: left;
}

.matrixtd
{
	height: 100%;
	float: none;
	border: 0px dashed red;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.onlineMatrixTable
{
	border: 0px solid magenta;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.onlineMatrixtr
{
	float: none;
	border: 0px dashed cyan;
	/* padding: 0px;*/ 
	margin: 0px;
	text-align: left;
}

.onlineMatrixtd
{
	height: 100%;
	float: none;
	border: 0px dashed red;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.eventdiv
{
  float: left;
  height: 100%;
  width: 100%;
  color: #dfe3ee;
  margin: 0px 4px 4px 0px;
  background-color: #3b5998;
  padding: 5px;
  white-space: nowrap;
  font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.panelDiv
{
  float: left;
  /* width: 100%; */
  color: black;
  margin: 0px 4px 4px 0px;
  background-color: #dfe3ee;
  padding: 5px;
  white-space: nowrap;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.algoName
{
  float: left;
  height: 100%;
  /* width: 100%; */
  width: 150px; 
  color: black;
  margin: 0px 4px 4px 0px;
  background-color: #dfe3ee;
  padding: 5px;
  white-space: nowrap;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.alertdiv
{
  float: left;
  height: 100%;
  width: 100%;
  color: #000000;
  margin: 0px 4px 4px 0px;
  background-color: #8b9dc3;
  padding: 5px;
  white-space: nowrap;
  font: 11px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.perfdiv
{
  float: left;
  height: 100%;
  width: 100%;
  color: #000000;
  margin: 0px 4px 4px 0px;
  background-color: #f7fbfc;
  padding: 5px;
  white-space: nowrap;
  font: 11px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.resultheader
{
  float: left;
  border: 1px solid #cccccc;
  text-align: left;
  height: 100%;
  width: 100%;
  color: #000000;
  margin: 0px 4px 4px 0px;
  background-color: #dfe3ee;
  padding: 7px;
  white-space: nowrap;
  font: 11px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.resultcell
{
  float: left;
  border: 1px solid #cccccc;
  text-align: center;
  height: 100%;
  width: 100%;
  color: #000000;
  margin: 0px;
  background-color: #f7fbfc;
  padding: 7px;
  white-space: nowrap;
  font: 11px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.spacer30
{
	height: 30px;
	width: 100%;
	border: 0px;
	background-color: inherit;
	margin: 0px;
	padding: 0px;
}

.spacer20
{
	height: 20px;
	width: 100%;
	border: 0px;
	background-color: inherit;
	margin: 0px;
	padding: 0px;
}

.spacer10
{
	height: 10px;
	width: 100%;
	border: 0px;
	background-color: inherit;
	margin: 0px;
	padding: 0px;
}

.spacer5
{
	height: 5px;
	width: 100%;
	border: 0px;
	background-color: inherit;
	margin: 0px;
	padding: 0px;
}

.ticketListItem 
{
	cursor: pointer;
	cursor: hand;
	margin: 0px 5px 0px 20px;
}

.required
{
	display:inline-block;
   max-width: 100%;
}

.requiredLabel
{
	display:inline-block;
   max-width: 100%;
}

.requiredField
{
	display:inline-block;
	width: 250px;
   max-width: 100%;
}

.printoutField
{
   width: 90%
   overflow: hidden;
   padding: 10px;
   border: 1px solid black;
   text-align: left;
   float: left;
   background-color: #c0fefe;
   word-wrap:break-word;
}

.deploymentContainer
{
	border: 1px solid cyan;
	padding: 10px 40px;
	float:left;
	width:100%;
}

	
/* Tab Styles */

ul.tabs
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.tabs li
{
	background: none;
	color: #223;
	display: inline-block;
	padding: 10px 25px;
	cursor: pointer;
}

ul.tabs li.current
{
	background: #fafafa;
	color: #223;
}

.tab-content
{
	display: none;
	background: #fafafa;
	padding: 25px;
}

.tab-content.current
{
	display:inherit;
}