@charset "UTF-8";

html{height:100%}
body{overflow-y:scroll;height:100%}
.cAlign{text-align:center;}
.rAlign{text-align:right;}
.mute{display:none;}
.all-caps{text-transform:uppercase;}
.empty{padding:5px;display:block;}
.btn-primary{background-color:#287f9a; border-color:#287f9a; }
.btn-primary:hover,.btn-primary.active {background-color:#1a6076; border-color:#287f9a;}
h1{font-weight:bold;letter-spacing:-0.0825em;color:#555;}
h1 span.page-title{border-bottom:1px dashed #555;padding-bottom:5px;cursor:pointer;}
.clickable {cursor: pointer; }
.activeevents-popup {cursor: pointer; }
#rememberme-group { padding-left: 32px; }
#header{background:#eeeeee;color:#f5f5f5;}
#header span.main-text{font-size:28px;line-height:22px;letter-spacing:-0.0825em}
#header span.help-text{font-size:14px;font-weight:bold;display:block;}

.pre-wrap {
    white-space: pre-wrap;
}

.word-break {
    word-break: break-word;
}

.bold {
    font-weight: bold;
}

[v-cloak] {
    display: none;
}

.spinspinsugar {
    background-image: url(/assets/topaz/img/loading_trans.gif);
    height: 100px;
    width: 100px;
}

.nopadding {
    padding: 0 !important;
}

.noborder {
    border: 0 !important;
}

.nav-justified {
    border-spacing: 5px;
}

.nav-item {
    background-color: #287f9a !important;
    border-color: #287f9a !important;
    border-radius: 4px;
    Margin: 0px 0px 5px;
}
.nav-item a {
    color: white !important;
}
.nav>li>a:hover, .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus, .nav>li>a:focus {
    background-color:#1a6076 !important;
    border-color:#287f9a !important;
}

.has-clear{
    position: relative;
}

.input-icon {
    position: relative;
}

.input-icon > i {
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 50%;
    pointer-events: none;
    width: 25px;
    text-align: center;
    font-style: normal;
}

.input-icon > input {
    padding-left: 25px;
    padding-right: 0;
}

.input-icon-right > i {
    right: 0;
}

.input-icon-right > input {
    padding-left: 0;
    padding-right: 25px;
    text-align: right;
}

.form-control-clear {
    position: absolute;
    right: 5px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
}
.has-label .form-control-clear {
    top: 27px;
}

#filterHelper {
    height:300px;
    overflow-y: scroll;
}

.visible-xs-inline {
  display: none !important;
}

@media (max-width: 767px) {
  .modal.fade.in {
    top: 5%;
  }
  
  .visible-xs-inline {
    display: inline !important;
  }
}

.with-tickbox label.active:before
{
	content:url(/assets/img/tick.png);
}

td
{
    position: relative;
}
tr.strikeout td:before 
{
	content: " ";
	position: absolute;
	top: 50%;
	left: 0;
	border-bottom: 1px solid #111;
	width: 100%;
}

.clip-text-overflow { overflow: hidden;text-overflow: clip;white-space: nowrap;}

#nav{background:#287f9a; min-height: 50px;color:#fff;font-size: 22px; font-weight: bold; padding-top: 8px;}
#nav .breadcrum{ color: #6eb4ca; padding-left: 30px; }
#nav .breadcrumSubHeader{ color: #dbdbdb; font-size: 14px; }
#nav .glyphicon{ font-size:14px; color: #6eb4ca; }
#nav .menuItem { font-size: 14px; font-weight: normal; margin-left: -9px;}
#nav .deviceLogged { font-size: 12px; font-weight: initial; }
.menuItemButton {
	display: inline-block;
	padding: 8px 24px;
	color: #ffffff;
	cursor: pointer;
	margin-right: 10px;
}

.new_tab {
	target: new;
}

.nestedItems {
	display: none;
	list-style-type: none;
	position: fixed;
	z-index: 1;
	min-width: 160px;
	padding: 8px 5px;
	margin: 5px -36px 0;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	background-clip: padding-box;
}

.nestedItems>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.65;
	color: #333;
	white-space: nowrap;
}

.adminMenuItem:hover .nestedItems {
	display: block;
	background-color: #FFFFFF;
}

.menuItem a {
	text-decoration: none;
}

.menuItemButton a {
	color: black;
}

.menuItemButton:focus {
	outline: none;
}

.menuItemButton:visited {
	color: #FFFFFF;
}

/* Change color on hover */
.menuItem a:hover, .adminMenuItem:hover {
	color: lightgrey;
	text-decoration: none; /* Remove underline on hover */
}

.nestedItems a:hover{
	color: black !important;
	background: #F5F5F5;
}

.menuIcon{
	filter: brightness(0) invert(1);
	height: 16px;
	width: 16px;
	margin-top: -4px;
	margin-right: 2px;
	margin-left: -14px;
}

.page_Header{
	margin-bottom: 20px;
	font-stretch: condensed;
	font-weight: bold;
}

.page-header h1 {
	margin: 0;
	font-size: 20px; /* Adjust the font size as needed */
	font-weight: normal; /* Adjust the font weight as needed */
	color: #333; /* Adjust the color as needed */
}

.icon_filter{
	filter: invert(57%) sepia(65%) saturate(0%) hue-rotate(295deg) brightness(93%) contrast(74%);
}

#main { min-height: 100%; padding-bottom: 40px; font-family: 'Poppins', sans-serif !important;}
#footer { position: relative; margin-top: -40px; /* negative value of footer height */ height: 40px; clear:both; } 
#footer p{ margin: 14px 0px 0px }
#logo{padding-top:2px;padding-bottom:2px;}
#navButton,#userButton,.sitesButton {cursor: pointer; }

/* to make the trolley glyphicon point right in alert badges */
.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

/* container for nav icons to work with drop down */
.notification-icon
{
    position:relative;
}

/* counters overlapping badge icons in navbar */
.badge-notify
{
    position: relative;
    top: -10px;
    left: -10px;
    background-color: red;
    font-size: 10px;
    padding: 2px 5px 2px 5px;
}
/* preserves formatting when 0 notifications */
.badge-notify.invisible {
    background-color: #287f9a;
    color: #287f9a;
    font-size: 10px;
}

/* label next to checkbox to dsisable alerts popups */
.popupDisable
{
    font-weight: normal; /* text for checkbox */
    font-size: small;
}
.popupDisable input
{
    margin-right:5px; /*space between checkbox and label */
}
.dropdown-menu.alert a.btn
{
    float:right; /* button pushed right */
}

/* full screen bootbox dialog like GDPR agreement */
.modal-full-screen > .modal-dialog {
    width: 90% !important;
}

#sitesButton.active { background-color: #fff }
.modal-footer { margin-top: 0px; }
.nimbus-text { font-size: 30px; color: #dbdbdb; font-weight: bold;text-align:center;}
.client_logo { width: 212px; height: 50px }
.reseller_logo { padding: 2px 10px 2px 10px; }
/*#logo.active{background-color:#efad23;}*/
.btn-app-menu{padding:5px;}
.btn-app-menu:hover{text-decoration:none;}
.breadcrum{color:#efad23;padding-left:10px;font-size:20px;font-weight:bold; letter-spacing:-0.02em;}

.appArea { overflow-y: auto; }
.fitWidth { width: 100%; }

.indicator{border-left:1px dotted #8c8c8c; text-align:center;padding-top:13px;padding-bottom:7px;padding-left:0px; padding-right:0px;}
.header-tab{border-left:1px dotted #8c8c8c;}
.indicator-active{background-color:#1e1e1e;}
.indicator-red{background-color:#cf0303; color:white; margin-right:15px;}

.tooltip { 
    position: fixed;
}

@media (max-width: 768px) {
	#header span.main-text{font-size:14px;line-height:12px;letter-spacing:-0.0825em}
	#header span.help-text{font-size:12px;}
	#main .col-xs-2 {width: 22.22222222222221%}
	.indicator {font-size:12px;}
	
	#nav .breadcrum {font-size: 14px; padding-left: 5px;}
	#nav .breadcrumSubHeader {display: none; }
	#nav .glyphicon {font-size: 12px;}
	#nav {font-size: 14px}
	
	#sitesAndDevices .col-xs-8 {width: 100%}
}

#user{color:#fff;border-left:1px dotted #8c8c8c; text-align:center;padding-top:13px;padding-bottom:7px;font-size:24px;font-weight:bold; letter-spacing:0em;cursor:pointer;}
#user span{color:#efad23;}
/*#user.active{background-color:#efad23}*/
.text-service{color:#ca75c6 !important}
.text-weekly{color:#5bc0de !important}
.text-live{color:#5cb85c !important}
.text-offline{color:#ef1111 !important}
.text-path-fault{color:#ffd800 !important}
.text-notapplicable{color: black;}

.left-nav{border-right:1px solid #e5e5e5;padding:20px 0}
.left-nav a{display:block;padding:10px;font-size:18px;text-decoration:none;color:#555;border-bottom:3px solid #fff; border-radius:4px 0 0 4px;}
.left-nav a:hover{background:#f5f5f5;}
.left-nav a.active{background:#333;color:#f5f5f5;border-bottom:3px solid #666;}

.event-group{margin-bottom:20px;}
.event-type {border:1px dotted #333;padding:25px 0; color:#999999; text-align:center;margin:0 0 5px 0; border-radius:4px;font-weight:bold;cursor:pointer;}
.event-type.active{background:#efad23;color:#fff;border-color:#e9b605}

.notification {border:1px solid #333;background:#999;padding:1px;display:block;font-size:75%; font-weight: 500; color:#fff; text-align:center;margin:0 0 5px 0; border-radius:4px;cursor:pointer;}
.notification.active{background:#efad23;color:#fff;border-color:#e9b605}
.rc-permission-button
{
	border:1px solid #333;
	background:#999;
	padding:1px;
	display:inline-block;
	color:#fff;
	text-align:center;
	margin:0 0 5px 0;
	border-radius:4px;
	cursor:pointer;
}

.rc-permission-button.active {
	background:#efad23;color:#fff;border-color:#e9b605
}

.user-level {cursor:pointer;}
.user-level.active  .panel-heading,.user-level:hover .panel-heading{background:#e9b605 !important;}
.active-border{border:1px solid #e9b605; border-radius:4px; padding:4px !important;}

#protocolEventGroupContainer .label{cursor:pointer;}
.list-site-notifications li a{margin:2px 0;padding:4px; display:block;color:#555;font-weight:bold;font-size:16px;} 
.list-site-notifications li a span{border:1px solid #ffffff;padding:4px;border-radius:4px;}
.list-site-notifications li a.active span{border:1px solid #efad23;padding:4px;border-radius:4px;}
.list-site-notifications li a:hover span{border:1px dotted #333;padding:4px;border-radius:4px;}
.notification-user {border:1px solid #ffffff;padding:4px;border-radius:4px;}
.notification-user.active {border:1px solid #efad23;padding:4px;border-radius:4px;}
.notification-user:hover {border:1px dotted #333;padding:4px;border-radius:4px;}
.label-service{background-color:#ca75c6}
.label-weekly{background-color:#5bc0de}
.label-live{background-color:#5cb85c}
.label-live.special, .label-live-inherited.special{background-color:black} /*for subscriptions that are linked to user roles and cannot be unsubscribed the usual way*/
.label-live-inherited{background-color:#3b763b}
.label-greyed{background-color:#999}
.label-offline{background-color:#ef1111}
.label-path-fault{background-color:#ffd800}

/** Tooltips **/
.tooltip{
	letter-spacing:0em;
	word-wrap:break-word;
	
}

/** Reports **/

#reportHeader .view-options{margin-top:15px;}
#reportHeader h1 a{font-size:24px;padding:0 8px;color:#555}
#reportHeader h1 a:hover{text-decoration: none}
#reportHeader .eventSummary {margin-top:10px;}
#reportTabs a{display:block;padding:10px 20px;font-size:18px;margin-bottom:15px;background:#f9f9f9;border-radius:4px;border-bottom:3px solid #e9e9e9; text-align: center;}
@media (max-width: 768px) {
	#reportHeader h1 a{font-size:18px;padding:0 5px;}
	#reportTabs .tab{padding-left:5px; padding-right:5px;}
	#reportTabs a{padding:2px 4px;font-size:12px;margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

.fillContainer {overflow-y:scroll; -webkit-backface-visibility: hidden;}
#tab-eventlog{color:#5cb85c;}
#tab-eventlog.active,#tab-eventlog:hover{background:#5cb85c;color:#fff;border-color:#5cb85c;border-bottom:3px solid #489748}
#tab-service{color:#ca75c6;}
#tab-service.active,#tab-service:hover{background:#ca75c6;color:#fff;border-color:#ca75c6;border-bottom:3px solid #af50aa}
#tab-weekly{color:#5bc0de;}
#tab-weekly.active,#tab-weekly:hover{background:#5bc0de;color:#fff;border-color:#5bc0de;border-bottom:3px solid #2ea1ce}
#tab-commslog{color:#0;}
#tab-commslog.active,#tab-commslog:hover{background:#5cb85c;color:#fff;border-color:#5cb85c;border-bottom:3px solid #489748}
#tab-apilog{color:#0;}
#tab-apilog.active,#tab-apilog:hover{background:#5cb85c;color:#fff;border-color:#5cb85c;border-bottom:3px solid #489748}
#tab-userlog{color:#0;}
#tab-userlog.active,#tab-userlog:hover{background:#5cb85c;color:#fff;border-color:#5cb85c;border-bottom:3px solid #489748}
#tab-stats{color:#0;}
#tab-stats.active,#tab-stats:hover{background:#5cb85c;color:#fff;border-color:#5cb85c;border-bottom:3px solid #489748}
#tab-gpiolog{color:#0;}
#tab-gpiolog.active,#tab-gpiolog:hover{background:#5cb85c;color:#fff;border-color:#5cb85c;border-bottom:3px solid #489748}
#tab-devicelog{color:#0;}
#tab-devicelog.active,#tab-devicelog:hover{background:#5cb85c;color:#fff;border-color:#5cb85c;border-bottom:3px solid #489748}
#tab-sitesurvey{color:#0;}
#tab-sitesurvey.active,#tab-sitesurvey:hover{background:#5cb85c;color:#fff;border-color:#5cb85c;border-bottom:3px solid #489748}
#tab-notifications{color:#0;}
#tab-notifications.active,#tab-notifications:hover{background:#5cb85c;color:#fff;border-color:#5cb85c;border-bottom:3px solid #489748}
#tab-appnotifications{color:#0;}
#tab-appnotifications.active,#tab-appnotifications:hover{background:#5cb85c;color:#fff;border-color:#5cb85c;border-bottom:3px solid #489748}
#tab-usernotifications{color:#0;}
#tab-usernotifications.active,#tab-usernotifications:hover{background:#5cb85c;color:#fff;border-color:#5cb85c;border-bottom:3px solid #489748}
.pill-live a{color:#5cb85c;}
.pill-live a.active,.pill-eventlog:hover a{background:#5cb85c !important;color:#fff;}
.pill-service a{color:#ca75c6;}
.pill-service a.active,.pill-service:hover a{background:#ca75c6 !important;color:#fff;}
.pill-weekly a{color:#5bc0de;}
.pill-weekly a.active,.pill-weekly:hover a{background:#5bc0de !important;color:#fff;}
.edit-site-name{background:#f9f9f9;position:absolute;top:0;left:0;z-index:1;padding:20px;border-bottom:4px solid #e5e5e5;font-size:18px;display:none;}
.edit-site-name input[type="text"]{margin-bottom:20px;}
.edit-site-name p{margin-bottom:10px;}
.list-site-events-log li {border-top:1px dashed #ccc; margin:10px 0;padding-top:10px;}
.list-site-events-log li a{font-size:32px; color:#555; letter-spacing:-0.0825em; font-weight:bold;}
.show-hide-column{margin:2px 10px 2px; letter-spacing:0em; font-weight:normal;line-height:1;}
.show-hide-column a { font-size: 14px !important; }
.show-hide-column a { font-size: 14px !important; }
.service-period{border: 1px solid #ca75c6; margin:5px; background:#fff; color:#555; width:100%;cursor:pointer; display: block;}
.service-period.active,.service-period:hover{background:#ca75c6; color:#fff}
.weekly-period{border: 1px solid #5bc0de; margin:5px; background:#fff; color:#555; width:100%;cursor:pointer; display: block;}
.weekly-period.active,.service-period:hover{background:#5bc0de; color:#fff}
.attachment { padding-right: 20px; }
.attachmentsContainer
{
	height: 350px;
	overflow-y:scroll;
	margin-bottom: 15px;
}
.attachmentsContainer .panel
{
	margin-bottom: 0px;
}
.attachmentsContainer a:hover
{
	text-decoration: none;
}
.modeChangeContainer
{
	height: 150px;
	overflow-y:scroll;
	margin-bottom: 15px;
}
.attachmentsContainer,.modeChangeContainer table
{
	width: 100%;
}
.assetTypesContainer
{
	margin: 0px;
}
.groupsContainer
{
	margin: 0px;
	height: 410px;
	overflow-y:auto;
	display: block;
}
.variablesContainer
{
	margin: 0px;
	height: 200px;
	overflow-y:auto;
	display: block;
}
.scheduleZonesContainer
{
	position: relative;
}

.expander-cell {padding: 0px !important; background-color: #fff !important;}
.expandable {
	position:relative;

/* Initially we don't want any height, and we want the contents to be hidden */
	max-height: 0;
	overflow: hidden;
}
.expandable.anim {
	/* Set our transitions up. */
	-webkit-transition: max-height 0.5s;
	-moz-transition: max-height 0.5s;
	transition: max-height 0.5s;
}
.no-border { border-left: none !important; border-right: none !important;}
.expand-btn,.hide-btn,.comments-btn {cursor:pointer;}
.empty,.empty-cell {padding:0;}
.imgfit{
    max-width:100%; max-height:100%;
}

/*.eventlogColHeader
{
	margin: 2px;
}*/
.eventlogFilterCol
{
	font-size: 85% !important;
	width: 100%;
}
.eventfilter
{
	padding: 0;
}
.eventlogCol 
{
    overflow: hidden;
    text-overflow: ellipsis;
	max-width: 0px;
    white-space: nowrap;
	font-size: 80%;
	color: #333;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.eventlogCol .label
{
	font-size: 90%;
}
.trap_detailCol 
{
    white-space: normal;
}
.userMsgCol 
{
    white-space: normal;
}
#eventlog_head .btn
{
	padding: 2px 6px;
}
.nowrap
{
	white-space: nowrap;
}
.yscroll-container {overflow-y:scroll;}
#eventlog_head,#commslog_head,#apilog_head,#stats_head,#gpiolog_head,#devicelog_head,#sitesurvey_head,#notifications_head,#appnotifications_head,#usernotifications_head,#userlog_head {margin-bottom:0px;}

#report_head, #report_body
{
	table-layout:fixed;
}

.columns-menu { max-height: 400px; overflow-y: scroll; overflow-x: hidden }

.img-test {
	height: 128px; 
	-webkit-transition: height 0.5s, left 0.5s, top 0.5s;
    transition: height 0.5s, left 0.5s, top 0.5s;
	cursor: pointer;
}
.img-test.in {
	position: absolute;
	left: 35%;
	top: 0px;
	height: 100%;
}

.timezone { font-size: 40%; font-weight:normal; letter-spacing:0em;}

/** Table **/
/*table{font-size:18px;color:#333}*/
.big-ass{font-size:21px;font-weight:bold;}
.small{font-size:14px;}
.xsmall{font-size:12px; padding: 0px }


/** Charts **/
.chart-container {position:relative;}
.chart-container.off{display:none}
.btn-chart.off{color:#999;}
.btn-chart{color:#333;}

#chart-tooltip {
	font-size: 12px;
	color: rgb(15%, 15%, 15%);
	padding:2px;
	background-color: rgba(95%, 95%, 95%, 0.8);
	position:absolute;z-index:99;display:none;
}
#chart-legend {	font-size:10px; margin: 10px; }
#chart-legend td{ padding: 0px; }
#chart-legend tr{ cursor: pointer; }
#chart-legend tr.filtered{ color: rgb(15%,15%,100%); }
#chart-legend span{ cursor: pointer; }
#chart-legend span.filtered{ border-width: 2px !Important; }
.chart-container .btn { font-size:12px; padding: 3px 6px}


/** site nav **/
.sitesNav{background:#eeeeee;color:#f5f5f5;padding-top:15px; padding-bottom:15px;z-index:3000;display:none;width:100%;}
.sitesNav .container{padding-left: 5px; padding-right: 5px;}
.site{ width: 180px; float: left; cursor:pointer;z-index:3001; }
.site:hover{color: #555;}
.site .header{ padding: .2em .6em .3em; margin: 5px 5px 0px 5px; line-height: 1; text-align: center; overflow: hidden; white-space: nowrap; vertical-align: baseline; border-top-left-radius: .5em; border-top-right-radius: .5em }
.site .unit1{ width: 50%; padding: .2em .6em .3em; margin: 0px 0px 5px 5px; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-bottom-left-radius: .5em; }
.site .unit2{ width: 50%; padding: .2em .6em .3em; margin: 0px 5px 5px 0px; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-bottom-right-radius: .5em; float:right; }
.site .header .desc
{	
	font-size:18px;font-weight:bold;letter-spacing:-0.04em;margin-top:5px; white-space: nowrap;
	display: inline-block;
}
.site .header .status{font-size:12px;display:block;}
.site .unit1 .desc{font-size:10px;display:block;overflow: hidden;}
.site .unit1 .status{font-size:12px;display:block;}
.site .unit2 .desc{font-size:10px;display:block;overflow: hidden;}
.site .unit2 .status{font-size:12px;display:block;}
.site.demo, .lcs-fire-panel.demo {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.site-group {font-size:20px;display:block;color: #000}
.site .label-live{background-color:#5cb85c; color:#EBFCEB}
.site .label-service{background-color:#ca75c6; color:#FFE3FE}
.site .label-weekly{background-color:#5bc0de; color:#E5F9FF}
.site .label-offline{background-color:#ef1111; color:#FCDEDE}

/* CCE system status */
.reduced-margin { margin: 5px; }
.client-sites-list { font-weight: bold; }
.expanicon { font-size: 10px; }
.site-row { background-color: #f9f9f9; }
.site-row td:first-child { padding-right: 30px; }
.center-regions {display: table; margin-left: auto; margin-right: auto; padding-bottom: 10px;}
.cce-region{ float: left; width: 140px;z-index:3001; }
.cce-region .header{ margin: 5px 5px 0px 5px; font-size: 24px; color: #5cb85c; text-align: center; }
.cce-region.faults-present .header { color: #ef1111; }
.cce-region .flag-group { cursor:pointer; }
.cce-region .flag{ width: 92px; height: 92px; border: 3px solid #5cb85c; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; cursor:pointer; padding-bottom:10px; behavior: url(/assets/topaz/css/PIE.htc);; display: table; margin-left: auto; margin-right: auto; }
.cce-region.faults-present .flag { border-color: #ef1111; }
.cce-region .status-group{ display: table; margin-left: auto; margin-right: auto}
.cce-region .status{ width: 32px; font-size: 14px; border: 2px solid #5cb85c; color: #5cb85c; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-weight: bold; padding: .3em .6em .3em; display: inline-block; margin: 2px; behavior: url(/assets/topaz/css/PIE.htc); }
.cce-region.faults-present .status { border-color: #ef1111; }
.cce-region .status-group .label{ width: 40px; display: inline-block; font-size: 14px; text-align: center; padding: .3em .6em .3em; margin: 2px}

.cce-region .faults-list { display:none }
.cce-region .faulty-site{ font-size: 16px; color:#000; border-top: 1px dotted #555; cursor:pointer; }
.cce-region .faulty-site .name{ margin: 5px 5px 0px 5px; text-align: center; padding-bottom: 3px;}
.cce-region .faulty-site .status-group{ margin-left: auto; margin-right: auto; display: table; }
.cce-region .faulty-site .status{ font-size: 18px; border: 2px solid #ef1111; color: #ef1111; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-weight: bold; padding: .3em .6em .3em; display: inline; margin: 2px; behavior: url(/assets/topaz/css/PIE.htc); }
.cce-region .faulty-site-end{ border-bottom: 1px dotted #555; }

#faults-list .faulty-site{ font-size: 16px; color:#000; cursor:pointer; }
#faults-list .site-fault{ font-size: 14px; color:#000; cursor:pointer; }

/** Forms **/
form{color:#555}
form label{font-size:16px;}
Fieldset{margin-bottom:10px;}
form .btn-link, form .btn-link:hover{color:#333;padding-left:0;font-weight:bold;}
textarea.form-control{font-size:18px;}
legend{margin-bottom:30px;}

/** Teams **/
#team legend{font-weight:bold;letter-spacing:-0.0625em;padding-left:5px;}
#team span.member-name{font-size:16px;font-weight:bold;display:block; padding-top:5px;padding-bottom:35px;}
#awaitingAcceptance span.row-options, #ignoredInvites span.row-options, #sitesAndDevices span.row-options, #visits span.row-options, #devices span.row-options, #users span.row-options{font-size:14px;display:block;margin-top:5px;}
#awaitingAcceptance span em, #ignoredInvites span em, #sitesAndDevices span em,#devices span em,#users span em{font-style:normal;}
#team .user-avatar{margin-bottom:5px;}

/** Signin **/
#signin a{padding:0 16px;}

/** Alerts **/
.alertStrip{margin-bottom:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#rxInvitations span{font-size:16px; font-weight:bold;display:block; padding-bottom:10px;}


/** Panels **/
.panel-louder{border-color:#ccc}


/** Droppable **/
.droppable{border:1px dashed #fff;}
.droppable.activated{height:100px;background:#fefbed;border-color:#f1e7bc}
/*#sitesAndDevices a.draggable{z-index:1}*/


/** report options floating panel **/
.floating-panel{width:280px; border:1px solid #aaa; background:#fefefe; position:fixed; top:88px; left:600px; z-index:1;border-radius:4px;-moz-border-radius:4px;box-shadow: 0 0 8px #ccc;}
.floating-panel .form-control{ margin-bottom:5px; }
.floating-panel-bar{background:#333;padding:3px 10px;color:#fff;}
.floating-panel-body{height:400px; overflow-y:scroll;padding:3px 10px;}
.floating-panel-body.minimised{display:none;}

.report-panel,.userlevel-panel{display:none; border:1px solid #aaa; background:#fefefe; position:absolute; z-index:1;border-radius:4px;-moz-border-radius:4px;box-shadow: 0 0 8px #ccc; padding:20px; letter-spacing:0em}

.tree {
    min-height:20px;
    padding:10px;
    margin-bottom:10px;
}

.tree.withContainer{
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.tree ul:first-child {
	-webkit-padding-start: 5px;
	margin:0px;
	padding:0px;
}

.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li .treeNode {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tree li.parent_li>span,.tree span.selectable {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}
.tree li.parent_li>span.selected,.tree li>span.selected {
    background:#f0ad4e;
}

.tree .dropshow {
    border:3px solid #999 !important;
}
.tree .drop {
    border:3px solid #f0ad4e !important;
}

.invite {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.invite:hover {
    background:#f0ad4e;
    cursor:pointer
}

.notifications-container, .details-container, .permissions-container, .servicing-container, .installation-container{
    min-height:100px;
	padding:10px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.permissions-container.dropshow {
    border:3px solid #999 !important;
}
.permissions-container.drop {
    border:3px solid #f0ad4e !important;
}
.notifications-container.dropshow {
    border:3px solid #999 !important;
}
.notifications-container.drop {
    border:3px solid #f0ad4e !important;
}
.tree .treeNode.client-selected,
.tree .treeNode.user-selected,
.tree .treeNode.site-selected {
    border:2px solid #f0ad4e;
}
.details-container td {
	word-break: break-all;
}

.report-table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{
	padding: 3px;
}

.reportContainer { min-width: 1140px; }

.divider {
  *width: 100%;
  height: 1px;
  padding: 9px 1px;
  overflow: hidden;
}

#unsubscribed-list button{
	display: none;
}

.filterCheckBox{
	display: inline;
    cursor: pointer; 
}

#unsubscribed-list tr{
    cursor: pointer; 
}

#subscribed-list tr{
    cursor: pointer; 
}

#translation-list tr{
    cursor: pointer; 
}

#preTasks, #postTestTasks, #postTasks {cursor:pointer;}
#tasks {cursor:pointer;}

.close.down {
	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}

.client-sites-list table{
	margin-bottom: 0px;
}

.client-sites-list tr{
	cursor: pointer;
}

#processError,#undelNotify tr{
	cursor: pointer;
}

.modal-dialog.large {
    width: 80%; /* respsonsive width */
}

@font-face {
  font-family: "lcsicons";
  src:url("/assets/topaz/fonts/lcsicons.eot");
  src:url("/assets/topaz/fonts/lcsicons.eot?#iefix") format("embedded-opentype"),
    url("/assets/topaz/fonts/lcsicons.woff") format("woff"),
    url("/assets/topaz/fonts/lcsicons.ttf") format("truetype"),
    url("/assets/topaz/fonts/lcsicons.svg#untitled-font-4") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "lcsicons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-storage:before {
  content: "a";
}
.icon-service:before {
  content: "b";
}
.icon-server:before {
  content: "c";
}
.icon-gateway:before {
  content: "d";
}
.icon-camera:before {
  content: "e";
}
.icon-link-status:before {
  content: "f";
}
.icon-weekly-test:before {
  content: "h";
}
.icon-crm:before {
  content: "j";
}

.fonticon {
  position: relative;
  top: 1px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: bold;
  line-height: 1;
  min-width: 12px;
  -moz-osx-font-smoothing: grayscale;
}
.fonticon-eventlog:before {
  content: "E";
}
.fonticon-servicing:before {
  content: "S";
}
.fonticon-weeklytest:before {
  content: "W";
}

/* help document styles */
.doc-container {
	padding: 0px;
}
.doc-icons {
	font-size: 22px;
	padding-top: 5px;
}
.help-title { 
	font-size: 16px; 
	font-weight: 600; 
}

/* order form styles */
.hardware_quantity {
	padding: 0px;
	padding-left: 10px
}
.subscription_dates {
    display: block;
    font-weight: normal;
    font-style: italic;
}

/* Fixed NavBar */

/* sidebar */
.bs-docs-sidebar {
    padding-left: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* all links */
.bs-docs-sidebar .nav>li>a {
    color: #999;
    border-left: 2px solid transparent;
    padding: 4px 20px;
    font-size: 13px;
    font-weight: 400;
}

/* nested links */
.bs-docs-sidebar .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size: 12px;
}

/* active & hover links */
.bs-docs-sidebar .nav>.active>a, 
.bs-docs-sidebar .nav>li>a:hover, 
.bs-docs-sidebar .nav>li>a:focus {
    color: #287f9a;                 
    text-decoration: none;          
    background-color: transparent;  
    border-left-color: #287f9a; 
}
/* all active links */
.bs-docs-sidebar .nav>.active>a, 
.bs-docs-sidebar .nav>.active:hover>a,
.bs-docs-sidebar .nav>.active:focus>a {
    font-weight: 700;
}
/* nested active links */
.bs-docs-sidebar .nav .nav>.active>a, 
.bs-docs-sidebar .nav .nav>.active:hover>a,
.bs-docs-sidebar .nav .nav>.active:focus>a {
    font-weight: 500;
}

/* hide inactive nested list */
.bs-docs-sidebar .nav ul.nav {
    display: none;           
}
/* show active nested list */
.bs-docs-sidebar .nav>.active>ul.nav {
    display: block;           
}

/* hide for small screens */
@media (max-width: 991px) {
    .bs-docs-sidebar {
        display:none;
    }
}

.bs-docs-sidebar .indent a{
	padding-left: 45px !important;
}
.affix-top {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.affix {
	top: 30px;
	width: 360px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Subscriptions */
.subscription {
	border: 1px solid #000; 
	background-color: #dff0d8;
}
.subscription.expired {
	background-color: #f2dede;
}
.subscription.expiring {
	background-color: #fcf8e3;
}

/* Graphics */
#graphics.dropshow {
    border:3px solid #999 !important;
}
#graphics.drop {
    border:3px solid #f0ad4e !important;
}

.graphics-device{ cursor:pointer;z-index:3001; width: 100%; }
.graphics-device:hover{color: #555;}
.graphics-device .image{ height: 32px; padding: .2em .6em .3em; margin: 0px 5px 5px 0px; float: left }
.graphics-device .desc
{	
	font-size:16px;font-weight:bold;letter-spacing:-0.04em;display:block;margin-top:5px; white-space: nowrap;
	display: inline-block;
	float: left;
}

/* Order Forms */

.product {
	margin: 5px;
    border: 1px solid #ddd;
	width: 100px;
	height: 175px;
	float: left;
	cursor: pointer;
	
	background-color: #f8f8f8;
}
.product:hover {
    border: 1px solid #aaa;
}
.product.selected {
    border: 1px solid #aaa;
}

.product img {
	width: 100px;
	height: 100px;
	padding: 10px;
	background-color: #fff;
}
.product-name {
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 12px;
}
#productDetails .product-name {
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
	font-size: 24px;
}
.product-desc {
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 14px;
}

.order {
	cursor: pointer;
}
.creditnote {
    cursor: pointer;
}

/*.orders-panel {
	height: 350px;
}
.orders-panel.panel-success {
	height: 200px;
}*/

#basket .form-control {
	height: 24px; padding: 3px 6px;
}
#basket .input-group-addon {
	padding: 3px 6px;
}
@media screen {
	.changelog .panel-default {
	 border: none;
	 background-color: transparent;
	 -webkit-box-shadow: none;
	box-shadow: none;
	}
}

.form-control.has-error {
	background-color: #f0ad4e;
	color: #fff;
}
.has-error .form-control
{
    border-width: 3px;
}
.has-error label,
.has-error-label
{
    /*overrides default bootstrap default class for speed delivery*/
    color: #b94a48;
}
.has-error-select,
.has-error-select:focus
{
    /*adds border to override bootstrap defaults outline as not to truncate inner text*/
    outline: 3px solid #b94a48;
    color: #b94a48;
}

div[id*='canvas']{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}

.vDivide{
	border-left:1px solid #eee;
}

.svgGauge{
	text-align:center;
	position:relative;
	width:150px;
	height:150px;
	padding-top:25px;
}
.svgGauge hr{
	margin-top: 2px;
	margin-bottom: 2px;
	width: 50px;
}

table.table-sort thead tr .header {
	background-image: url(/assets/topaz/img/sort/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-left: 5px;
}
table.table-sort thead tr .headerSortUp {
	background-image: url(/assets/topaz/img/sort/asc.gif);
}
table.table-sort thead tr .headerSortDown {
	background-image: url(/assets/topaz/img/sort/desc.gif);
}
textarea.normalfont {
    font-size: 14px; /*prevents large bootstrap fonts in textareas */
}

.details-container .glyphicon
{
    color: #000; /* black icons for email and phone in client contacts on manage page*/
}
.notifications-caption
{
    font-size: 10px;
}

.youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
        margin: 5px;
    }

.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}

.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}

.youtube-player img:hover {
	-webkit-filter: brightness(75%);
}

.youtube-player .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url('/assets/topaz/img/youtube-play-icon.png') no-repeat;
	cursor: pointer;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #1a6076;
}

img.avatar-preview
{

    background-image: url('/assets/topaz/img/avatar-default.png');
    background-repeat:no-repeat;
    background-size: 100%;
    height:120px;
    width:120px;
    margin:10px;
}
img.avatar-small
{
    border-radius: 50%;
    height:25px;
    width:25px;
    margin-bottom: 5px;
}

#notifications-table .notification {
    padding:3px;
    margin: 1px;
    display: inline;
}
.verifyCheckBox
{
    width: 20px;
    height: 20px;
    margin-left:auto !important;
    margin-right:auto !important;
}

/*device weekly test scheduling table styles */
.datatableCell
{
    font-size: small !important;
    text-transform: lowercase;
}
th.datatableCell select
{
    display:block; /*forces column filters on new row*/
}
.dt-buttons.btn-group
{
    display: inline; /*sets the table buttons on same row as filter box*/
}
select.yadcf-filter
{
    max-width:100px !important; /*limits columns width with drop downs filters*/
}
.btn-left-space
{
    margin-left: 20px;
}
#weeklytest_devices_table_filter
{
    margin-bottom: -20px;
}
#weeklytest_devices_table_info .select-info:first-child
{
    color:white;
    background-color: #08C;
    border-radius: 10px;
    padding: 2px;
    font-weight: bold;
    font-size: smaller;
    opacity: 0.7;
}
/*
div.dataTables_info
{
    opacity: 0.7;
}
.dataTables_length
{
    float: right!important;
    height: 10px;
    opacity: 0.7;
}*/
/*Disables links*/
.not-active {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}


/*#LD-1361 colours changes*/

#nav .breadcrum {
	color: #fff !important;
}

/*banner chevron*/
#nav .glyphicon-chevron-down {
	color: #dbdbdb !important;
}

/*banner colour*/
#nav {
	background: linear-gradient(to right, #DD192F, #020B43) !important;
}

@media only screen and (max-width: 1170px) {
	#nimbus_logo_left {
		width: 30px !important;
		margin-top: 5px !important;
		margin-left: -18px;
	}
	.menuItemButton, #nav .deviceLogged, #nav .deviceLogged #sites-online, .breadcrum, #userButton {
		font-size: 9px !important;
		padding: 4px 5px;
	}
	#nav {
		padding-left: 10px;
		padding-right: 10px;
		min-height: 40px !important;
	}
	#nav .menuItem {
		margin-left: -12px !important;
		font-size: 8px !important;
	}
	#nav .col-xs-2 {
		display: contents !important;;
	}
	#nav .deviceLogged {
		margin-right: -8px !important;
	}
	#helpButton img, #userBell img{
		width: 12px;
		height: 12px;
		margin-left: -18px;
		margin-top: -14px;
	}
	#userButton .avatar-small {
		width: 12px;
		height: 12px;
		margin-left: -16px;
	}
	#userButton {
		margin-top: -8px;
		margin-left: 32px;
		display: flex;
		align-items: end;
	}

	.tooltip{
		font-size: 6px;
		left: 294px;
		top: 29px;
	}
	#logo > div:first-child {
		display: block !important;
	}
	#logo > div:nth-child(2) {
		margin-top: 7px !important;
		margin-left: -5px !important;
	}
	#header {
		height: 40px !important;
	}
	.clip-text-overflow {
		white-space: inherit;
		overflow: inherit;
	}
	#icon_chevron_down_device {
		margin-bottom: 2px !important;
		height: 14px !important;
		width: 14px !important;
	}
	#nimbus_logo_right {
		margin-left: -67px !important;
		width: 32px !important;
	}
	#imported_logo_left {
		width: 94px !important;
		height: 42px !important;
		margin-left: -26px;
	}
	#headUsername {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 50px;
		position: relative;
		top: -3px;
	}
	#icon_chevron_down, #icon_chevron_up {
		margin-bottom: 4px !important;
	}
	#userMenu, #userAlertPopup {
		min-width: 130px !important;
		font-size: 8px !important;
	}
	.permissions-container {
		width: 100%;
		overflow-x: auto;
	}
}

@media only screen and (max-width: 767px) {
	#userMenu, #userAlertPopup {
		left: 345px !important;
		min-width: 130px !important;
		font-size: 8px !important;
	}
}

.btn-primary {
	background: #020B43 !important;
}

.btn-primary.active {
	background: #01041b !important;
}

.btn-primary.active:hover {
	background: #010314 !important;
}

.btn-primary:hover {
	background: #010521 !important;
}
.flex-container {
	display: flex;
	height: 100vh;
}

.loginBrandImage {
	flex: 1;
}

.loginBrandImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.login-form {
	flex: 1;
	display: flex;
}

.login-container {
	width: auto;
	padding-left: 0px !important;
	font-family: 'Poppins', sans-serif !important;
}

.container .copyrightFooter{
	color: black !important;
	margin-left: 66% !important;
	margin-top: 0% !important;
	font-family: 'Poppins', sans-serif !important;
}

.user-login-text{
	border: none !important;
	border-bottom: 1px solid #cccccc !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	width: 90% !important;
}

.checkbox-container {
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-weight: 400;
}

.checkbox-container input {
	display: none;
}

.checkmark {
	position: absolute;
	top: 4px;
	left: 0;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	border: 1px solid #aaa;
}

.checkbox-container input:checked + .checkmark:after {
	content: '';
	position: absolute;
	display: block;
	top: 16%;
	left: 18%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #DC192F;
}

.btn-login{
	background: #DD192F !important;
	width: 25vh;
	border-radius: 48px;
	border-color: #FFFFFF !important;
	margin-left: 25%;
	height: 7vh;
	font-size: 23px;
	color: #FFFFFF !important;
}

/* Style for notification */
.policyNotification {
	display: none;
	position: fixed;
	top: 20px;
	left: 73%;
	transform: translateX(-50%);
	background-color: #DD192F;
	color: white;
	padding: 10px 20px;
	border-radius: 5px;
}

.overflowbreadcum {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 91%;
}

.overflowbreadcum[title] {
	position: absolute;
	cursor: pointer;
}

.overflowbreadcum[title]:hover::after {
	content: attr(title);
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	white-space: normal;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 5px;
	border-radius: 5px;
	z-index: 1;
}

.container, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, body {
	font-family: 'Poppins', sans-serif !important;
}


.tableClientBody {
	font-weight: 400 !important;
}

.roundedBorders {
	border-collapse: separate;
	border-radius: 8px;
	overflow: hidden;
	border: solid 1px #999;
}

::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-track {
	border-radius: 10px;
	background: transparent;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px     rgba(0,0,0,0.5);
}

.menuItemButton.clicked {
	text-decoration: underline !important;

}


@font-face {
	font-family: "nimbusgo";
	src:url("/assets/topaz/fonts/nimbusgo.eot");
	src:url("/assets/topaz/fonts/nimbusgo.eot?#iefix") format("embedded-opentype"),
	url("/assets/topaz/fonts/nimbusgo.woff") format("woff"),
	url("/assets/topaz/fonts/nimbusgo.ttf") format("truetype"),
	url("/assets/topaz/fonts/nimbusgo.svg#nimbusgo") format("svg");
	font-weight: normal;
	font-style: normal;

}

[data-icon]:before {
	font-family: "nimbusgo" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="go-"]:before,
[class*=" go-"]:before {
	font-family: "nimbusgo" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.go-nimbus-go-icon-1:before {
	content: "\61";
}

.eventNotification {
	position: fixed;
	top: 5px;
	right: 7px;
	padding: 17px;
	background: forestgreen !important;
	color: white;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	z-index: 1000;
	font-size: 13px;
}

.toggle {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
}

.toggle input {
	display: none;
}

.toggle label {
	position: absolute;
	cursor: pointer;
	top: 2px;
	left: -1px;
	right: -1px;
	bottom: -8px;
	background-color: #ccc;
	border-radius: 20px;
	transition: background-color 0.3s;
}

.toggle input:checked + label {
	background-color: #2196F3;
}

.toggle label:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	border-radius: 50%;
	transition: transform 0.3s;
}

.toggle input:checked + label:before {
	transform: translateX(20px);
}

.path-labels {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.path-label {
	position: relative;
	padding: 10px 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 5px;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.path-label:hover::after {
	content: attr(data-tooltip);
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #333;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	white-space: pre-line;
	font-size: 12px;
	z-index: 10;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.2s ease-in-out;
}

.path-label:hover::before {
	content: '';
	position: absolute;
	top: 90%; 
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #333 transparent;
	z-index: 10;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.2s ease-in-out;
}

.path-label::after,
    .path-label::before {
        opacity: 0;
        visibility: hidden;
    }

    .path-label:hover::after,
    .path-label:hover::before {
        opacity: 1;
        visibility: visible;
    }

.active-path {
	background-color: #d4edda;
	color: #155724;
	border-color: #c3e6cb;
}

.available-path {
	background-color: #e2e3e5;
}

.unavailable-path {
    background-color: #f5f5f5; /* Light gray background */
    color: #a1a1a1; /* Gray text color */
    border-color: #d6d6d6; /* Subtle gray border */
    cursor: not-allowed; /* Disabled cursor */
}

.custom-accordion-button {
	width: 100%;
	padding: 10px 15px;
	text-align: left;
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	cursor: pointer;
	position: relative;
	font-weight: bold;
	transition: background-color 0.3s;
}

.custom-accordion-button::after {
	content: '▼';
	font-size: 14px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 0.3s ease;
}

.custom-accordion-button.open::after {
	transform: '▲';
	transform: translateY(-50%) rotate(180deg);
}

.custom-accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease, padding 0.4s ease;
	border: 1px solid #dee2e6;
	border-top: none;
	padding: 0 15px;
}

.custom-accordion-content.open {
	max-height: 1000px;
	padding: 15px;
}

.info-box {
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    padding: 10px;
    margin: 2px 0;
	font-weight: bold;
}

.quality-chip {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid transparent;
    min-width: 70px;
    text-align: center;
}
.quality-excellent {
    background: #4caf50;
    color: #fff;
    border-color: #388e3c;
}
.quality-good {
    background: #ffeb3b;
    color: #333;
    border-color: #fbc02d;
}
.quality-fair {
    background: #ff9800;
    color: #fff;
    border-color: #f57c00;
}
.quality-poor {
    background: #ef1111;
    color: #fff;
    border-color: #b71c1c;
}
.quality-na {
    background: #bdbdbd;
    color: #333;
    border-color: #757575;
}
#manualServiceVisit thead {
    position: sticky;
    top: 0;
    background: #ddd;
    z-index: 2;
}
.spinner-border {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border: 0.15em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spinner-border .75s linear infinite;
}
@keyframes spinner-border {
	100% { transform: rotate(360deg); }
}