input.btn[disabled] {
  background-color: #808080;
  border: 1px #006233 solid;
  border-bottom: 2px #006233 solid;
  border-right: 2px #006233 solid;
  font-size: 14px;
  padding: 3px 8px 3px 8px;
  color: #ffffff;
}
.btn {
  background-color: #0a658e;
  border: 1px #0a658e solid;
  border-bottom: 2px #0a658e solid;
  border-right: 2px #0a658e solid;
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  color: #ffffff;
  text-decoration: none;
}
.btn:hover {
  color: #f1ab00;
}
/* Menu bar is defined as id - because you can only have one instance per page */
#menubar {
  background: #085f86;
  /* Old browsers */
  background: -moz-linear-gradient(top, #085f86 7%, #004868 76%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(7%, #085f86), color-stop(76%, #004868));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #085f86 7%, #004868 76%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #085f86 7%, #004868 76%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #085f86 7%, #004868 76%);
  /* IE10+ */
  background: linear-gradient(to bottom, #085f86 7%, #004868 76%);
  /* W3C */
  display: block;
  height: 40px;
  font-size: 14px;
  z-index: 10000;
  position: relative;
}
#menubar .nav > li > a {
  padding: 10px 20px;
  margin-right: 10px;
  color: #fff;
}
#menubar .nav > li > a:hover,
#menubar .nav > li > a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
#menubar .nav .open > a,
#menubar .nav .open > a:hover,
#menubar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
#menubar .nav .caret {
  border-bottom-color: rgba(255, 255, 255, 0.9);
  border-top-color: rgba(255, 255, 255, 0.9);
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu.toggle-left > .dropdown-menu {
  position: relative;
  margin-top: -26px;
  left: -100%;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu .pull-left {
  float: none;
}
.table {
  margin-bottom: 0px;
  table-layout: fixed;
}
.table thead > tr > th {
  padding: 8px 4px 6px;
}
.table tbody > tr > th,
.table tbody > tr > td {
  padding: 4px;
  vertical-align: middle;
}
.header-column {
  background: #ecf3ea;
  border-right: 0px;
}
/* datatable style */
.datatable {
  border: 0px solid #a1a1a1;
  border-collapse: collapse;
  width: 80%;
  margin-top: 5px;
}
.datatable.full-width {
  width: 100%;
}
.datatable td {
  border-right: 2px solid #ffffff;
  padding-left: 10px;
  font-size: 11px;
}
.datatable td:last-child {
  border-right: 0px solid #ffffff;
}
.datatable th {
  font-size: 13px;
  line-height: 15px !important;
  font-weight: normal;
  text-align: left;
  padding-left: 10px;
  background-color: #276817;
  background-position: bottom;
  border-right: 0px solid #a1a1a1;
  border-bottom: 0px solid #a1a1a1 !important;
  color: #ffffff;
}
.datatable th a {
  color: #ffffff;
  text-decoration: none;
}
.datatable th a:hover {
  text-decoration: underline;
}
.datatable th.center {
  text-align: center;
  padding-left: 2px;
}
.datatable tr.even,
.datatable tr td.even {
  background-color: #e9e9e9;
  /* Wicket's first row is even! */
}
.datatable tr.odd,
.datatable tr td.odd {
  background-color: #ffffff;
}
/* alarms and events table */
/* NOTES:
 * 1. Strike-through to indicate alarm off condition is not acceptable to users.
 * 2. Debating colour scheme currently, keep colour info just in case it's need again.
 */
/*
*/
.datatable tr.critAlarmOn td {
  background-color: #ff8060;
}
.datatable tr.critAlarmOff td {
  background-color: #b2ffb2;
}
.datatable tr.alarmOn td {
  background-color: #ff9f50;
}
.datatable tr.alarmOff td {
  background-color: #b2ffb2;
}
.datatable tr.eventOn td {
  background-color: #ffffe6;
}
.datatable tr.eventOff td {
  background-color: #ffffe6;
}
.datatable tr td.warning {
  background-color: #FFC7CE;
}
.datatable tr.red {
  background-color: #FAAAA0;
}
.datatable tr.orange {
  background-color: #F9DA9A;
}
/* table striped */
.table-striped > tbody > tr > td.title-column {
  background-color: #a1a1a1 !important;
  color: #ffffff;
}
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #e9e9e9;
}
.table-striped > tbody > tr:nth-child(2n+1) > td.header-column {
  background: #dfe7dd;
  border-right: 0px;
}
/* This is a table style with less padding used for dialogs */
.table-dialog > tbody > tr > th,
.table-dialog tbody > tr > td {
  padding: 1px 0px;
}
.table-dialog > span > form > .table-footer {
  background: #276817;
  color: #ffffff;
  display: block;
  overflow: hidden;
  padding: 2px;
  height: 38px;
}
.table-dialog > span > form > .table-footer .left {
  float: left;
  width: 10px;
  display: inline-block;
  margin-top: 6px;
  overflow: hidden;
}
.table-dialog > span > form > .table-footer .center {
  width: 180px;
  display: inline-block;
  margin: 2px auto ;
  overflow: hidden;
}
.table-dialog > span > form > .table-footer .right {
  float: right;
  width: 180px;
  display: inline-block;
  margin-top: 7px;
  overflow: hidden;
}
/* ******************* */
/* Minimised datatable */
/* ******************* */
.datatable.tight {
  border: 1px solid #91867e;
}
.datatable.tight td {
  padding-left: 0.3em;
  padding-right: 0.3em;
  border: 1px solid #91867e;
}
.datatable.tight td:last-child {
  border-right: 1px solid #91867e;
}
.datatable.tight th {
  padding-left: 0.3em;
  padding-right: 0.3em;
  border-right: 1px solid #91867e;
  border-bottom: 1px solid #91867e !important;
}
.datatable.tight tbody tr:hover {
  background-color: #b6d4af !important;
}
.datatable.tight tbody tr:hover * {
  background-color: #b6d4af !important;
}
/* Styling for autocomplete component */
div.wicket-aa {
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px #cccccc;
  box-shadow: 0 6px 12px #cccccc;
  background-color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  padding: 2px 5px 2px 5px;
  text-align: left;
}
div.wicket-aa ul {
  list-style: none;
}
div.wicket-aa ul li.selected {
  background-color: #428bca;
  color: #ffffff;
}
/* Css overrides for tab panel */
.tabpanel .tab-row {
  float: left;
  width: 100%;
  line-height: normal;
  border-bottom: 2px solid #e6e6e6;
  margin-bottom: 10px;
}
.tabpanel .tab-row ul {
  margin: 0;
  padding: 0px 10px 10px 0;
  list-style: none;
}
.tabpanel .tab-row li {
  float: left;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.tabpanel .tab-row > ul > li > a {
  display: block;
  padding: 8px 6px 6px;
  margin-right: 3px !important;
  margin-left: 3px !important;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  background: #ffffff;
  white-space: nowrap;
}
.tabpanel .tab-row > ul > li.invalidValue > a {
  background: #ee8888;
  color: #000000;
  border: 0px;
}
.tabpanel .tab-row > ul > li.invalidValue > a:hover {
  background: #ff0000;
  color: #ffffff;
  border: 0px;
}
.tabpanel .tab-row a:hover {
  background: #e6e6e6;
}
.tabpanel .tab-row li.selected {
  background: #e6e6e6;
}
.tabpanel .tab-row li.selected a {
  background: #e6e6e6;
}
.tabpanel .tab-row li.selected.invalidValue {
  background: #ff0000;
  color: #ffffff;
  border: 0px;
}
.tabpanel .tab-row li.selected.invalidValue a {
  background: #ff0000;
  color: #ffffff;
  border: 0px;
}
.tab-row .dropdown .dropdown-menu {
  padding: 5px 0;
}
.tabpanel .tab-row li.open > a {
  background: #e6e6e6;
}
.tabpanel .tab-row li.open li {
  display: inline-block;
  width: 100%;
}
.tabpanel .tab-row li.open li a {
  width: 100%;
}
.tabpanel .tab-row li.open li a:hover {
  background-color: #428bca;
  color: #ffffff;
  text-decoration: none;
}
/* Styling for wizard component */
.wicketExtensionsWizardOuterTable {
  width: 100%;
}
.wicketExtensionsWizardHeader {
  border: 0;
}
.wicketExtensionsWizardInnerTable {
  padding: 0px;
  margin: 0px;
  width: 100%;
}
.wicketExtensionsWizardHeaderTitle {
  margin: 10 5 10 15;
  font-weight: bold;
}
.wicketExtensionsWizardButtonBar {
  float: right;
}
.wicketExtensionsWizardButtonBar input {
  background-color: #0a658e;
  border: 1px #0a658e solid;
  border-bottom: 2px #0a658e solid;
  border-right: 2px #0a658e solid;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  color: #fff;
}
.wicketExtensionsWizardButtonBar input:hover {
  color: #f1ab00;
}
.wicketExtensionsWizardButtonBar input[disabled] {
  background-color: #808080;
  border: 1px #808080 solid;
  border-bottom: 2px #808080 solid;
  border-right: 2px #808080 solid;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  color: #FFF;
}
#wizardHeader {
  float: left;
  width: 100%;
  font-size: 93%;
  line-height: normal;
}
#wizardHeader ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#wizardHeader li {
  float: left;
  margin: 0;
  padding: 5px 15px;
  display: block;
}
#wizardHeader #current {
  background-color: white;
  font-weight: bold;
}
.wizard-theme-default .wizard-buttons {
  float: right;
}
.wizard-theme-default .wizard-buttons input {
  background-color: #0a658e;
  border: 1px #0a658e solid;
  border-bottom: 2px #0a658e solid;
  border-right: 2px #0a658e solid;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  color: #fff;
}
.wizard-theme-default .wizard-buttons input:hover {
  color: #f1ab00;
}
.wizard-theme-default .wizard-buttons input[disabled] {
  background-color: #808080;
  border: 1px #808080 solid;
  border-bottom: 2px #808080 solid;
  border-right: 2px #808080 solid;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  color: #FFF;
}
fieldset {
  border: 2px solid #0a658e;
  padding: 3px;
  margin: 5px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 12px;
}
fieldset legend {
  border: 2px solid #0a658e;
  margin: 5px 0px;
  padding: 2px;
  color: #0a658e;
  font-size: 90%;
  width: auto;
}
fieldset legend span {
  font-size: 14px;
  font-weight: normal;
  color: #0a658e;
}
/* navigator styling */
#page-no {
  position: relative;
  top: -2px;
  padding: 0 10px;
}
.table-footer {
  background: #276817;
  color: #ffffff;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3px 10px;
  height: 42px;
  margin-bottom: 10px;
}
.table-footer label {
  display: inline-block;
  font-weight: normal;
  margin-right: 7px;
}
.table-footer .form-control {
  display: inline-block;
  width: auto;
  margin-right: 20px;
  height: 26px;
  padding: 2px 10px;
}
.table-footer .left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
}
.table-footer .center {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
}
.table-footer .right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
}
.table-footer .right a {
  color: #e9e9e9;
}
#footer {
  clear: both;
  width: 100%;
  font-size: 0.8em;
  padding: 8px 0px 8px 0px;
  color: #333333;
}
#footer a {
  color: #333333;
}
a {
  color: #006233;
}
p.warn {
  color: #FFCC00;
  text-align: left;
}
a:VISITED {
  color: #77a96e;
}
a.pagination-btn {
  width: 30px;
  height: 30px;
  /*text-align: center;*/
  /*vertical-align: middle;*/
  /*line-height: 34px;*/
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  display: inline-block;
  border-radius: 25px;
}
a.pagination-btn:hover {
  background: rgba(0, 0, 0, 0.3);
}
.std {
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #4d953c;
  border-collapse: collapse;
  font-weight: normal;
  font-size: 90%;
}
.std th,
.std td {
  border-top: 1px solid #4d953c;
  border-bottom: 1px solid #4d953c;
  padding: 1px 12px 1px 12px;
  text-align: left;
}
.std td a {
  text-decoration: none;
}
.std td a:hover {
  text-decoration: underline;
}
.kpi {
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #007535;
  border-collapse: collapse;
  font-size: 90%;
}
.kpi th,
.kpi td {
  border: 1px solid #f1ab00;
  padding: 0px 12px 0px 3px;
}
.kpi .indicator {
  width: 80px;
  text-align: left;
  padding: 3px;
}
.kpi td {
  width: 50px;
}
/* Glyphicon branding */
.glyphicon.grey-icon {
  color: #a1a1a1;
}
a:hover > .glyphicon.grey-icon {
  color: #666666;
}
/* config upload errors */
.errorCell {
  background-color: #ff0000;
}
.uploaderror {
  background: transparent url('../../images/components/feedback/cross.png') top left no-repeat;
  color: #620033;
  padding-left: 20px;
  list-style-type: none;
}
.boxindent {
  background-color: #e6e6e6;
  max-height: 400px;
}
/* page title */
#pagetitle {
  border-bottom: 1px solid #629db7;
  margin-bottom: 15px;
}
#pagetitle h2 {
  color: #0a658e;
  font-size: 24px;
  letter-spacing: 0;
  text-align: left;
  font-weight: normal;
  margin-bottom: 6px;
  margin-top: 0px;
}
#pagetitle span {
  color: #0a658e;
  font-size: 24px;
  letter-spacing: 0;
  text-align: left;
  font-weight: normal;
  margin-bottom: 6px;
  margin-top: 0px;
}
#steptitle {
  border-bottom: 1px solid #629db7;
  margin-bottom: 15px;
}
#steptitle h2 {
  color: #629db7;
  font-size: 18px;
  letter-spacing: 0;
  text-align: left;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 5px;
}
#steptitle span {
  color: #629db7;
  font-size: 18px;
  letter-spacing: 0;
  text-align: left;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0px;
}
#stepfooter {
  border-bottom: 1px solid #629db7;
  margin-bottom: 15px;
}
#stepfooter span {
  color: #629db7;
  font-size: 10px;
  letter-spacing: 0;
  text-align: left;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0px;
}
#findsite > .btn {
  background-color: #808080;
  border: 1px #666666 solid;
  border-bottom: 2px #666666 solid;
  border-right: 2px #666666 solid;
}
#network-status-filters {
  clear: both;
  overflow: visible;
  background: #e6e6e6;
  padding: 10px 15px;
}
#network-status-filters label {
  display: inline-block;
  font-weight: normal;
  margin-right: 4px;
}
#network-status-filters .form-control {
  display: inline-block;
  width: 170px;
  margin-right: 10px;
  height: 30px;
  padding: 4px;
  border-radius: 0px;
}
#column-picker > a {
  color: inherit;
  text-decoration: none;
  vertical-align: -5px;
  padding: 5px;
}
#column-picker > a:hover {
  background: #e6e6e6;
}
#column-picker .glyphicon {
  font-size: 11px;
  margin-right: 8px;
  opacity: 0;
}
#column-picker .checked .glyphicon {
  font-size: 11px;
  margin-right: 8px;
  opacity: 1;
}
#column-picker li a {
  padding: 3px 20px 3px 10px;
  font-size: 13px;
}
/* Network status */
#network-status-tabs {
  color: #444;
}
#network-status-tabs li a {
  font-size: 14px;
  color: #444444;
  padding: 7px 15px 10px;
  margin-left: 4px;
  height: 38px;
}
#network-status-tabs li a:hover {
  background: #eeeeee;
}
#network-status-tabs li.active a {
  background: #e6e6e6;
  color: #006233;
}
.badge.critical-alarms {
  background: #bf0000;
  color: #ffffff;
  line-height: 18px;
  border-radius: 5px;
  display: inline;
  margin-right: 2px;
  margin-left: 2px;
}
.badge.noncritical-alarms {
  background: #ffaa00;
  color: #000000;
  line-height: 18px;
  border-radius: 5px;
  display: inline;
  margin-right: 2px;
  margin-left: 1px;
}
.badge.none {
  opacity: 0;
}
.siteselection {
  padding: 0px 0px 10px 0px;
  overflow-y: scroll;
  height: 400px;
  border: 1px solid #e6e6e6;
  margin: 20px 0px;
}
.siteselectionfilterform {
  padding: 0px 0px 10px 0px;
  height: 400px;
  border: 1px solid #e6e6e6;
  margin: 20px 0px;
  overflow: hidden;
}
.rawdata-sites {
  padding: 5px 0px 5px 5px;
  overflow-y: scroll;
  border: 2px solid #006233;
  margin: 5px;
  max-height: 300px;
}
#sites {
  padding: 5px 0px 5px 0px;
  overflow-y: scroll;
  height: 300px;
  border: 2px solid #006233;
  margin: 5px;
}
#ssc_upgrade_sites {
  padding: 5px 0px 5px 15px;
  overflow-y: scroll;
  height: 300px;
  border: 2px solid #006233;
}
#multisite-config-sites {
  padding: 5px 0px 5px 0px;
  overflow-y: scroll;
  height: 300px;
  border: 2px solid #006233;
  margin: 5px;
  width: 250px;
}
.newCriticalAlarmCount {
  color: #bf0000;
  font-weight: bolder;
}
.newNonCriticalAlarmCount {
  color: #ffaa00;
  font-weight: bolder;
}
li.feedbackPanelERROR {
  background: transparent url('../../images/components/feedback/cross.png') top left no-repeat;
  color: #ff0000;
  padding-left: 20px;
  list-style-type: none;
}
li.feedbackPanelINFO {
  color: #008000;
  padding-left: 20px;
  background: transparent url('../../images/components/feedback/tick.png') top left no-repeat;
  list-style-type: none;
}
li.feedbackPanelWARNING,
li.feedbackPanelWARN {
  color: #ffcc00;
  padding-left: 20px;
  background: transparent url('../../images/components/feedback/warn.png') top left no-repeat;
  list-style-type: none;
}
.sitechart {
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #4d953c;
  border-collapse: collapse;
  font-weight: normal;
  font-size: 90%;
}
#sitecommands {
  border: 2px solid #4d953c;
  width: 80%;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
#config_start .std {
  margin: 20px 0px;
  width: 100%;
}
#config_start .btn {
  margin: 5px 0px;
}
#config_start label {
  text-align: center;
  color: #0a658e;
  font-size: 112%;
  font-weight: normal;
  display: inherit;
}
#center_h3 h3 {
  text-align: center;
  color: #0a658e;
  font-size: 18px;
  font-weight: normal;
  /*display:inherit;*/
  padding-top: 0px;
}
.center_heading {
  text-align: center;
  color: #0a658e;
  font-size: 18px;
  font-weight: normal;
  display: inherit;
  padding-top: 15px;
  padding-bottom: 5px;
}
#refresh_date h2 {
  font-size: 60% !important;
  color: #000000 !important;
}
#site_search h2 {
  font-size: 60% !important;
  color: #808080 !important;
  padding: 0px;
  z-index: 10000;
  display: block;
  position: relative;
}
span.requiredHint {
  color: #ff0000;
  margin-left: 3px;
}
input.ErrorField {
  background-color: #ffffff;
  border: 1px solid #ff0000;
}
#mainpanel {
  background-color: #ffffff;
  height: 100%;
  /*background-image: url("../images/SiteNavBack.png");*/
  background-repeat: repeat-y;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
#step_heading {
  color: #4d953c;
  font-size: 18px;
  letter-spacing: 0;
  text-align: left;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 10px;
}
#step_message span {
  font-size: 12px !important;
  color: #808080 !important;
  margin-top: 10px;
}
.config_greenoutline {
  width: 100%;
  border-color: #006233;
}
.config_redoutline {
  width: 100%;
  border-color: #FA8895;
}
.config_param_errored {
  background-color: red;
}
.background-errored {
  background-color: red;
}
.delete_template {
  background-color: #FFCC00;
}
.comment-keep-at-top {
  background-color: orange;
}
.alarm-workflow-dropdown {
  border: 1px;
  solid: #dddddd;
}
.networktree-filter {
  width: 153px;
  background-color: #FFF4E0;
  border: 1px solid #F9DA9A;
  left: 1px;
  z-index: 30;
  color: #333131;
}
#ssc-upgrade-form form label {
  display: block;
  clear: both;
  float: left;
  width: 130px;
  padding: 0;
  margin: 5px 0 0;
}
#ssc-upgrade-form form .formItem {
  margin-top: 3px;
  clear: both;
}
.alarmgroup table.palette td.pane select {
  width: 340px;
}
.ui-widget-header {
  background: #276817 !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #276817 !important;
  color: #ffffff !important;
}
div.dt-button-collection.fixed.two-column {
  border: 10px solid #276817 !important;
  border-radius: 25px;
  width: 550px;
  height: 370px;
  top: 110px !important;
  left: 550px !important;
  margin-top: 0px !important;
}
div.dt-button-collection {
  border: 10px solid #276817 !important;
  border-radius: 25px;
  background: #73AD21;
  padding: 20px;
  width: auto;
  height: auto;
  top: 240px !important;
  left: 550px !important;
}
div.dt-button-collection.table2 {
  border: 10px solid #276817 !important;
  border-radius: 25px;
  background: #73AD21;
  padding: 20px;
  top: 900px !important;
  width: auto;
  height: auto;
  left: 550px !important;
}
.panel-default > .panel-heading {
  background-color: #276817;
  color: #ffffff;
  font-size: 14px;
}
.panel.panel-default {
  border: 1px solid #276817;
}

