/* Theme colors */
/* Font */
@font-face {
  font-family: "ngenx-helvetica" sans-serif;
  font-style: normal;
  font-stretch: normal;
  font-weight: normal;
  font-size: 18px;
  src: url("./fonts/Helvetica.ttf");
  src: url("./fonts/helvetica-compressed-5871d14b6903a.otf") format("otf");
  src: url("./fonts/helvetica-rounded-bold-5871d05ead8de.otf") format("otf");
  src: url("./fonts/Helvetica-Bold.ttf");
  src: url("./fonts/helvetica-light-587ebe5a59211.ttf");
  src: url("./fonts/Helvetica-BoldOblique.ttf");
  src: url("./fonts/Helvetica-Oblique.ttf");
}
/* Primary Colors */
/* Secondary Colors */
/* B/W Colors */
/* Borders*/
/* Root */
/* Font */
html body,
body,
input,
button,
select,
textarea,
label,
.daterangepicker .calendar th,
.daterangepicker .calendar td,
.dropdown-menu,
.ngen-tabs li a,
.ui-widget,
.w3g_contentmenu {
  font-family: "ngenx-helvetica" !important;
}

html body,
body {
  height: 100%;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 28.8px;
}

h3 {
  font-size: 25.6px;
}

h4 {
  font-size: 18px !important;
}

body,
p,
a,
label,
table.display,
.uneditable-input,
textarea.m-wrap,
input[type=text].m-wrap,
input[type=password].m-wrap,
input[type=datetime].m-wrap,
input[type=datetime-local].m-wrap,
input[type=date].m-wrap,
input[type=month].m-wrap,
input[type=time].m-wrap,
input[type=week].m-wrap,
input[type=number].m-wrap,
input[type=email].m-wrap,
input[type=url].m-wrap,
input[type=search].m-wrap,
input[type=tel].m-wrap,
input[type=color].m-wrap,
input,
select,
option,
.tabbable-custom,
.pricing-table2 ul li,
* td > div,
.rack-popup-content .details {
  font-size: 18px !important;
}

table.dataTable th,
.sensor-data table thead tr th,
.tabbable-custom,
.tabbable-custom ul li,
.tabbable-custom table thead tr th,
.table thead tr th,
.table thead tr th a,
.table-advance thead tr th,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-widget,
.pricing-table2 .desc {
  font-size: 18px !important;
}

table.dataTable td,
.sensor-data table tbody tr td,
.tabbable-custom table tbody tr td,
.table-advance tbody tr td,
.table tbody tr td,
.table tbody tr td a {
  font-size: 16px !important;
}

td.details {
  background-color: #ccc;
  border: #ccc;
}

.toolbar {
  padding: 10px;
  position: relative;
  float: right;
}

.label,
.badge {
  font-size: 16px !important;
  padding: 0.2em 0.6em 0.3em !important;
}

.table-advance thead tr th {
  background: #dadada !important;
}

.table-advance thead tr th,
.table thead tr th {
  color: gray;
}

/* Panel */
.panel {
  border: 1px solid #1a6585 !important;
}

.panel-default > .panel-heading {
  text-align: center;
  color: #ffffff;
  background-color: #1a6585;
}

.panel-showall-title {
  background-color: #dadada !important;
  color: #333 !important;
}

/* Layout */
.page-header {
  border: none !important;
}

/* Modal */
/* PDU */
.add-pdu-modal {
  top: 60px !important;
}

/* Breadcrumb */
a.payload-breadcrumb {
  font-size: 18px !important;
  float: left;
  text-decoration: none !important;
  text-transform: uppercase;
  color: #333 !important;
}

/* GridView */
.panel-info,
.panel-footer,
.panel-info > .panel-heading {
  background-color: #dadada !important;
  border-color: #9d9d9c !important;
}

.panel-heading .summary {
  color: gray;
}

.table > thead > tr > th {
  text-align: left;
}

.table > thead > tr > th > a {
  color: gray !important;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td {
  border: 1px solid #9d9d9c;
}

.table-striped tbody > tr:nth-child(2n) > td,
.table-striped tbody > tr:nth-child(2n) > th {
  background-color: #f3d7c4 !important;
}

.table-bordered {
  background: #dadada;
}

/* Datatable design */
.dataTables_wrapper,
.table_top,
.tbl_tools {
  background: #ffffff !important;
  box-shadow: none;
}

.table_content table > thead > tr > th {
  color: #333 !important;
}

tr.even,
table.display tr.even.gradeU {
  background-color: #ffffff !important;
}

tr.odd,
table.display tr.odd.gradeU {
  background-color: #f3d7c4 !important;
}

.table_bottom {
  background: none;
}

/* Tab Panel */
.ngen-tabs {
  color: #ffffff !important;
  background-color: #1a6585;
  border: 1px solid #1a6585 !important;
}

.tab-content {
  border: 1px solid #1a6585 !important;
}

.statusDiv {
  padding-top: 1rem;
  padding-right: 1rem;
}

.statusDiv > * {
  background-color: #ffffff;
}

ul.nav.nav-tabs[role=tablist] > li[role=presentation] {
  background-color: #f4f4f4;
}

/* Highchart responsiveness */
.highcharts-container,
.highcharts-container svg {
  width: 100% !important;
}

/* HEADT.css Overides */
a {
  color: #333;
  text-shadow: 0 -1px 0 #000000;
}

a:hover {
  color: #e42917 !important;
  text-shadow: 0 -1px 0 #000000;
}

/* ngen-style.css Overrides */
.rack-popup-head a {
  color: #333;
  text-shadow: 0 -1px 0 #000000;
}

.nav-tabs > li,
.ngen-tabs li a {
  border-top-color: #1a6585;
}

/* Yii outside */
.nav-tabs > li {
  background-color: #f4f4f4;
}

.tabbable-custom .nav-tabs > li {
  border-top: 1px solid #1a6585 !important;
  border-left: 1px solid #1a6585;
  border-right: 1px solid #1a6585;
}

.tabbable-custom .nav-tabs > li.active {
  border-top: 3px solid #e42917 !important;
}

[class^=span] > .tab-content {
  border: none !important;
}

[class^=span] > .tabbable.tabbable-custom > .tab-content {
  border: none !important;
}

.ver-inline-menu li.active i,
.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  background-color: #1a6585 !important;
}

.ver-inline-menu li.active::after {
  border-left: none !important;
}

.portlet.box.grey .portlet-title,
.portlet.box.grey {
  background: #1a6585 !important;
}

.portlet-body {
  border: #1a6585 !important;
}

.ui-widget-header {
  border: #1a6585;
  background: #1a6585 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: #1a6585;
  background: #1a6585 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border-top: 3px solid #e42917 !important;
  background: #ffffff !important;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #333 !important;
}

.rack-popup-head a {
  color: #333 !important;
}

button.dt-button,
div.dt-button,
a.dt-button {
  font-family: "ngenx-helvetica" !important;
  font-size: 14px !important;
}

/* Floorplan W3 */
.w3g_tooltip_theme_white {
  font-family: "ngenx-helvetica" !important;
  font-size: 18px;
}

.w3g_tooltip_theme_white hr {
  border-color: gray;
}

.w3g_tooltip_theme_white .table-bordered {
  font-family: "ngenx-helvetica" !important;
  font-size: 18px;
  border: none !important;
  background-image: -webkit-gradient(linear, 0% 30%, 0% 100%, from(transparent), to(#fff)) !important;
}

/* Login Page CSS */
.ssoBtn {
  color: #f7f5f3;
  background-color: #2792bf;
  margin: 40px auto 56px;
  width: 350px !important;
  text-transform: uppercase !important;
}
.ssoBtn:hover {
  background-color: #516369;
}

.login-form input {
  height: 45px !important;
}

.loginbody {
  min-height: 100vh;
  background-color: #f7f5f3;
  margin: 0;
  display: flex;
  justify-content: stretch;
  align-items: center;
}
.loginbody * {
  box-sizing: border-box;
  text-transform: uppercase !important;
}
.loginbody h1 {
  font-size: 52px;
  font-family: "ngenx-helvetica", serif;
  font-weight: 400;
  margin-bottom: 64px;
  color: #878787;
}
.loginbody input {
  font-family: "serif", serif;
  color: #878787;
  width: 100%;
  height: 50px;
  border: none;
  background-color: #e8e3dc;
  border-radius: 10px;
  padding-left: 3%;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loginbody span {
  font-family: "serif", serif;
  color: #878787;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  justify-content: center;
}
.loginbody label {
  font-family: "serif", serif;
  color: #878787;
  font-size: 24px;
  font-weight: 600;
}
.loginbody button {
  font-family: "serif", serif;
  color: #878787;
  width: 192px;
  height: 56px;
  border: none;
  background-color: transparent;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 26px;
  border-radius: 10px;
}
.loginbody a {
  font-family: "serif", serif;
  color: #878787;
  text-decoration: none;
  font-size: 20px;
  font-weight: 400;
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
}
.loginbody fieldset {
  border: none;
  display: flex;
  flex-direction: column;
}
.loginbody fieldset input:first-of-type {
  margin: 8px 0px 40px;
  text-transform: none !important;
}
.loginbody .left {
  width: 35%;
  padding: 24px;
}
.loginbody .right {
  width: 65%;
  height: 100vh;
  background: linear-gradient(270deg, #f7f5f3 0%, #1a6585 100%);
  background-size: cover;
  background-position: center;
}
.loginbody .primaryBtn {
  color: #f7f5f3;
  background-color: #2792bf;
  margin: 40px auto 56px;
}
.loginbody .primaryBtn:hover {
  background-color: #516369;
}
.loginbody .separator {
  width: 100%;
  height: 1px;
  margin: 0px auto 56px;
  background-color: #bbb4a7;
}
.loginbody .secondaryBtn {
  color: #878787;
  border: 1px solid #85a2ab;
  margin: 8px auto;
}
.loginbody .secondaryBtn:hover {
  color: #516369;
  border-color: #516369;
}
.loginbody .error {
  font-size: 14px;
  color: red;
  margin-bottom: 5px;
}

@media only screen and (max-width: 1400px) {
  .login-form input {
    height: 45px !important;
  }
  .loginbody input {
    width: 100%;
    height: 40px;
    border: none;
    background-color: #e8e3dc;
    border-radius: 10px;
    padding-left: 3%;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .loginbody h1 {
    font-size: 42px;
  }
  .loginbody label {
    font-size: 18px;
  }
  .loginbody button {
    height: 48px;
    font-size: 20px;
  }
  .loginbody a {
    font-size: 16px;
  }
}
/* Login Page CSS */
/* Navbar Override CSS */
.parent-navbar {
  width: calc(100% - 25px);
}
.parent-navbar .icon-caret-down {
  display: none;
}
.parent-navbar .parent {
  display: block;
  position: relative;
  float: left;
  line-height: 30px;
  background-color: #1a6585;
  border-right: #365670 1px solid;
  flex-grow: 1;
  text-align: center;
}
.parent-navbar .parent a {
  color: #fefefe;
  text-decoration: none;
  text-transform: uppercase;
}
.parent-navbar .parent a:hover {
  background: #4085c6;
  color: #fefefe !important;
}
.parent-navbar .parent:hover > ul {
  display: block;
  position: absolute;
}
.parent-navbar i {
  float: left;
  font-size: 18px;
  padding: 4px 1px;
  line-height: 20px !important;
}
.parent-navbar .parent.active {
  background: #e42917;
  color: #fff !important;
}
.parent-navbar .parent.active a:hover {
  background: none;
}
.parent-navbar .child {
  display: none;
}
.parent-navbar .child li {
  background-color: #fefefe;
  line-height: 30px;
  border-bottom: #dadada 1px solid;
  border-right: #dadada 1px solid;
  border-left: #dadada 1px solid;
  width: 100%;
  cursor: pointer;
}
.parent-navbar .child li a {
  color: #000;
}
.parent-navbar .child:last-child li {
  border: #dadada 1px solid;
}
.parent-navbar ul {
  list-style: none;
  margin: 0;
  padding: 0px;
  min-width: 10em;
  left: 0px;
  width: 100%;
  display: flex;
}
.parent-navbar ul ul ul {
  left: 100%;
  top: 0;
  margin-left: 1px;
  width: max-content;
}
.parent-navbar ul a li {
  color: black;
}
.parent-navbar ul a:hover li {
  color: #fefefe;
}
.parent-navbar li {
  cursor: pointer;
}
.parent-navbar li:hover {
  background-color: #4085c6;
}
.parent-navbar li:hover a .icon-caret-down {
  display: inline-block;
}
.parent-navbar .expand {
  font-size: 12px;
  float: right;
  margin-right: 5px;
}

.fixed-top .page-container {
  background-color: #fff;
  padding-top: 72px;
  margin-top: 0px !important;
}

.page-content {
  margin-left: 0px !important;
}

.header {
  background-color: #1a6585 !important;
}

.rack-tabbed-pane.activetab {
  top: 42px !important;
}

.footer {
  background-color: #3d3d3d;
}

.header .navbar-inner {
  height: 45px !important;
}

/* Navbar Override CSS */
/* reportico */
.swMntForm > * {
  border: none !important;
}

.swMntTabMenuButSel {
  background: #ffffff !important;
  color: #e42917 !important;
  border-top: 3px solid #e42917 !important;
  border-left: 3px solid #e42917 !important;
  border-right: 3px solid #e42917 !important;
}

.swMntTabMenuButUnsel {
  background: #1a6585 !important;
  color: #ffffff !important;
  border: 3px solid #1a6585 !important;
}

.swMntInnerBox,
.swMntMainBox,
.swMntSetField {
  background: #ffffff !important;
  border: none !important;
}

.swMntMainBox {
  font-family: "ngenx-helvetica" !important;
}

/* Chosen.css */
.highlighted {
  background: #1a6585 !important;
  color: #ffffff !important;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  color: #ffffff !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
  background: #1a6585 !important;
  color: #ffffff !important;
}

/* Sidebar */
.rack-tabbed-pane {
  z-index: 10000 !important;
}

/* Tabindex */
ul#tab_w3 > li {
  text-transform: uppercase;
}

.panel-title {
  font-size: 17.85px !important;
  text-transform: uppercase;
}

.panel-title-nocasing {
  text-transform: none !important;
}

#gritter-notice-wrapper {
  z-index: 99999999 !important;
}

/*# sourceMappingURL=ngenx-theme.css.map */