/* APP HEADER */
header#lxk-header > nav {
  background: #44434e;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

header#lxk-header .container .row:first-child {
  border-bottom: 1px solid #32323c;
  height: 60px;
  display: flex;
  align-items: center; }

header#lxk-header ul.nav li {
  background: transparent;
  border: none; }

header#lxk-header .row:first-child ul.nav li.dropdown > a {
  color: #e6e6f0;
  padding: 20px 15px; }

header#lxk-header .row:first-child ul.nav li:not(.open) a:not(#search) {
  color: #3AF23A; }

header#lxk-header .row:first-child ul.nav li a:hover,
header#lxk-header .row:first-child ul.nav li a:not(#search):hover {
  color: #fff;
  background-color: #7e7e85; }

header#lxk-header .navbar-nav > .open > a {
  background: #7e7e85;
  color: white; }

header#lxk-header ul.dropdown-menu {
  border: none;
  border-bottom: 4px solid #00ad21;
  left: 3px; }

header#lxk-header .row:first-child ul.dropdown-menu li:not(.open) a:not(#search) {
  color: #44434e;
  margin-left: 0; }

header#lxk-header .row:first-child ul.dropdown-menu li:not(.open) a:not(#search):hover {
  color: #00ad21;
  background: transparent;
  text-decoration: underline;
  cursor: pointer; }

header#lxk-header .row:first-child ul.dropdown-menu li.divider {
  background: #e6e6f0; }

header#lxk-header div#lxk-navbar-collapse-1,
header#lxk-header div#lxk-navbar-collapse-1 > div.col-lg-12 {
  padding: 0; }

@media (max-width: 767px) {
  header#lxk-header > nav > div > div > div > div > .nav > li > span,
  header#lxk-header > nav > div > div > div > div > .nav > li > a.dropdown-toggle > span:first-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none !important; }
  header#lxk-header > nav > div > div > div > div > .nav > li > a.dropdown-toggle {
    display: flex;
    align-items: center; }
  header#lxk-header ul.dropdown-menu {
    left: auto;
    right: 0px; }
  header#lxk-header > nav > div > div > div.col-lg-12 {
    max-width: calc(100vw - 15px); }
  header#lxk-header > nav > div > div > div > div.col-lg-8 {
    max-width: 55%; }
  header#lxk-header > nav > div > div > div > div > ul.nav {
    max-width: 100%; }
  header#lxk-header > nav > div > div > div > div > .nav > li.dropdown {
    max-width: 50%; } }

/* ARTICLE / KNOWLEDGE BASE */
.knowledge-article > div.row {
  margin-top: 16px; }

div.panel-body {
  border: none;
  background: #e6e6f0; }

.knowledge-article-keywords span.xrm-attribute-value-encoded.xrm-attribute-value {
  font-weight: 600; }

form#create-comment div.form-group {
  display: flex;
  flex-direction: column; }

form#create-comment label.control-label.required {
  text-align: left; }

form#create-comment div.col-sm-offset-3.col-sm-9 {
  margin-left: 0; }

form#create-comment div.form-group {
  margin-bottom: 36px;
  margin-top: 0; }

.page-copy {
  margin-top: 16px; }

#kb-list .list-group-item {
  background: #eff0f6; }

#kb-list .list-group-item:hover {
  background: #e6e6f0; }

#kb-list .list-group-item a {
  font-size: 23px; }

/* BREADCRUMBS */
.breadcrumb {
  margin: 0; }

.breadcrumb li a {
  color: #0061de;
  font-size: 14px;
  font-weight: 300; }

.breadcrumb li a:hover {
  color: #004bab;
  text-decoration: underline; }

.breadcrumb > .active {
  color: #32323c;
  font-size: 14px;
  font-weight: 300; }

/* BUTTONS */
.btn {
  height: 36px;
  border: none;
  font-size: 16px;
  font-weight: 300;
  padding: 6px 15px;
  color: #fff;
  background-color: #51515a; }

.btn:hover, .btn:focus {
  background-color: #4e4e57;
  color: #fff; }

.btn:active {
  background-color: #43434a;
  color: #fff; }

.btn-primary {
  background-color: #00ad21; }

.btn-primary:hover {
  background-color: #00871a; }

.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 173, 33, 0.5);
  background-color: #00ad21; }

.btn-primary:active {
  background-color: #007a17; }

.crmEntityFormView .actions .btn:first-child {
  background: #00AD21; }

/* DATAGRID */
.dataTables_wrapper table {
  border: 1px solid #c9c9d1;
  font-size: 13px; }

.dataTables_wrapper thead {
  background-color: #c9c9d1;
  border: none;
  font-weight: 600;
  color: #1d1d25; }

.table > thead > tr > th {
  border: none; }

.dataTables_wrapper thead a, th.sorting_asc::after {
  color: #0061de; }

.dataTables_wrapper thead a:hover, th.sorting_asc::after:hover {
  color: #004bab; }

tbody > .odd {
  background-color: #eff0f6; }

tbody {
  font-size: 12.75px;
  font-weight: 300;
  background-color: #fff;
  color: #32323c; }

th:not(.sorting_disabled):hover {
  background-color: #a5a5aa;
  text-decoration: underline; }

div.main-right {
  margin-top: 32px; }

div#top {
  margin: 16px 0 32px; }

div.entity-grid-compact > form#searchForm > div#top {
  margin: 0;
  height: 36px;
  margin-bottom: 24px; }

div#contentLoad.row {
  margin: 0 -8px; }

.form-search .btn {
  border: none; }

div.btn-group.btn-select.input-group-btn li.dropdown {
  border: none; }

@media (max-width: 767px) {
  .table-fluid td {
    padding-left: 0 !important; } }

/* DROPDOWNS */
li.dropdown {
  background-color: #eff0f6;
  border: 1px solid #c9c9d1; }

li.dropdown a {
  color: #32323c;
  padding: 6px 15px;
  font-size: 16px;
  font-weight: 300;
  line-height: 19.2px; }

li.dropdown a i {
  color: #008945;
  padding-right: 8px; }

li.dropdown:hover, li.dropdown a:hover, li.dropdown:focus-within, li.dropdown a:focus {
  background-color: #dedede;
  color: #32323c; }

li.dropdown:active, li.dropdown a:active {
  background-color: #dbdbdb; }

li.dropdown:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  border: none; }

.dropdown-toggle:focus {
  border: none !important; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
  background-color: #00ad21;
  color: white;
  margin-left: 0; }

/* FONTS */
* {
  font-family: 'TP Hero', Arial, sans-serif; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-light-webfont.eot");
  src: url("../tphero-light-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-light-webfont.woff2") format("woff2"), url("../tphero-light-webfont.woff") format("woff"), url("../tphero-light-webfont.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-lightitalic-webfont.eot");
  src: url("../tphero-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-lightitalic-webfont.woff2") format("woff2"), url("../tphero-lightitalic-webfont.woff") format("woff"), url("../tphero-lightitalic-webfont.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-regular-webfont.eot");
  src: url("../tphero-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-regular-webfont.woff2") format("woff2"), url("../tphero-regular-webfont.woff") format("woff"), url("../tphero-regular-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-regularitalic-webfont.eot");
  src: url("../tphero-regularitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-regularitalic-webfont.woff2") format("woff2"), url("../tphero-regularitalic-webfont.woff") format("woff"), url("../tphero-regularitalic-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-medium-webfont.eot");
  src: url("../tphero-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-medium-webfont.woff2") format("woff2"), url("../tphero-medium-webfont.woff") format("woff"), url("../tphero-medium-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-mediumitalic-webfont.eot");
  src: url("../tphero-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-mediumitalic-webfont.woff2") format("woff2"), url("../tphero-mediumitalic-webfont.woff") format("woff"), url("../tphero-mediumitalic-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-semibold-webfont.eot");
  src: url("../tphero-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-semibold-webfont.woff2") format("woff2"), url("#$icomoon-font-path}/tphero-semibold-webfont.woff") format("woff"), url("../tphero-semibold-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-semibolditalic-webfont.eot");
  src: url("../tphero-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-semibolditalic-webfont.woff2") format("woff2"), url("../tphero-semibolditalic-webfont.woff") format("woff"), url("../tphero-semibolditalic-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-bold-webfont.eot");
  src: url("../tphero-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-bold-webfont.woff2") format("woff2"), url("../tphero-bold-webfont.woff") format("woff"), url("../tphero-bold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-bolditalic-webfont.eot");
  src: url("../tphero-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-bolditalic-webfont.woff2") format("woff2"), url("../tphero-bolditalic-webfont.woff") format("woff"), url("../tphero-bolditalic-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-extrabold-webfont.eot");
  src: url("../tphero-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-extrabold-webfont.woff2") format("woff2"), url("../tphero-extrabold-webfont.woff") format("woff"), url("../tphero-extrabold-webfont.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-extrabolditalic-webfont.eot");
  src: url("../tphero-extrabolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-extrabolditalic-webfont.woff2") format("woff2"), url("../tphero-extrabolditalic-webfont.woff") format("woff"), url("../tphero-extrabolditalic-webfont.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-black-webfont.eot");
  src: url("../tphero-black-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-black-webfont.woff2") format("woff2"), url("../tphero-black-webfont.woff") format("woff"), url("../tphero-black-webfont.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'TP Hero';
  src: url("../tphero-blackitalic-webfont.eot");
  src: url("../tphero-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../tphero-blackitalic-webfont.woff2") format("woff2"), url("../tphero-blackitalic-webfont.woff") format("woff"), url("../tphero-blackitalic-webfont.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }

/* APP FOOTER */
.footer-site-menu {
  background-color: #44434e;
  border: none;
  color: #e6e6f0; }

footer ul.col-lg-8.col-md-8 {
  display: flex;
  margin-top: 16px; }

footer ul.col-lg-8.col-md-8 li {
  border: none; }

footer ul.col-lg-8.col-md-8 ul {
  display: flex;
  text-align: left; }

footer ul.col-lg-8.col-md-8 li a {
  margin-right: 24px;
  font-size: 14px; }

footer .legal-menu-brand {
  display: grid;
  grid-template-columns: 34px 1fr; }

footer .legal-menu-list {
  vertical-align: middle;
  margin: 0; }

.footer-site-menu ul:first-child li:first-child {
  border: none;
  align-self: center; }

footer .legal-menu-brand-logo {
  padding: 8px 20px 8px 0;
  border-right: 1px solid black; }

footer ul.legal-menu-brand-copyright {
  padding: 8px 0 8px 16px !important;
  padding-inline-start: 16px !important;
  margin: 0;
  font-size: 13px;
  line-height: normal; }

.footer-site-menu li {
  padding: 0; }

.footer-site-menu ul {
  padding: 0 !important; }

.footer-site-menu ul.col-lg-4.col-md-4 div {
  float: right; }

footer {
  position: relative; }

footer ul.col-lg-8.col-md-8 {
  margin-top: 0; }

@media (min-width: 900px) {
  footer > nav .row {
    display: flex;
    align-items: center; } }

@media (max-width: 767px) {
  footer {
    position: relative; }
  footer ul.col-lg-8.col-md-8 {
    flex-wrap: wrap; }
  footer ul.col-lg-8.col-md-8 ul {
    flex-wrap: wrap; }
  .legal-menu-notice {
    flex-wrap: wrap;
    text-align: left; }
  .footer-site-menu ul.col-lg-4.col-md-4 div {
    float: left;
    margin-bottom: 16px; } }

/* FORMS */
.form-control {
  height: 36px; }

textarea.form-control[readonly] {
  background-color: #fff; }

/* GLOBALS */
.col-md-12 {
  padding: 0 15px 0 0; }

.col-sm-7 {
  padding-left: 0; }

#mainContent, #mainContentHolder {
  background-color: white; }

div#mainContent.mainContent {
  overflow: visible;
  margin-bottom: 28px; }

body {
  display: flex;
  flex-direction: column; }

body > div.container,
body > form#liquid_form {
  flex-grow: 1; }

div.container {
  padding-left: 0;
  padding-right: 0; }

h1, h2, h3, h4 {
  font-family: 'TP Hero', Arial, sans-serif; }

.grid-actions {
  padding-top: 9px; }

.row {
  margin-left: 0;
  margin-right: 0; }

@media (max-width: 767px) {
  .row {
    max-width: 100vw;
    margin-left: 15px; } }

.modal-header {
  background: #EFF0F6; }

.modal-header .close {
  margin-top: 5px;
  color: #8F9094;
  opacity: 1; }

.modal-body {
  font-family: "TP Hero"; }

/* NAVBAR */
header#lxk-header .row:nth-child(2) {
  border-top: 1px solid #655C5B; }

header#lxk-header .row:nth-child(2) ul.nav.navbar-nav.weblinks {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

header#lxk-header .row:nth-child(2) ul.nav.navbar-nav.weblinks li a {
  color: #e6e6f0;
  padding: 14.5px 15px; }

header#lxk-header .row:nth-child(2) ul.nav.navbar-nav.weblinks .dropdown-menu a {
  margin-left: 0;
  color: #44434e; }

header#lxk-header .row:nth-child(2) ul.nav.navbar-nav.weblinks .dropdown-menu a:hover {
  background: transparent;
  text-decoration: underline;
  color: #00ad21; }

header#lxk-header .row:nth-child(2) ul.nav.navbar-nav.weblinks .dropdown-menu > .active > a:focus {
  background: transparent; }

ul.nav.navbar-nav {
  display: flex; }

.col-lg-4 > .navbar-nav {
  float: right; }

.navbar > .container > .row > .col-lg-12 {
  display: flex;
  align-items: center;
  padding: 0; }

ul.nav.navbar-nav {
  display: flex;
  align-items: center; }

.navbar > .container > .row > .col-lg-12 > .col-lg-8 {
  display: flex;
  justify-content: flex-end;
  padding: 0; }

header#lxk-header > nav {
  z-index: 2; }

@media (max-width: 1199px) {
  nav.navbar > div.container > div.row {
    position: relative; }
  nav.navbar > div.container > div.row > div.col-lg-4 {
    position: absolute;
    right: 0;
    top: 0; }
  nav.navbar li.dropdown.open {
    z-index: 15; }
  nav.navbar li.dropdown.open ul.dropdown-menu {
    background: white;
    position: absolute;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  button.navbar-toggle {
    border: none; }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #e6e6f0; }
  .navbar-default .navbar-toggle:hover {
    background: #7e7e85; }
  .navbar-default .navbar-toggle:focus {
    background: #00ad21; }
  .navbar-default .navbar-collapse {
    border-top: 1px solid #655C5B; }
  .navbar-header {
    border-bottom: 1px solid #32323c; }
  .site-menu-links > ul.weblinks > li.weblink.dropdown.open > ul.dropdown-menu {
    position: absolute; }
  #lxk-navbar-collapse-1 {
    overflow: visible; } }

/* PAGE HEADING */
.page-heading {
  margin-left: -15px; }

.page-header h1 {
  color: #1d1d25;
  font-size: 27px;
  font-weight: 300;
  margin: 0;
  font-family: 'TP Hero', Arial, sans-serif; }

.page-header {
  border-bottom: 1px solid #c9c9d1;
  margin: 4px 0 0;
  padding-bottom: 21px; }

@media (max-width: 767px) {
  .page-heading {
    margin-left: 8px; } }

/* PAGINATION */
.main-right .bottom {
  display: flex;
  justify-content: space-between; }

div.dataTables_wrapper div.dataTables_paginate {
  margin-top: 0;
  padding-top: 8px; }

ul.pagination li a {
  margin-left: 2px;
  font-size: 14px;
  padding: 2px 4px;
  background-color: #e6e6f0;
  transition: background-color 0.3s; }

ul.pagination li.active a {
  background-color: #00ad21;
  border-radius: 0; }

ul.pagination li:not(.active) a:hover, ul.pagination li:not(.active) a:focus {
  background-color: #c9c9d1;
  color: #32323c; }

ul.pagination li.active a:hover {
  background-color: #00871a;
  border-radius: 0; }

ul.pagination li.active a:focus {
  background-color: #00871a;
  border-radius: 0; }

ul.pagination li.previous a, ul.pagination li.next a {
  background-color: transparent;
  font-weight: 600; }

ul.pagination li.previous a:hover, ul.pagination li.next a:hover {
  background-color: transparent;
  font-weight: 600; }

/* PROGRESS INDICATOR */
ol.progress {
  display: flex;
  justify-content: space-evenly;
  background-color: #e6e6f0;
  margin-bottom: 53px; }

ol.progress li {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-weight: 500;
  color: #32323c; }

ol.progress li.active {
  background-color: #00ad21;
  border: none;
  padding-right: 0; }

ol.progress li.active:hover {
  background-color: #00ad21; }

ol.progress li.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -41px;
  border-width: 41px;
  border-style: solid;
  border-color: transparent transparent transparent #00ad21; }

/* SEARCH */
.form-search [title=Search] {
  background-color: #eff0f6;
  color: #32323c;
  border: 1px solid #7e7e85; }

.form-search [title=Search]:hover {
  background-color: #dbdeeb;
  color: #32323c;
  border: 1px solid #7e7e85; }

.form-search .form-control {
  height: 36px;
  color: #1d1d25;
  font-size: 16px;
  font-weight: 300; }

.form-search [title=Search].form-control {
  background-color: #fff; }

input.text.form-control.lookup {
  background-color: #fff; }

/* SIDE NAV */
.main-left .left-inner-content .left-inner-main {
  background-color: #eff0f6;
  border: none;
  padding: 11px 12px; }

.main-left .left-inner-content .left-inner-main table tbody {
  background: transparent; }

.tree li {
  color: #5a5a64; }

.tree ul li:last-child:before {
  background-color: #eff0f6; }

.btn[data-action=incrementHours], .btn[data-action=incrementMinutes], .btn[data-action=decrementHours], .btn[data-action=decrementMinutes] {
  background: none;
  height: initial;
  color: #32323c; }
  .btn[data-action=incrementHours] span:hover, .btn[data-action=incrementMinutes] span:hover, .btn[data-action=decrementHours] span:hover, .btn[data-action=decrementMinutes] span:hover {
    color: #008945;
    background: none; }

a[data-action=togglePicker] {
  margin: 0; }