/* Fonts */
@font-face {
  font-family: "Nunito-Regular";
  src: url("");
  src: url("") format("eot"), url("/jtp/jakarta.faces.resource/fonts/Nunito-Regular.woff2.jsf?v=6.3.01-SNAPSHOT") format("woff2"), url("/jtp/jakarta.faces.resource/fonts/Nunito-Regular.woff.jsf?v=6.3.01-SNAPSHOT") format("woff"), url("/jtp/jakarta.faces.resource/fonts/Nunito-Regular.ttf.jsf?v=6.3.01-SNAPSHOT") format("truetype");
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("");
  src: url("") format("eot"), url("/jtp/jakarta.faces.resource/fonts/Roboto-Regular.woff2.jsf?v=6.3.01-SNAPSHOT") format("woff2"), url("/jtp/jakarta.faces.resource/fonts/Roboto-Regular.woff.jsf?v=6.3.01-SNAPSHOT") format("woff"), url("/jtp/jakarta.faces.resource/fonts/Roboto-Regular.ttf.jsf?v=6.3.01-SNAPSHOT") format("truetype");
}
/* Mixins */
/* Custom styles */
body, body.layout-compact {
  font-family: "Arial";
  font-weight: normal !important;
  /* helper classes */
}
body .layout-wrapper .topbar .topbar-left, body.layout-compact .layout-wrapper .topbar .topbar-left {
  background: #ffffff;
  border-bottom: 1px solid #F7F9FA;
}
body .layout-wrapper .topbar .logo, body.layout-compact .layout-wrapper .topbar .logo {
  background-image: url("/jtp/jakarta.faces.resource/css/tgp/images/total-logo.png.jsf?v=6.3.01-SNAPSHOT");
  margin: 8px 4px 4px 16px;
  width: 11rem;
  height: 3.5rem;
}
@media only screen and (max-width: 640px) {
  body .layout-wrapper .topbar .logo, body.layout-compact .layout-wrapper .topbar .logo {
    background-image: url("/jtp/jakarta.faces.resource/css/tgp/images/total-icon.png.jsf?v=6.3.01-SNAPSHOT");
    margin: auto;
  }
}
body .layout-wrapper .topbar .topbar-right #menu-button, body.layout-compact .layout-wrapper .topbar .topbar-right #menu-button {
  background: #ED0000;
}
body .layout-wrapper .topbar .topbar-right .page-heading, body.layout-compact .layout-wrapper .topbar .topbar-right .page-heading {
  float: left;
}
body .layout-wrapper .topbar .topbar-right .page-heading .page-title, body.layout-compact .layout-wrapper .topbar .topbar-right .page-heading .page-title {
  font-family: "Nunito-Regular";
  font-weight: normal !important;
  color: #374649;
  text-transform: uppercase;
}
body .layout-wrapper .topbar .topbar-right #profile .portrait.logged-in-as, body.layout-compact .layout-wrapper .topbar .topbar-right #profile .portrait.logged-in-as {
  color: #ED0000;
  border: 2px solid #ED0000;
}
body .layout-wrapper .topbar .topbar-right #profile .label .username, body.layout-compact .layout-wrapper .topbar .topbar-right #profile .label .username {
  font-family: "Arial";
  font-weight: bold !important;
}
body .layout-wrapper .topbar .topbar-right #profile .label.logged-in-as .username, body .layout-wrapper .topbar .topbar-right #profile .label.logged-in-as .role, body.layout-compact .layout-wrapper .topbar .topbar-right #profile .label.logged-in-as .username, body.layout-compact .layout-wrapper .topbar .topbar-right #profile .label.logged-in-as .role {
  color: #ED0000;
}
body .layout-wrapper .topbar .topbar-right #profile a.return-to-button, body.layout-compact .layout-wrapper .topbar .topbar-right #profile a.return-to-button {
  color: #ffffff;
}
body .layout-wrapper .topbar .topbar-bottom, body.layout-compact .layout-wrapper .topbar .topbar-bottom {
  /* secondary menu */
}
body .layout-wrapper .topbar .topbar-bottom .ui-breadcrumb.ui-widget-header a:hover, body.layout-compact .layout-wrapper .topbar .topbar-bottom .ui-breadcrumb.ui-widget-header a:hover {
  color: #ED0000;
}
body .layout-wrapper .topbar .topbar-bottom .ui-breadcrumb span:hover, body.layout-compact .layout-wrapper .topbar .topbar-bottom .ui-breadcrumb span:hover {
  color: #ED0000;
}
body .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:hover i:first-child, body.layout-compact .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:hover i:first-child {
  color: #ED0000 !important;
}
body .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li > a, body .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li.active-menuitem > a, body.layout-compact .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li > a, body.layout-compact .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li.active-menuitem > a {
  color: #374649 !important;
}
body .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li > a i:first-child, body .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li.active-menuitem > a i:first-child, body.layout-compact .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li > a i:first-child, body.layout-compact .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li.active-menuitem > a i:first-child {
  color: #374649 !important;
}
body .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:link, body .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:visited, body.layout-compact .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:link, body.layout-compact .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:visited {
  color: #374649 !important;
}
body .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:link .ui-icon, body .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:visited .ui-icon, body.layout-compact .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:link .ui-icon, body.layout-compact .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:visited .ui-icon {
  color: #374649 !important;
}
body .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:hover, body.layout-compact .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:hover {
  color: #ED0000 !important;
}
body .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:hover .ui-icon, body.layout-compact .layout-wrapper .topbar .topbar-bottom .layout-menu .nano ul li a:hover .ui-icon {
  color: #ED0000 !important;
}
body .layout-wrapper .layout-menu, body.layout-compact .layout-wrapper .layout-menu {
  background: #374649;
  box-shadow: none;
}
body .layout-wrapper .layout-menu .nano p, body.layout-compact .layout-wrapper .layout-menu .nano p {
  color: #B7CBD3;
}
body .layout-wrapper .layout-menu .nano hr, body.layout-compact .layout-wrapper .layout-menu .nano hr {
  height: 2px;
  margin: 2px 0;
  background: #374649;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
body .layout-wrapper .layout-menu .nano ul.bottom-menu li, body.layout-compact .layout-wrapper .layout-menu .nano ul.bottom-menu li {
  background: #374649;
}
body .layout-wrapper .layout-menu .nano ul.bottom-menu li a:link, body .layout-wrapper .layout-menu .nano ul.bottom-menu li a:visited, body.layout-compact .layout-wrapper .layout-menu .nano ul.bottom-menu li a:link, body.layout-compact .layout-wrapper .layout-menu .nano ul.bottom-menu li a:visited {
  color: #B7CBD3;
}
body .layout-wrapper .layout-menu .nano ul.bottom-menu li a:hover, body.layout-compact .layout-wrapper .layout-menu .nano ul.bottom-menu li a:hover {
  color: #ffffff;
}
body .layout-wrapper .layout-menu .nano ul.bottom-menu li ul.language-selection, body.layout-compact .layout-wrapper .layout-menu .nano ul.bottom-menu li ul.language-selection {
  background: #374649;
}
body .layout-wrapper .ultima-menu, body.layout-compact .layout-wrapper .ultima-menu {
  margin-bottom: 2rem;
}
body .layout-wrapper .ultima-menu li a, body.layout-compact .layout-wrapper .ultima-menu li a {
  font-family: "Roboto-Regular";
  font-weight: normal !important;
  font-size: 0.8125rem;
  text-transform: uppercase;
  color: #B7CBD3;
}
body .layout-wrapper .ultima-menu li a i, body.layout-compact .layout-wrapper .ultima-menu li a i {
  color: #B7CBD3;
}
body .layout-wrapper .ultima-menu li ul li, body.layout-compact .layout-wrapper .ultima-menu li ul li {
  border-left: 1px solid #B7CBD3;
}
body .layout-wrapper .ultima-menu li ul li a, body.layout-compact .layout-wrapper .ultima-menu li ul li a {
  font-family: "Roboto-Regular";
  font-weight: normal !important;
  text-transform: none;
}
body .layout-wrapper .ultima-menu li ul li.active-menuitem, body.layout-compact .layout-wrapper .ultima-menu li ul li.active-menuitem {
  border-left: 1px solid #B7CBD3;
}
body .layout-wrapper .ultima-menu li ul li.active-menuitem li a i:first-child, body.layout-compact .layout-wrapper .ultima-menu li ul li.active-menuitem li a i:first-child {
  color: #B7CBD3;
}
body .layout-wrapper .ultima-menu li.active-menuitem > a, body.layout-compact .layout-wrapper .ultima-menu li.active-menuitem > a {
  background-color: #374649;
}
body .layout-wrapper .ultima-menu li.active-menuitem > ul, body.layout-compact .layout-wrapper .ultima-menu li.active-menuitem > ul {
  background-color: #374649;
}
body .ui-datatable table thead tr th, body .ui-treetable table thead tr th, body table thead tr th, body.layout-compact .ui-datatable table thead tr th, body.layout-compact .ui-treetable table thead tr th, body.layout-compact table thead tr th {
  font-family: "Arial";
  font-weight: bold !important;
}
body .ui-datatable table tfoot tr td, body .ui-datatable table tfoot tr th, body .ui-treetable table tfoot tr td, body .ui-treetable table tfoot tr th, body table tfoot tr td, body table tfoot tr th, body.layout-compact .ui-datatable table tfoot tr td, body.layout-compact .ui-datatable table tfoot tr th, body.layout-compact .ui-treetable table tfoot tr td, body.layout-compact .ui-treetable table tfoot tr th, body.layout-compact table tfoot tr td, body.layout-compact table tfoot tr th {
  font-family: "Arial";
  font-weight: bold !important;
}
body .ui-widget, body.layout-compact .ui-widget {
  font-family: "Arial";
  font-weight: normal !important;
}
body .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield, body.layout-compact .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
  font-family: "Arial";
  font-weight: normal !important;
}
body .ui-paginator .ui-paginator-pages a.ui-paginator-page, body.layout-compact .ui-paginator .ui-paginator-pages a.ui-paginator-page {
  font-family: "Arial";
  font-weight: bold !important;
}
body .login-panel .logo, body.layout-compact .login-panel .logo {
  background-color: transparent;
  background-image: url("/jtp/jakarta.faces.resource/css/tgp/images/total-logo.png.jsf?v=6.3.01-SNAPSHOT");
}
body .card h1, body.layout-compact .card h1 {
  color: #374649;
  font-family: "Arial";
  font-weight: normal !important;
  text-transform: uppercase;
}
@media only screen and (max-width: 640px) {
  body .card h1, body.layout-compact .card h1 {
    padding: 0 0.5rem;
  }
}
body .card h1 span, body.layout-compact .card h1 span {
  text-transform: none;
}