html, body, div, h1, h2, h3, h4, h5, h6, /*ul, ol, dl, li,*/ dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
/*ol,ul { list-style:none; }*/
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }

body {
	background: #FFFFFF ;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: .81em;
	line-height: 140%;
	color: #404041;
}

/* 100% height with footer, 200 px sidebar	 */

html, body {
	height: 100%;
}

/*
body {
	min-width: 750px;
}
*/
a {
	color: #2f7599;
}



#wrap400, #wrap700, #fixedwrap  {
	position:relative;
	margin: 0px auto -41px;
	height:auto !important;
	height:100%;
	min-height:100%;
}

#wrap400 {
	width: 100%;
	min-width:450px;
}

#wrap700 {
	width: 100%;
	min-width:750px;
}

#fixedwrap {
	width: 750px;
}	

.contentdiv {
	float:left;
	width: 100%;
}

.contentinner {
	margin-right: 210px;
	padding: 10px 60px 10px 20px;
	/*overflow: hidden;*/
}

.contentnomenu {
	/* was changed to fit in "more" windows better RW 5/20/19 padding: 10px 60px 10px 20px; */
	padding: 10px 20px 10px 20px;
}

.empty_inner {
	height:40px;
}

#footer {
	background: white url(images/footer.gif) bottom repeat-x;
	font-size:11px;
	position:relative;

	min-height: 40px;
	height:40px;
	vertical-align:middle;

	width:100%;
	text-align: center;
}

#legal {
	clear: both;
	line-height: 30px;
	padding-top:10px;
	text-align: center;
	color: #375C69;
	margin-bottom: 0px;
}

#footer .flink {
	color: #2f7599;
	text-decoration: underline;
}

#togglediv { 
	float:right;
	padding-right:10px;
}

/* Header */

#header {
	width: 100%;
	height: 105px;
	/*margin: 0px -2px 10px 0px;
	padding-top: 10px;
	padding-bottom: 5px;*/
/*	background: url(images/graydot.gif) repeat-x left bottom;*/
	display: block;
    border-bottom:5px solid #e6e7e8;
}

#header {
	float: left;
	text-align:center;

}



#header h1 {
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.1em; 
	font-size: 2em;
	line-height: 105px;
	color: #404041;	

	
}

#header h1 a {
	color: #004470;
}

#header a {
	text-decoration: none;
}

#header img {
	left: 40px;
	top:15px;
	position:absolute;
	vertical-align:middle;
	max-width:100%;
	z-index:-1;
}

@media only screen and (max-width:1100px){
  #header img {
	width:225px;

  }

}

@media only screen and (max-width:800px){
  #header img {
	width:150px;

  }

}

#title {
	text-align:center;
	display: inline;

}

#path {
	
	position:absolute;
	top:5em;
	right:1em;
	padding: 10px 20px 0px 0px;
	line-height: 22px;
	font-size:.82em;
	
}

/* Sidebar */

#sidebar {
	float: left;
	width: 185px;
	margin-left: -210px;
	margin-top: 20px;
	position:relative;
	line-height: 180%
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 20px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
}

#sidebar h2 {
	text-transform: lowercase;
	margin-bottom: 10px;
	background: url(images/graydot.gif) repeat-x left bottom;
	font-size: 1.3em;
	font-weight: bold;
}

.locales a {
	color: #2f7599;
	font-size: 1em;
	text-decoration: none;
}

.locales .active a {
	color: #555;
}

.locales a:hover {
	text-decoration: underline;
}

.submenu a {
	padding-left: 15px;
	color: #2f7599;
	font-size: 1em;
	text-decoration: none;
}

.submenu a.inner { padding-left: 0px; }
.submenu span.small { font-size: 80%; padding-left: 5px; }

.submenu .active a {
	background: url(images/li.gif) no-repeat left 1px;
	color: #555;
}

.submenu .active a.inner {
	background: none;
}

.submenu a:hover {
	text-decoration: underline;
}

/* form, tabbed form */

.mform {
	background: url(images/loginbg.gif);
	clear: both;
	width: 100%;
}

.tabs {
	float: right;
	display: inline;
	margin:0px;
	margin-right: 15px;
}

.tabs li {
	display: inline;
}

.tabs a {
	display: block;
	float: left;
	padding: 2px 9px 3px 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2f7599;
}

.tabs li.active a {
	background: url(images/loginbg.gif);
	border-left:1px solid #bbbbbb;border-top:1px solid #bbbbbb;border-right:1px solid #bbbbbb;
	color: #000;
	text-decoration: none;
}

.tabs2 {
	float: right;
	display: inline;
	margin-right: 15px;
}

.tabs2 li {
	display: inline;
}

.tabs2 a {
	display: block;
	float: left;
	padding: 2px 9px 3px 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2f7599;
}
.tabs2 li.active a {
	border-left:1px solid #bbbbbb;border-top:1px solid #bbbbbb;border-right:1px solid #bbbbbb;
	color: #000;
	text-decoration: none;
}


.formtop, .formbottom, .formtopi, .formbottomi { height: 15px;}
.formtop { background: url(images/logincrnrt.gif) no-repeat top right;}
.formtopi { background: url(images/logincrnlt.gif) no-repeat top left; }
.formbottom { background: url(images/logincrnrb.gif) no-repeat bottom right; }
.formbottomi { background: url(images/logincrnlb.gif) no-repeat bottom left; }
.forminner { margin: 0px 15px;}
.forminner p { margin-bottom: 1em; }

/* fieldForm */

.fieldForm {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
}

.packedFormField {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	margin-right:25px;
	margin-bottom:8px;
}

div.errinfo {
	color: #c13030;
}	

.field {
	width: 100%;
	margin-top: 5px;
}

.flabel {
	position: relative;
	margin: 8px auto 2px;
	color: black;
}

.fleftlabel {
	float: left;
	width: 100px;
} 

.flabel span.required {
	font-size:8.0pt;
	color:red;
	font-weight: bold;
}

.field .subfield {
	padding-left: 30px;
	background: url(images/subitem.gif) no-repeat 10px 2px;
}

.fvalue {
	float: left;
}

.fvaluewithta {
	float: left;
	width: 67%;
}

.fvaluewithta textarea {
	width: 100%;
}

.fvaluenodesc {
}

.fvalueframe {
	overflow: auto;
	width: 100%;
}

.fvalueframe iframe {
	border: solid 1px #999;
}
	
.fdescr {
	float:left;
	padding-left:10px;
	color: #676767;
	font-size: 10px;
	min-width: 200px;
}

.fbutton { 
	background: url(images/formline.gif) repeat-x;
	margin-top: 20px;
	padding-top: 10px;
}

.fbutton .links {
	float: right;
	margin-top: 5px;
}

.fbutton .submitbutton {
	float: left;
}

.formauth {
}

textarea.wide {
	border:1px solid #878787;
	overflow:auto;
	width: 95%;
}

input.formauth {
	border: 1px solid #878787;
	color: #333;
	margin-right:15px;
	padding-right: 0px;	
}

#formmessage {
	border: 1px solid #4C96D4;
	background-color: #E7F1F9;
	padding: 8px 11px;
	font-size: 11px;
	font-weight:bold;
	width : 400px;
	margin: 0px 2px 10px;
	color: #515151;
}

.asterisk {
	padding: 10px 20px;
}

/* tables */

.tabletool {
	float: right;
}

.tabletool a {
	color: #296685;
	vertical-align: top;
	padding-left: 4px;
}

.tabletitle {
	background: url(images/graydot.gif) repeat-x left bottom;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 1.4em;
	margin: 10px 0px 20px;
	padding-bottom: 10px;
	color: #1D485E;
	font-weight: bold;
}

table.list, table.translate, table.statistics {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

table.list th, table.translate th, table.statistics th {
	font-size: 1.2em;
	font-weight: normal;
	padding: 10px 8px;
	border-bottom: 2px solid #2F7598;
}

table.list th, table.translate th { color: #1D485E; }
table.statistics th { color: #2F7598; }

table.list td, table.statistics td {
	color: #2f7599;
	padding: 10px 8px;
	border-bottom: 1px solid #ccc;
}

table.translate td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	padding: 2px 8px;
	border-bottom: 1px solid #ccc;
}

table.list td a.man {
	background: url(images/tbliclogin.gif) no-repeat left center;
	padding-left: 15px;
}

table.list tbody tr:hover td, table.list tbody tr:hover td a, table.statistics tbody tr:hover td {
	color: #1D485E;
}

/* awaiting */
div.awaiting {
background: #FAFAFA;
}
span.awaiting{
	font-size: 1.3em;
	font-weight: 400;
}
a.awaiting {
	font-size: 1.3em;
	font-weight: 400;
	text-decoration: none;
}

table.awaiting {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

table.awaiting th {
	font-size: 1.2em;
	font-weight: normal;
	color: #1D485E;
	padding: 10px 8px;
	border-bottom: 2px solid #2F7598;
	text-align: center;
}

table.awaiting th.first {
	text-align: left;
}

table.awaiting table.inner {
	border: none;
	width: 100%;	
}

table.awaiting table.inner .icon {
	width: 30px;
	text-align: center;
}

table.awaiting td.visitor {
	color: #296685;
	border-bottom: 1px solid #ccc;
	padding: 10px 8px;
	margin: 0px;
}

td.mine {
	border-bottom: 1px solid #ccc;
	padding: 10px 8px;
	margin: 0px;

}


/*background priority*/
tr.in1chat, tr.in2chat, tr.in3chat, tr.in4chat, tr.in5chat {background-color:#d1e8d0;} /*green #d1e8d0 old#f5fff2*/
tr.in1wait, tr.in2wait, tr.in1browsing, tr.in2browsing {background-color:#f8aea1;} /* red #f8aea1  old#fff4f5*/
tr.in3wait {background-color:#fbf6bb;} /*yellow  #fbf6bb #fefff2*/
tr.in4wait, tr.in5wait {background-color:#ffffff;}

.awaiting .visitor a { color: #296685; }
.awaiting tr:hover .visitor, .awaiting tr:hover .visitor a { color: #1D485E; }

.awaiting tr.ban .visitor, .awaiting tr.ban .visitor a { color: #9AC8E0; } 
.awaiting tr.ban:hover .visitor, .awaiting tr.ban:hover .visitor a { color: #4C9CC8; } 

.awaiting tr.inwait .visitor, .awaiting tr.inwait a { font-weight: bold; } 
.awaiting tr.inprio .visitor, .awaiting tr.inprio a { font-weight: bold; font-size: 1.05em; } 
.awaiting tr.inchat .visitor, .awaiting tr.inchat .visitor a { color: #777; }
.awaiting tr.inchat:hover .visitor, .awaiting tr.inchat:hover .visitor a { color: #444; } 
.awaiting tr.inchat a { text-decoration: none; }

.awaiting tr.in1wait  .visitor, .awaiting tr.in1browsing a { font-weight: bold; } 
.awaiting tr.in1wait  .visitor, .awaiting tr.in1wait a { font-weight: bold; } 

.awaiting tr.in2wait  .visitor, .awaiting tr.in2browsing a { font-weight: bold; } 
.awaiting tr.in2wait  .visitor, .awaiting tr.in2wait a { font-weight: bold;color:#777; } 
.awaiting tr.in3wait  .visitor, .awaiting tr.in3browsing a { font-weight: bold; } 
.awaiting tr.in3wait  .visitor, .awaiting tr.in3wait a { font-weight: bold;color:#777; } 
.awaiting tr.in4wait  .visitor, .awaiting tr.in4wait a { font-weight: bold;color:#777; } 

.awaiting tr.in5wait  .visitor, .awaiting tr.in5browsing a { font-weight: normal; } 
.awaiting tr.in5wait  .visitor, .awaiting tr.in5wait a { font-weight: normal; color:#777; font-size: .85em; } 

.awaiting tr.inprio .visitor, .awaiting tr.inprio a { font-weight: bold; font-size: 1.05em; } 
.awaiting tr.inchat .visitor, .awaiting tr.inchat .visitor a { color: #777; }
.awaiting tr.inchat:hover .visitor, .awaiting tr.inchat:hover .visitor a { color: #444; } 
.awaiting tr.inchat a { text-decoration: none; }

.awaiting tr.inbrowsing .visitor, .awaiting tr.inbrowsing a { font-weight: bold; } 
.awaiting tr.inbrowsing4 .visitor { background-color:#FFE6E6 }, .awaiting tr.inbrowsing a { font-weight: bold; }
.awaiting tr.inbrowsing3 .visitor { background-color:#D6F5D6 }, .awaiting tr.inbrowsing a { font-weight: bold; }
.awaiting tr.inbrowsing2 .visitor { background-color:#CCE0F5 }, .awaiting tr.inbrowsing a { font-weight: bold; }   
/*.awaiting tr.ininvited .visitor, .awaiting tr.ininvited a { font-weight: bold; font-size: 1.05em; } */
.awaiting tr.ininvited .visitor, .awaiting tr.ininvited .visitor a { color: #777; }
.awaiting tr.ininvited:hover .visitor, .awaiting tr.ininvited:hover .visitor a { color: #444; } 
.awaiting tr.ininvited a { text-decoration: none; }
.awaiting tr.inchatting .visitor, .awaiting tr.inchatting .visitor a { color: #777; }
.awaiting tr.inchatting:hover .visitor, .awaiting tr.inchatting:hover .visitor a { color: #444; } 
.awaiting tr.inchatting a { text-decoration: none; }
.firstmessage {
	text-align: right;
	font-size: 0.8em;
	padding-right: 10px;
}

.firstmessage a {
	text-decoration: none;
}

.firstmessage a:hover {
	text-decoration: underline;
}


.mine {
	color: #ec008c;
    font-weight: bold;
}

#connstatus {
	float:right;
	margin: 10px 10px;
}

#connlinks {
	margin: 10px 10px;
}

#connlinks a {
	color: #777;
	text-decoration: none;
}

#connlinks a:hover {
	text-decoration: underline;
}

/* search */

#searchtext {
	float:left;
	display: inline;
	margin:7px 20px 5px 0px;
	width:75%;
	padding-right:5px;
}

.searchctrl {
	float: left;
	margin:7px 20px 5px 0px;
	padding-right:5px;
	display: inline;	
}

#searchtext input {
	width: 100%;
	margin: 0px;
}

#searchbutton {
	float:left;
}

/* login */

#loginsmallpane {
	float: right;
	padding: 10px 15px 0px 0px;
	margin-right: 0px;
	line-height: 22px;
	display: inline;
}

#loginsmallpane input {
	margin: 0px 3px;
	padding: 0px 2px;
}

#loginsmallpane .butt {
	height: 1.3em;
	border: 0px;
	background: none;
}

#loginsmallpane .butt:hover {
	background: #aaa;
}

#loginintro {
	width: 400px;
	margin: 10px 30px;
}

#loginpane {
	width: 400px;
	margin: 30px 30px;
}

#loginpane .header h2 {
	font-size: 2em;
	margin-bottom: 0.9em;
	padding-bottom: 0.8em;
	border-bottom: 2px solid #404041;
}

/* nice button */

#confirmpane {
	width:450px;
	margin:0px auto 5px;
	padding-top: 70px;
}

.nicebutton {
	border: none;
	float: left;
	margin-left: 30px;
}

.submit a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 35px;
	color: #000000;
	text-decoration: none;
}

.submit {
	background: url(images/submitbg.gif) repeat-x;
	vertical-align: top;
}


/* thread log */

.logpane {
	margin: 10px 0px;
	line-height: 150%;
}

.logpane .header {
	padding-bottom: 0.8em;
	border-bottom: 2px solid #2F7598;
}

.logpane .wlabel {
	width: 10em;
	float: left;
	margin-right:10px;
}

.logpane .wvalue {
	float: left;
}

/* dashboard */

#dashboard {
	width: 100%;
}

.dashitem {
	width:33%;
	margin: 0px 2em 5em 0px;
	padding: 5px 2em 5em;
	vertical-align: top;
}

.dashitem:hover {
}

.dashitem a {
	padding-top:2px;
	padding-bottom: 10px;
	display: block;	
}

.dashitem img, #dashlocalesPopup h2 img {
	float: left;
	padding-right:10px;
}

#dashlocalesPopup h2 img {
	margin-top: -3px;
}

#dashlocalesPopup .locales {
	line-height: 180%;
	margin-left:10px;
}

#dashlocalesPopup h2 {
	font-size: 1.5em;
	margin-bottom: 0.9em;
	padding: 5px 30px 0.8em 0px;
	border-bottom: 2px solid #2F7598;
}

#dashlocalesPopupClose {
	float: right;
	position:absolute;
	right:5px;
	top:5px;
}

#dashlocalesPopup {
	display:none;  
	position:fixed;  
	_position:absolute; /* ie6*/  
	background:#FFFFFF;  
	border:2px solid #2F7598;  
	z-index:110;  
	padding:1em 1em;  
	font-size:1em;
}

#backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* ie6*/  
	height:100%;
	opacity: .5;
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #cecece;  
	z-index:101;  
}  

/* install */

#install li {
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 2em;
}

/* chat */

.message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4F4F4F;
	padding: 15px 0px 0px 0px;
	line-height: 17px;
}

.message span.time {
	color: #000000;
}

.message span.nuser {
	color: #B11E23;
	font-weight: bold;
}

.message span.nagent {
	font-weight: bold;
}

.message span.nnote {
	color: #000080;
	font-weight: bold;
}
.message span.minf {
	color: #1E48B1;
	font-size: 11px;
}

.message span.mevent {
	color: #A1A1A1;
	font-size: 11px;
}

.message span.mhidden {
	color: #A1A1A1;
	font-size: 11px;
}

.message span.mconn {
	color: #A1A1A1;
	font-size: 11px;
}

/* updates */

#news {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom:15px;
	padding:4px;
}

.newstext {
	margin-bottom:1em;
}

/* rtl rules */

.lrtl .dashitem img, .lrtl #dashlocalesPopup h2 img {
	float: right;
	padding-right:0px;
	padding-left:10px;
}

.lrtl .fleftlabel {
	float: right;
	width: 100px;
}

.lrtl .fdescr {
	float:right;
	padding-right:10px;
}


.lrtl .field .subfield {
	padding-right: 30px;
	background: url(images/subitem_rtl.gif) no-repeat 99% 2px;
}


.lrtl .fvalue {
	float: right;
}

.lrtl .logpane .wlabel {
	float: right;
	margin-left:10px;
}

.lrtl .logpane .wvalue {
	float: right;
}

.lrtl .fvaluewithta {
	float: right;
}

.lrtl #togglediv { 
	float:left;
	padding-left:10px;
}


.child_table {
		font-size:.9em;
	
}	



/* New Portfolio Queue Classes */


#filter{
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index:1000;
	background-color:white;
	padding:5px;
}

#queue_stats{
	margin-top:4px;
	display:inline-block;
}

#stop_watch{
	display:inline-block;
	float:right;

}

.stopWatch {
	font-size:20px;
	font-weight:bolder;
	


}

.stopWatch div {
	display:inline-block;
	margin-right:20px;
	cursor:pointer;
}


.stats_cell_label{
	font-weight:bold;
	padding-right:7px;
}



.stats_cell{
	width:27px;
	text-align:center;
}

.stats_cell_count {
	border:1px solid gray;

}



.transfer_div {
	position: absolute;
	top: 0;
	z-index:1000;
	background-color:#e6eefa;
	padding:15px;
	visibility:hidden;
	font-weight:bold;
}
.transfer_div  select{
	display:block;
	padding:5px;
	margin:5px;
}

.transfer_div textarea{
	display:block;
	padding:5px;
	margin:5px;
	width:90%;
}

.transfer_div button{
	display:inline-block;
	float:right;
}

.advo_filters{
	display:inline-block;
	
}

.pointer {
	cursor:pointer;
	  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE10+ */
  user-select: none;  
	
}
.notifications_div {
	position:fixed;
	bottom:350px;
	right:5px;
	z-index:1001;	
	
	
}

.notify_div{
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.6);
	position:absolute;
	right:10px;
	max-width:350px;
	min-width:350px;
	
}

.notify_row {
	border-bottom: none!important;

}

.notify_row_1 {
	clear:both;
	padding-bottom:0px!important;
	white-space: normal!important;
	margin: 5px;
}

.notify_row_2 {
	clear:both;
	padding-bottom:0px!important;
	white-space: normal!important;
	margin: 5px;
}

.notify_row_2 div{
	display:inline-block;
	 max-width: 260px;
    overflow: hidden;
}
.notify_row_2 img {
    width: 25px;
    margin-right: 5px;
    vertical-align: top;
}

.notify_wait{
	float:right;
	margin-top:10px;
	
}
.notify_chat{
	float:right;
	margin-top:-10px;
	clear:both;
	
}

.notify_row_3 {
	clear:both;
	padding-bottom:0px!important;
	white-space: normal!important;
	margin: 5px;
}

.notify_row_3 div{
	display:inline-block;
	padding-right:10px;
	max-width: 300px;
    overflow: hidden;
}

.minimize_stats{
	float:left;
	padding-right:10px;
	
}

.stats_bic{
	font-style:italic;	
	font-weight: normal;
	color:black;
}

.stats_data {
	font-weight:bolder;
	color:blue;
	
}
.stats_table{
	
	
}

.stats_table td{
	padding-left:10px;
	padding-right:10px;
}

.stats_label{
	font-weight: bold;
	
}

.stats_row_odd{
	background-color:#ebebeb;
	
}

.quick_action {
	position:fixed;
	top:5px;
	right:35px;
	z-index:200;
		
}

.quick_links {
	position:fixed;
	bottom:5px;
	right:5px;
	z-index:200;
		
}
.quick_links i{
	font-size:34px;
	cursor:pointer;
	color: #6f7070;
	
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.none {
	display:none;
}

.block {
	display:block;
}

.pause_background {
	position:absolute;
	background:black;
	opacity:0.5;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index:2004;
}
.pause_right {
	top:5px;
	right:5px;
	font-size:34px;
	color: #6f7070;
		
}

.pause_middle {
	color: white;
	font-size:172px;
	width:173px;
	top:45%;
	left:40%;
	z-index:2004;
}
.pause_button {
	position:fixed;
	cursor:pointer;
	z-index:2005;
	
}


.volume_right {
	top:5px;
	font-size:34px;
	color: #6f7070;
		
}

.muted {

	color: red;
		
}

.volume_button {
	/*position:fixed;*/
	cursor:pointer;
	z-index:2005;
	
}

.fade_in {
	
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
 }



@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.action_icon {
	color:#6f7070;
	white-space:nowrap;
	cursor:pointer;
}

.action_icon i {
	padding-left:10px; 
}

.thread_icons {
	color:#6f7070;
}

.strike {
	text-decoration: line-through;
	
}

.star{
	color:gold;
	text-align:center;
	-webkit-text-stroke: 1px black;
}


.small_star{
	color:#6f7070;
	color:gold;
	font-size:16px;
	-webkit-text-stroke: 1px black;

}


td.child  {background-color:#fff;padding-left:25px !important;}

div.queue_div{
	margin-bottom:45px;
	text-align:left;
}

.header_row{
	font-size: 1.2em;
	font-weight: normal;
	color: #1D485E;
	padding: 10px 8px;
	border-bottom: 2px solid #2F7598;
	text-align: left;
	
}

.header_sortable{
	text-decoration:underline;
	cursor:pointer;
	white-space: nowrap;
	
}

.logoCell {
	
	
}
.logoCell img{
	width:25px;
	margin-right:5px;
	vertical-align:top;
	
}
.logoDiv {
	display: inline-block;
	padding-left: 15px;
	/*white-space: nowrap; This seems to split some programs*/
}

.portfolio_name {
	    white-space: nowrap;
}

.program_name {
	    white-space: normal;
}

.noWrap {
	white-space: nowrap;
	
}


.available {
	color:green;
	font-size:10px;
}

.filtering {
	color:yellow;
	font-size:10px;
}

.unavailable {
	color:red;
	font-size:10px;
}

.online {
	color:green;
	font-size:8px;
}

.not_online {
	color:gray;
	font-size:8px;
}

.up {
	color:green;
	font-size:12px;
	font-weight:bolder;
}

.down {
	color:red;
	font-size:12px;
	font-weight:bolder;
}
.equal {
	font-size:12px;
	font-weight:bolder;
}
.blank {
	padding-left:12px;
	font-weight:bolder;
}


/* queue */

.ba_projected {
	color:blue;
	font-weight:bold;
}

div.queue {
background: #FAFAFA;
}

span.queue{
	font-size: 1.3em;
	font-weight: 400;
}
a.queue {
	font-size: 1.3em;
	font-weight: 400;
	text-decoration: none;
}

table.queue {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	position: relative;
}



table.queue th.first {
	text-align: left;
}

table.queue table.inner {
	border: none;
	width: 100%;	
}



table.queue th {
	font-size: 1.0em;
	font-weight: normal;
	color: #1D485E;
	padding: 10px 8px;
	border-bottom: 2px solid #2F7598;
	text-align: center;
}

tr.queue {background-color:#fff;
   border-bottom: 7px solid  #fff;
	
   }

tr.open {background-color:#d1e8d0; }

tr.active_primary_1,tr.active_primary_2,tr.development_primary_1,tr.development_primary_2 ,tr.potential_primary_1,tr.potential_primary_2{background-color:#e88283;}/* red primary*/
tr.active_primary_3,tr.development_primary_3,tr.potential_primary_3  {background-color:#ffe18b;} /*yellow primary */
tr.active_primary_4,tr.active_primary_5,tr.development_primary_4,tr.development_primary_5,tr.potential_primary_4,tr.potential_primary_5 {background-color:#9dc5e5;}/* blue primary*/

tr.potential_secondary_1,tr.potential_secondary_2,tr.active_secondary_1,tr.active_secondary_2,tr.development_secondary_1,tr.development_secondary_2 {background-color:#f3bdc0;}/* red secondary*/
tr.potential_secondary_3,tr.active_secondary_3,tr.development_secondary_3 {background-color:#fff9d9;} /*yellow secondary */
tr.potential_secondary_low,tr.active_secondary_4,tr.active_secondary_5,tr.development_secondary_4,tr.development_secondary_5 {background-color:#dceefc;}/* blue secondary*/

td.active_primary_1,td.active_primary_2,td.development_primary_1,td.development_primary_2 ,td.potential_primary_1,td.potential_primary_2{background-color:#e88283;}/* red primary*/
td.active_primary_3,td.development_primary_3,td.potential_primary_3  {background-color:#ffe18b;} /*yellow primary */
td.active_primary_4,td.active_primary_5,td.development_primary_4,td.development_primary_5,td.potential_primary_4,td.potential_primary_5 {background-color:#9dc5e5;}/* blue primary*/

td.potential_secondary_1,td.potential_secondary_2,td.active_secondary_1,td.active_secondary_2,td.development_secondary_1,td.development_secondary_2 {background-color:#f3bdc0;}/* red secondary*/
td.potential_secondary_3,td.active_secondary_3,td.development_secondary_3 {background-color:#fff9d9;} /*yellow secondary */
td.potential_secondary_4,td.active_secondary_4,td.active_secondary_5,td.development_secondary_4,td.development_secondary_5 {background-color:#dceefc;}/* blue secondary*/

td.my_dismissed{background-color: #e6e7e8;}
td.white {background-color:white;}
td.open {background-color:#d1e8d0; }


tr.custom_sort td:first-child{
	background-color:white;

}


/*will override*/
.my_dismissed {
	background-color: #e6e7e8 !important;
}


tr.queue td {
	padding: 7px 4px;
    overflow-wrap: anywhere;
}

.chatviewCell {
	min-width:60px;
}


table.potential_table{
	border: 1px solid black;
  table-layout: fixed;
	
}

tr.potential_header td {
	border: 1px solid black;
	padding: 7px 4px;
    /*overflow-wrap: anywhere;*/
	font-size:15px;
	font-weight:bold;
	white-space: normal;
}

tr.potential_row td {
	border: 1px solid black;
	padding: 7px 4px;
    /*overflow-wrap: anywhere;*/
	white-space: nowrap;
}

tr.bold td {
	font-weight:bold;
}

td.highest {
		background-color: #ffe18b;
}

.draggable-table__drag {
      /*font-size: .95em;
      font-weight: lighter;
      text-transform: capitalize; */   
      position: absolute;
      width: 100%;
      /*text-indent: 50px;    */
      border: 1px solid #f1f1f1;
      z-index: 10;
      cursor: grabbing;
      -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.05);
              box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.05); 
    
      opacity: 1;
  }  
  
  
  tr.row-disabled {
  opacity: 0.5; /* Darken the row */
  pointer-events: none; /* Make the row and its children non-interactive */
  cursor: not-allowed; /* Change the mouse cursor */
}

tr.row-disabled * { /* Optional: Apply 'not-allowed' cursor to all elements within */
  cursor: not-allowed;
}
  
  
  
  thead {
    
    th {
     /* height: 25px;
      font-weight: bold;
      text-transform: capitalize;
      padding: 10px;*/
     /* user-select: none;*/
    }
  }
  
  
  
  
  tbody {
    
    tr {
     /* cursor: grabbing;*/
      
      td {
       /* font-size: .95em;
        font-weight: lighter;
        text-transform: capitalize;
        text-indent: 50px;
        padding: 10px;  */
        /* user-select: none;
        border-top: 1px solid whitesmoke;*/
      }
    }
    
  
  }