/*
Sticky Footer Solution
https://getbootstrap.com/docs/4.0/examples/sticky-footer-navbar/
*/

* {margin:0;}
html { min-height: 100%; position: relative; } /* for footer position */
#main {
	padding-bottom: 32px;
	width: auto;
  max-width:1001px;
	margin-left: auto;
	margin-right: auto;
	}  /* must be same height as the footer */


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#topbar {
	background-color: #000;
	width:100%;
	height:37px;
	margin-left: auto;
	margin-right: auto;
	font-size:12px;
	color: #ffffff;
}

#header-box {
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
	width: auto;
	height: 60px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-moz-box-shadow:    1px 1px 1px 0px #ccc;
  -webkit-box-shadow: 1px 1px 1px 0px #ccc;
  box-shadow:         1px 1px 1px 0px #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fafafa,  #fff); /* for firefox 3.6+ */
}

#header-logo {
	-moz-border-radius: 9px 0 0 9px;
	border-radius: 9px 0 0 9px;
	width: 110px;
	float: left;
	height: 56px;
	border-style:solid;
	border-width:0 1px 0 0;
	border-color:#cccccc;
	padding: 4px 0 0 16px;
}

#header-bid-logo {
	-moz-border-radius: 9px 0 0 9px;
	border-radius: 9px 0 0 9px;
	width: 200px;
	float: left;
	height: 56px;
	border-style:solid;
	border-width:0 1px 0 0;
	border-color:#cccccc;
	padding: 4px 0 0 16px;
}

#header-content {
	float: left;
	width: 300px;
	height: 30px;
	padding: 12px 10px 10px 10px;
	font-size:24px;
	color: #8d8d8d;
	font-weight: 700;
}

#header-right-content {
	float: right;
	padding: 10px 0 0 0;
	font-size:13px;
	text-align:right;
	color: #333333;
	line-height: 140%;
}
#header-right-content > div {
  height: 24px;
}
#footer-box {
	background-color: #333;
	border-style:solid;
	border-width:1px;
	border-color:#333;
	width:898px;
	margin-left: auto;
	margin-right: auto;
	font-size:12px;
	padding: 7px 20px 5px 20px;
	color: #333333;
}

#footer-box a:link {color:#333333;}
#footer-box a:visited {color:#333333;}
#footer-box a:hover {color:#333333;}
#footer-box a:active {color:#333333;}

#title-bar {
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	font-size:13px;	
	text-align:right; 
	padding: 10px 0 0 0;
	color: #aaaaaa;
}

#title-bar a {padding: 0 5px 0 5px; font-weight: bold}

#title-bar a:link {color:#aaaaaa;}
#title-bar a:visited {color:#aaaaaa;}
#title-bar a:hover {color:#FF6B35;}
#title-bar a:active {color:#FF6B35;}

#date-time {
	float:right;
	width:300px;
	font-size:13px;	
	text-align:right; 
	padding: 10px 10px 0 0;
}

.content-box {
	margin-left: auto;
	margin-right: auto;
	color:#000000;
}

.content-header {
	margin-left: auto;
	margin-right: auto;
	background-color: #333333;
	height: 20px;
	padding: 10px 10px 10px 10px;
	font-size:16px;
	color: #ffffff;
	font-weight: 700;
	text-transform:uppercase;
}

.content-body {
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
    border: 1px #FF6B35 solid;
    border-radius: 0 0 9px 9px;
    border-top: 0px;
    padding: 10px;
}

.content-box.myalert {
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}

.yellow-box {
    background-color: #ffbf3f;
    border-radius: 0 10px 10px;
    margin: 2em 0;
    padding: 1em;
}

.highlighted-text {
  background-color: #ffbf3f;
  padding: 1px 2px;
}

.no-margin { margin: 0!important;}

.content-body.lightnote {
    margin-top: 9px;
	border: 1px solid #e4a02f;
    border-radius: 9px 0 9px 9px;
}

.withsign {
    padding-left: 25px;
    text-indent: -9px;
}

.lightnote {
  color: #e4a02f;
}

p.medium {
		font-size:16px;
		color: #448ac4;
		font-weight: bold;
		padding: 0 0 8px 0;
       }

p.medium-small {
		font-size:13px;
		color: #448ac4;
		font-weight: bold;
		padding: 0;
		  }

p.text-gray {
		font-size:13px;
		color: #999999;
		font-weight: bold;
		padding: 0;
		  }

p.text-blue {
		font-size:13px;
		color: #288dc6;
		font-weight: bold;
		padding: 0;
		  }



#menu {
  padding: 0px 0px 0px 0px;
  clear: both;
	width: auto;
	height: 36px;
	margin-left: auto;
	margin-right: auto;
	color: #414042;
		font-size:14px;
		font-weight: 700;
	background-color:  #fff;
}

.menu-item{
  padding: 8px 16px 8px 16px;
    float:left;
    height: 36px;
    border-bottom: 3px solid #ddd;
}

.menu-item:hover
{
 background-color: #ddd;	
 border-bottom: 3px solid #FF6B35;
}


.menu-item	a:link
{
  color:#414042; 
  text-decoration:none;
  }      /* unvisited link */
.menu-item a:visited
{
  color:#414042;
  text-decoration:none;
  }  /* visited link */
.menu-item a:hover
{
  text-decoration:none;
  }  /* mouse over link */
.menu-item a:active
{
  color:#414042;
  text-decoration:none;
  }  /* selected link */

.menu-item-selected{
  padding: 8px 16px 8px 16px;
  float:left;
  background-color:  #FF6B35;
    height: 36px;  
  border-bottom: 3px solid #FF6B35;
}

.menu-item-selected	a:link
{
  color:#ffffff;
  text-decoration:none;
  }      /* unvisited link */

.menu-item-selected a:visited
{
  color:#ffffff;
  text-decoration:none;
  }  /* visited link */
  
.menu-item .badge {
    vertical-align: text-bottom;
    padding: 0.4em 0.4em 0.2em 0.4em;
}
  
.menu-item-selected .badge {
    vertical-align: text-bottom;
    color:#414042;
    background-color:#fff;
    padding: 0.4em 0.4em 0.2em 0.4em;
}
  
#menuspacer
{
  float:left;
	width:0px;
    color: #ddd;
	margin: 5px 0px 0px 0px;
	height:23px;
	border-left-style:solid;
	border-width:0px;
	border-color:transparent;
}

#submenu
{
  float:left;
  padding: 10px 0px 9px 20px;
	background-color:transparent;
	color: #000000;
		font-size:13px;
		font-weight: 700;

}

.submenu-item{
  padding: 4px 6px 0px 6px;
  float:left;
}

.submenu-item	a:link
{
  color:#000000;
  text-decoration:none;
  }      /* unvisited link */
.submenu-item a:visited
{
  color:#000000;
  text-decoration:none;
  }  /* visited link */
.submenu-item a:hover
{
  color:#FF6B35;
  text-decoration:none;
  }  /* mouse over link */
.submenu-item a:active
{
  color:#000000;
  text-decoration:none;
  }  /* selected link */

.submenu-item-selected{
  padding: 4px 6px 0px 6px;
  float:left;
}

.submenu-item-selected	a:link
{
  color:#FF6B35;
  text-decoration:none;
  }      /* unvisited link */

.submenu-item-selected a:visited
{
  color:#FF6B35;
  text-decoration:none;
  }  /* visited link */

.submenu-divider{
  float:left;
	width:1px;
	margin: 6px 12px 0px 12px;
	height:14px;
	border-left-style:solid;
	border-width:1px;
	border-color:#000;
}

#submenu-bottom {
	  clear: both;
	border-width: 0px 0px 1px 0px;
	border-color: #000;
	/*border-style: inset;*/
	width:1022;
	height:3px;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

<!--[if !IE 7]>
		#wrap {display:table;height:100%}
<![endif]-->


/*  CSS for common usage message box on top of the page */
.hide
{
	display: none;
}

#alertWrap.fixontop
{
	height:24px; 
	width:100%;
	text-align:center;
	top:0;
	left:0;
	position:fixed;
    display:none;
    z-index: 2020;
}
#alertWrap .alert 
{
	font-size:18px;
	width:600px;
    height: 40px;
	margin-left:auto;
	margin-right:auto;
    padding: 5px 40px 12px 0px;
    display: table;
}
#alertWrap .alert > span {
  margin-right: 18px;
}

#alertWrap .alert  div.close
{
	width:100%;
	height:1px;
  right:0px;
}
#alertWrap .alert  div.close span 
{
	font-size:30px;
	cursor:pointer;
  margin: 0px -25px 0px 0px;
}
.closeme
{
  cursor:pointer;
  font-size: 25px;
  margin: -5px 1px 1px 1px;
}
.cursor-pointer {
  cursor:pointer;
}
.return2list a:link {color:#ffffff;}
.return2list a:visited {color:#ffffff;}
.return2list a:hover {color:#FF6B35;}
.return2list a:active {color:#ffffff;}
.alert {
  color: #c09853;
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.alert-success {
  color: #333333;
  background-color: #f3f9f4;
  border-color: #91c89c;
}
.alert-success-bootstrap {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
#password_strength, #password_match{
	margin-left:5px;
}

#password_strength.short, #password_match.notmatched{
	color:#FF0000;
}

#password_strength.weak{
	/*color:#E66C2C;*/
  color: #FF0000;
}

#password_strength.good{
	color:#2D98F3;
}

#password_strength.strong, #password_match.matched{
	color:#006400;
}
.bicon {
  height: 19px;
  padding: 0px;
  vertical-align: bottom;
}

td.bicon {
  margin: 8px 8px 0px 8px;
}

.content-header-alert .bicon {
  background-color: #333;
}

#custNo {padding-top: 2px; padding-bottom: 7px;}

#header-right-content .dropdown a.dropdown-toggle { padding:5px 5px 5px 5px; }
#header-right-content .dropdown a.dropdown-item   { color: #333; }
#header-right-content .dropdown                   { height: 24px;}

div.verticalmenu {
  background-color: #fff;
  padding: 0px;
  margin-left: 15px;
  margin-bottom: 15px;
}

div.verticalmenu>.nav.nav-stacked>li.active>a {
  background-color: #FF6B35 !important;
  color: #fff !important;
}
div.verticalmenu>.nav-tabs.nav-stacked>li:first-child>a {
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
}
div.verticalmenu>.nav-tabs.nav-stacked>li:last-child>a {
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
}
div.verticalmenu>.nav.nav-stacked>li>a:hover,
div.verticalmenu>.nav.nav-stacked>li>a:focus {
  background-color: #f5f5f5;
}
div.verticalmenu>.nav.nav-stacked>li>a:hover,
div.verticalmenu>.nav.nav-stacked>li>a:visited,
div.verticalmenu>.nav.nav-stacked>li>a:link,
div.verticalmenu>.nav.nav-stacked>li>a:focus {
  color: #FF6B35;
  border: 1px solid #ddd;
}
div.verticalmenu>ul.nav.nav-stacked {
  border-bottom: none;
}

div.verticalmenu>ul.nav.nav-stacked>li + li {
  border-bottom: none;
  margin-top: 0;
}

div.verticalmenu>ul.nav.nav-tabs>li>a {
  border-radius: 0;
}

.suite_cell {
  width: 60px;
  height: 60px;
  float: left;
  border: 1px solid #eee;
}
.suite_axis_cell {
  text-align: center;
  vertical-align: middle;
  float: left;
  border: 1px solid #fff;
}

.suite_axis_x {
  height: 20px;
  width: 60px;
}

.suite_axis_xy {
  height: 20px;
  width: 60px;
}

.suite_axis_y {
  width: 60px;
  height: 60px;
  line-height: 60px;
}

.suite_axis_y.lefty {
  text-align: right;
}
.suite_axis_y.righty {
  text-align: left;
}
.suite_dummy {
  background-color: white;
}
.suite_tile {
  background-color: #e2e2e2;
}
.suite_row {
  clear:both;
}

.suite_tile .kva {
  background: url(/images/colo/kva.png) left no-repeat;
  line-height: 60px;
  height: 60px;
  padding: 0px 3px 0px 15px;
  color: #FFFFFF;
  font-family: Arial, Helvetica;
  font-size: 9px;
}

.suite_tile .temp {
  background: url(/images/colo/temp.png) left no-repeat;
  line-height: 60px;
  height: 60px;
  padding: 0px 3px 0px 15px;
  color: #FFFFFF;
  font-family: Arial, Helvetica;
  font-size: 9px;
  position: relative
}

.suite_tile .temp.down.withkva {
  margin-top: -10px;
  margin-left: 5px;
}

.suite_tile .temp.up.withkva {
  margin-top: -110px;
  margin-left: 5px;
}

.suite_tile .temp.left.withkva {
  margin-left: -50px;
  margin-top: -60px;
  width: 30px;
}

.suite_tile .temp.right.withkva {
  margin-left: 65px;
  margin-top: -60px;
  width: 30px;
}

.suite_tile .temp.down.withnokva {
  margin-top: 50px;
  margin-left: 5px;
}

.suite_tile .temp.up.withnokva {
  margin-top: -50px;
  margin-left: 5px;
}

.suite_tile .temp.left.withnokva {
  margin-left: -50px;
  margin-top: 0;
  width: 30px;
}

.suite_tile .temp.right.withnokva {
  margin-left: 65px;
  margin-top: 0;
  width: 30px;
}

.suite_tile .temp.center.withnokva {
  margin-top: 0px;
  margin-left: 5px;
}

.suite_tile .temp.center.withkva {
  margin-top: -45px;
  margin-left: 5px;
}

#cert_reg { padding-left: 150px; }

/* FROM BOOTSTRAP v2.3.2 */
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
/* END OF BTN SECTION, FROM BOOTSTRAP v2.3.2*/

span.pad4 { padding: 4px; }

#semafone_row td.fieldtext {
  padding: 3px 0 0 0;
}

.box-table.dataTable.no-footer {
	border: 1px solid #DDAEC7;
	padding: 0;
}

.box-table.dataTable tr td {
	border: 1px solid #DDAEC7;
}

table.dataTable thead th {
  border-right: 1px solid #ddaec7;
  border-bottom: 1px solid #ddaec7;
  padding: 5px 15px;
}

table.box-table.dataTable thead th {
    background-color: none;
}

table.box-table.dataTable thead tr, table.box-table thead tr {
  background-color: #2f322f !important;
}
table.box-table tbody tr.empty_items {
  background-color: #ffffff !important;
}

table.box-table.dataTable {
  border-collapse: collapse !important;
}

.bottom .dataTables_info {
    clear: both;
    float: left;
    padding-top: 3px;
    margin-right: 1em;
}

.bottom .dataTables_length {
  padding-top: 3px;
}

.bottom .dataTables_length label {
  font-weight: normal !important;
  margin-left: 1em;
}

.content-box .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.content-box .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.content-box .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
  background: #FF6B35 !important;
  color: white !important;
  border: 1px solid #FF6B35 !important;
}

.content-box .dataTables_wrapper .dataTables_paginate a.paginate_button:not(.disabled) {
  border: 1px solid #FF6B35 !important;
}

.rogers_red {color: #FF6B35;}
.rogers_green {color: #00955e;}

.widget-loader {
	top: 45%;
	left: 46%;
	position: relative;
	text-align:center;
	color: #ccc;
	background-image: url("/images/widget-loader.gif");
	background-repeat: no-repeat;
	height: 60px;
}

.widget-loader.small {
	height: 30px;
	width: 28px;
	background-size: 30px 28px;
	left: 33%;
}


.rdc-popover {
  font-size: 1.2em;
  color: #414042;
  background-color: #ffbf3f;
  padding: .5em 1em .5em 1em; 
  max-width: 600px;
  /* min-width: 400px;
  width: max-content; */
  border: 1px solid #f5f5f5;
}

@media (max-width:767px) {
	#main .rui-heading .content > * {
		-ms-transform: translate(15px, 70px);
		-webkit-transform: translate(15px, 70px);
		-moz-transform: translate(15px, 70px);
		-o-transform: translate(15px, 70px);
		transform: translate(15px, 70px);
	}
}

@media (min-width:768px) {
	.modal-dialog.wider {
		width: 720px;
	}
}

@media (max-width:767px) {
	#header #main-menu {
		display: block;
	}

	#header #nav-context-bar #ocp_launcher_button {
		position: fixed;
		top: 5px;
		right: 0;
		font-size: 1em;
		color: white;
		z-index: 2000
	}

	#header #nav-context-bar #ocp_launcher_button:hover,
	#header #nav-context-bar #ocp_launcher_button:focus,
	#header #nav-context-bar #ocp_launcher_button:visited {
		background-color: transparent;
	}
}