/*$brand-selected-color: #009add;*/
/*default*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* box-sizing: border-box; --*/ }

html,
body {
  height: 100%;
  overflow-x: hidden; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent; }

body {
  direction: ltr;
  font-size: 13px;
  /*Changed by JG to see how it looks*/
  background: #ffffff;
  color: #444444; }

body.dashboard {
  background: #F3F3F3; }

/* #endregion  */
/* ---------------------------------------------------------------------- */
/*	#region Basic Elements & Classes
/* ---------------------------------------------------------------------- */
a,
a:hover,
a:active {
  outline: 0 !important; }

a:focus {
  outline: 2px solid #333333 !important;
  outline-offset: 5px; }

h1, .h1
h2, .h2,
h3, .h3,
h4, .h4 {
  font-weight: 400; }

h5 {
  margin-top: 20px; }

h1 {
  font-size: 27px;
  font-weight: 400; }

h1 small {
  font-size: 54%;
  font-weight: 200; }

.fa {
  font-size: 14px; }

.fa-lg {
  font-size: 1.33333em; }

.fa-2x {
  font-size: 1.5em; }

.fa-3x {
  font-size: 2.25em; }

.fa-4x {
  font-size: 3em; }

.meta {
  /* lighter colour used for sub data */
  color: #666666; }

/* #endregion  */
/* ---------------------------------------------------------------------- */
/*	#region Generic Classes
/* ---------------------------------------------------------------------- */
.no-padding {
  padding: 0 !important; }

.padding-bottom-sm {
  margin-bottom: 5px !important; }

.margin-right-md {
  margin-right: 10px !important; }

.no-left-padding {
  padding-left: 0 !important; }

.no-right-padding {
  padding-right: 0 !important; }

.no-top-padding {
  padding-top: 0 !important; }

.no-bottom-padding {
  padding-bottom: 0 !important; }

.no-margin {
  margin: 0 !important; }

.no-left-margin {
  margin-left: 0 !important; }

.no-right-margin {
  margin-right: 0 !important; }

.no-top-margin {
  margin-top: 0 !important; }

.no-bottom-margin {
  margin-bottom: 0 !important; }

.no-display {
  display: none; }

.example {
  margin: 15px 0;
  padding: 14px 19px; }

.widget {
  -moz-box-sizing: content-box;
  color: #333;
  margin-bottom: 30px;
  padding: 10px 12px;
  position: relative; }

.teamcolourpicker {
  height: 35px;
  line-height: 35px; }

.teamcolourpicker-icon {
  margin-left: 35px; }

.simplecolorpicker {
  margin-top: 6px !important; }

.margin-top-releasenotes {
  margin-top: 15px; }

.releasenote-build-tag {
  margin-top: 12px;
  margin-right: 20px; }

.margin-left-10 {
  margin-left: 10px; }

.margin-right-sm {
  margin-right: 6px; }

.margin-top-md {
  margin-right: 10px; }

.margin-right-md {
  margin-right: 10px; }

.padding-right-sm {
  padding-right: 6px; }

.padding-top-md {
  padding-right: 10px !important; }

.space5 {
  display: block;
  margin-bottom: 5px !important;
  clear: both; }

.space7 {
  margin-bottom: 7px !important;
  clear: both; }

.space10 {
  margin-bottom: 10px !important;
  clear: both; }

.space12 {
  margin-bottom: 12px !important;
  clear: both; }

.space15 {
  margin-bottom: 15px !important;
  clear: both; }

.space20 {
  margin-bottom: 20px !important;
  clear: both; }

.circle-img {
  border-radius: 50%; }

.center {
  text-align: center; }

/* .right {
    text-align: right;
} */
.fixed {
  position: fixed;
  z-index: 999; }

.text-really-muted {
  color: #ccc; }

.strong {
  font-weight: bold; }

.well {
  box-shadow: none;
  border-color: #e9e9e9;
  padding: 19px 19px 15px;
  border-radius: 8px; }

.well address:last-child {
  margin-bottom: 0; }

.rule {
  border-bottom: solid 1px #ebebeb;
  padding-bottom: 5px; }

.img-center img,
.img-center #timeChart,
.img-center #activitiesChart {
  margin-left: auto;
  margin-right: auto; }

.avatar-sml {
  width: 32px;
  height: 32px; }

.avatar-med {
  width: 50px; }

.avatar-lge {
  width: 65px;
  height: 65px; }

.avatar-xlg {
  width: 80px;
  height: 80px; }

.avatar-original {
  width: 160px;
  height: 160px; }

.tooltip {
  z-index: 2000 !important; }

/*.tooltip-arrow,
.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}
.red-tooltip + .tooltip.top > .tooltip-arrow {background-color: #f00;}*/
a.no-underscore:hover {
  text-decoration: none !important; }

.sortableHandle {
  cursor: move; }

.blink_me {
  animation: blinker 1s linear infinite; }

@keyframes blinker {
  50% {
    opacity: 0; } }

.report-icon-container {
  width: 20px;
  display: inline-block;
  margin-right: 8px; }

.help-modal-body {
  height: 400px;
  overflow-y: auto; }

.releasenote-tag {
  width: 100px !important;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 300 !important;
  font-size: 10px !important; }

.label-info.releasenote-tag {
  background-color: #3a9cde !important; }

.hide-onload {
  display: none; }

.spinner-row {
  height: 100px; }

.authtools-spinner-div {
  margin: 20px; }

.authtools-spinner-div .spinner {
  display: block; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region FORMS (needs reviewing)
/* ---------------------------------------------------------------------- */
textarea,
textarea.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select[multiple],
select[size] {
  background-color: #FFFFFF;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.2;
  transition-duration: 0.1s;
  box-shadow: none; }

textarea:hover,
textarea.form-control:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
select[multiple]:hover,
select[size]:hover,
select.form-control {
  border-color: #B5B5B5; }

label {
  font-weight: 400; }

.form-horizontal {
  padding-right: 1px; }
  .form-horizontal .control-label {
    text-align: left; }
    .form-horizontal .control-label.required:after {
      content: " *";
      color: red; }

.input-sm,
select.input-sm {
  height: 32px;
  padding: 6px 10px;
  font-size: 13px; }

.input-sm-minheight,
select.input-sm-minheight {
  min-height: 30px !important;
  height: auto !important; }
  .input-sm-minheight .select2-choices,
  select.input-sm-minheight .select2-choices {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }

.input-icon,
.input-help {
  display: block;
  position: relative; }

.input-icon > input {
  padding-left: 28px;
  padding-right: 6px; }

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

span.input-help > input {
  padding-left: 30px;
  padding-right: 6px; }

.input-icon > [class*="fa-"],
.input-icon > [class*="clip-"] {
  bottom: 0;
  color: #909090;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  left: 5px;
  line-height: 35px;
  padding: 0 3px;
  position: absolute;
  top: 0;
  z-index: 2; }

.input-icon.input-icon-right > [class*="fa-"],
.input-icon.input-icon-right > [class*="clip-"] {
  left: auto;
  right: 4px; }

.input-icon > input:focus + [class*="fa-"],
.input-icon > input:focus + [class*="clip-"] {
  color: #557799; }

.input-icon > .input-sm + [class*="fa-"],
.input-icon > .input-sm + [class*="clip-"] {
  line-height: 30px; }

.help-button {
  background-color: #65BCDA;
  border-radius: 100% 100% 100% 100%;
  color: #FFFFFF;
  cursor: default;
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  padding: 0;
  text-align: center;
  width: 20px;
  line-height: 20px;
  top: 7px;
  left: 7px; }

.help-button:before {
  content: "\f128";
  display: inline;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  height: auto;
  text-shadow: none;
  font-style: normal; }

select.form-control {
  background-color: #FFFFFF;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  box-shadow: none;
  font-size: 13px; }

select.form-control option {
  padding: 3px 4px; }

.form-control.search-select {
  padding: 0 !important;
  box-shadow: none;
  border: none; }

select.user-access-select {
  width: 100%;
  overflow-x: scroll; }

select.user-access-select-h100 {
  width: 100%;
  height: 100%; }

.limiterBox {
  border-top: 0;
  background-color: #65BCDA !important;
  padding: 3px 6px;
  font-size: 12px;
  color: #FFF;
  margin-top: 6px; }

.limiterBox:after {
  display: none; }

.limiterBox:before {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -8px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent;
  border-style: solid;
  border-bottom-color: #65BCDA;
  border-width: 0 8px 8px; }

textarea.form-control {
  width: 100%;
  height: 80px;
  box-shadow: none;
  border-color: #e6e6e6; }

textarea.form-control:hover {
  border-color: #B5B5B5; }

textarea.autosize {
  vertical-align: top;
  transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s; }

.radio label.radio-inline,
.checkbox label.checkbox-inline {
  display: inline-block; }

.radio-inline,
.radio-inline + .radio-inline,
.checkbox-inline,
.checkbox-inline + .checkbox-inline {
  margin-right: 10px !important;
  margin-top: 5px !important;
  margin-left: 0 !important;
  margin-bottom: 5px !important; }

.checkbox-inline {
  padding: 0; }

.add-another-checkbox {
  padding-top: 8px !important;
  margin-right: 10px;
  margin-left: -8px; }

.add-another-label {
  padding-top: 10px !important; }

.form-horizontal .checkbox-inline {
  padding-top: 0; }

/* simulate hover behaviour for focus */
/*.icheckbox_square-grey.focus {
    background-position: -24px 0;
}*/
.icheck-margin .icheck-item {
  margin-top: 5px;
  display: inline-block !important; }

.icheck-margin label {
  margin-top: 7px;
  padding-left: 8px;
  display: inline-block !important; }

.icheckbox-container {
  padding-top: 8px !important;
  margin-right: 10px;
  margin-left: 2px;
  display: inline-block !important; }

.icheck-list label {
  vertical-align: top !important;
  padding-left: 6px;
  padding-top: 3px !important; }

.icheck-wrapper label {
  padding-top: 2px;
  cursor: pointer; }

.icheck-wrapper div {
  vertical-align: top; }

.icheck-wrapper div + label {
  padding-left: 3px; }

.icheck-wrapper label + div {
  padding-right: 3px; }

.icheck-control-label {
  padding-top: 3px !important; }

.radio label,
.checkbox label {
  margin-bottom: 5px; }

.icheck-enabledmeters {
  margin-top: 5px !important; }

.checkbox-table {
  display: inline-block;
  margin: 2px 0 0 0;
  padding-left: 20px;
  line-height: 10px; }

.checkbox-table label {
  margin-bottom: 0; }

.help-inline {
  margin-top: 6px;
  color: #737373; }

.help-block.error {
  color: #B94A48; }

.symbol.required:before {
  content: "*";
  display: inline;
  color: #E6674A; }

.symbol.ok:before {
  content: "\f00c";
  display: inline;
  font-family: "Font Awesome 5 Pro";
  color: #468847; }

.has-error .note-editor,
.has-error .cke_chrome {
  border-color: #B94A48 !important; }

.note-editor {
  border-radius: 3px; }

.form-group {
  margin-bottom: 13px; }
  .form-group .control-label.required:after {
    content: " *";
    color: red; }

.form-group:last-child {
  margin-bottom: 0; }

.form-group .text {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 7px; }

fieldset legend {
  font-size: 16px; }

.tag-customfields fieldset {
  margin-top: 32px; }

.input-group-addon {
  border-radius: 3px; }

.input-group .popover input.form-control {
  /* where form fields are used within popovers (which in themselves sit within inputgroups) */
  border-radius: 3px !important; }

/* validation */
.has-success .form-control,
.has-success input.form-control:hover {
  border-color: #3c763d; }

.has-error .form-control,
.has-error input.form-control:hover {
  border-color: #a94442; }

.form-control-feedback {
  font-size: 16px;
  line-height: 32px !important; }

.form-horizontal .has-feedback .form-control-feedback {
  right: 0; }

.input-validation-error, .selectWoo-validation-error {
  border: solid 1px #a94442 !important; }

/*used so when we need to manually apply validation as normal validation removes this class once its been set*/
.input-validation-error2 {
  border: solid 1px #a94442 !important; }

.input-validation-error:focus, .selectWoo-validation-error:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483 !important; }

/* styling of placeholder text in input fields - all browsers are catered for (that support it) */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999 !important; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999 !important;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999 !important;
  opacity: 1; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999 !important; }

input[type="text"].typeahead-input-todo {
  background-color: #FFFFFF;
  border: 1px solid #ffffff;
  border-radius: 3px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.2;
  transition-duration: 0.1s;
  box-shadow: none; }

input[type="text"].typeahead-input-todo:hover {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0 none; }

/* Compatibility with font-awesome 3 */
.font-awesome-dropdownlist {
  font-family: "Font Awesome 5 Pro";
  color: #666666; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Bootstrap overrides & customs - ROWS
/* ---------------------------------------------------------------------- */
.row {
  margin-bottom: 6px; }

.row.full-height {
  flex: 1;
  height: 100%; }

.row.row-full-width {
  margin-left: -23px;
  margin-right: -23px; }

/* remove negative margins from nested rows */
.row.row-full-width .row.row-nomargins {
  margin-left: 0;
  margin-right: 0; }

/* overrding bootstrap to remove padding when a single column is used with the full-width row */
.row.row-full-width > .col-sm-48 {
  padding: 0; }

.row.row-full-width > div[class^='col-']:first-child {
  padding-left: 0; }

.row.row-full-width > div[class^='col-']:last-child {
  padding-right: 0; }

.row-full-width .no-tabs {
  border-bottom: 1px solid #E8E8E8; }

.row.row-full-width-left {
  margin-left: -20px; }

/* full width rows within a tabbed area */
.tab-content .row.row-full-width {
  margin-left: -20px;
  margin-right: -20px; }

.tab-content .row.row-full-height {
  margin-top: -27px; }

/* used when cols are used directly inside cols, i.e. when we're using side-by-side form fields in modals, which need to respond correctly */
.col-within-col-compensate {
  padding-left: 0;
  padding-right: 0; }

.contact-details-container {
  margin-bottom: 10px; }

.row.row-no-bottom-margin {
  margin-bottom: 0px !important; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/* #region PageContainer & Sidebar
/* ---------------------------------------------------------------------- */
#enrollment-modal {
  top: 30% !important; }

#enrollmentadd-form {
  min-height: 500px; }

#reforecast-modal {
  min-height: 600px; }

#modal_loader {
  /* modal loader */
  min-height: 600px;
  position: relative;
  width: 100%;
  background-color: #ffffff; }

#modal_loader .loader {
  width: 100%;
  text-align: center;
  padding-top: 25%; }

.page-container {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 230px;
  /* was 280px */
  width: 100%; }

.page-container:before,
.page-container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.page-container:after {
  clear: both; }

.page-container.loaded .page-container {
  position: relative; }

.page-container .main-content {
  position: relative;
  /*float: left;*/
  display: flex;
  flex-flow: column;
  width: 100%;
  padding: 23px;
  /* global padding rule. If this is changed, .tab-content and .row-full-width need to be changed to match */
  padding-bottom: 46px;
  z-index: 2;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.page-container .main-content:focus {
  /* prevent main area from showing a focus outline */
  outline: none; }

/* ---------------------------------------------------------------------- */
/* Horizontal-menu
/* ---------------------------------------------------------------------- */
.page-container.horizontal-menu .navbar {
  display: table-row; }

.page-container.horizontal-menu.with-sidebar.fit-logo-with-sidebar header.navbar .navbar-brand {
  width: 280px; }

.page-container.horizontal-menu.with-sidebar header.navbar {
  border-bottom: 1px solid #40433D; }

.page-container.horizontal-menu.with-sidebar header.navbar ul.nav li.dropdown.open:after {
  bottom: -1px; }

.page-container.horizontal-menu.with-sidebar header.navbar ul.nav li.dropdown.open .dropdown-menu {
  margin-top: 1px; }

.page-container.horizontal-menu.with-sidebar .sidebar-user-info {
  border-top: 0;
  border-bottom: 1px solid #40433D; }

.page-container.horizontal-menu.with-sidebar .sidebar-menu {
  position: relative;
  z-index: 100; }

.page-container.horizontal-menu.with-sidebar .main-content {
  width: 100%; }

.page-container.horizontal-menu header.navbar:before,
.page-container.horizontal-menu header.navbar:after {
  content: " ";
  display: table; }

.page-container.horizontal-menu header.navbar:after {
  clear: both; }

@media screen and (max-width: 768px) {
  .page-container.horizontal-menu header.navbar {
    display: block;
    min-height: 63px; } }

.page-container.horizontal-menu header.navbar.navbar-fixed-top {
  position: fixed;
  z-index: 10000; }

@media screen and (max-width: 768px) {
  .page-container.horizontal-menu header.navbar.navbar-fixed-top {
    z-index: 10; } }

.page-container.horizontal-menu header.navbar > .navbar-inner:before,
.page-container.horizontal-menu header.navbar > .navbar-inner:after {
  content: " ";
  display: table; }

.page-container.horizontal-menu header.navbar > .navbar-inner:after {
  clear: both; }

.page-container.horizontal-menu header.navbar .navbar-brand {
  padding: 20px 20px;
  height: 75px !important; }

.page-container.horizontal-menu header.navbar .navbar-nav {
  border-left: 1px solid rgba(69, 74, 84, 0.5);
  margin: 0;
  padding: 0;
  list-style: none; }

.page-container.horizontal-menu header.navbar .navbar-nav:before,
.page-container.horizontal-menu header.navbar .navbar-nav:after {
  content: " ";
  display: table; }

.page-container.horizontal-menu header.navbar .navbar-nav:after {
  clear: both; }

.page-container.horizontal-menu header.navbar .navbar-nav > li {
  position: relative; }

.page-container.horizontal-menu header.navbar .navbar-nav > li > a {
  position: relative;
  display: block;
  padding: 20px 20px;
  border-right: 1px solid rgba(69, 74, 84, 0.5);
  font-size: 12px;
  color: #aaabae;
  -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  z-index: 10; }

.page-container.horizontal-menu header.navbar .navbar-nav > li > a i {
  top: 1px; }

.page-container.horizontal-menu header.navbar .navbar-nav > li > a span {
  font-size: 12px; }

.page-container.horizontal-menu header.navbar .navbar-nav > li:hover > a {
  background-color: rgba(69, 74, 84, 0.3);
  color: #fff; }

.page-container.horizontal-menu header.navbar .navbar-nav > li#search {
  border-right: 1px solid rgba(69, 74, 84, 0.5); }

.page-container.horizontal-menu header.navbar .navbar-nav > li#search.search-input-collapsed:hover {
  background-color: rgba(69, 74, 84, 0.3); }

.page-container.horizontal-menu header.navbar .navbar-nav > li.active > a {
  background-color: #2b303a;
  color: #fff; }

.page-container.horizontal-menu header.navbar .navbar-nav > li.active.has-sub > a:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #2b303a transparent transparent transparent;
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms; }

.page-container.horizontal-menu header.navbar .navbar-nav > li.active.has-sub:hover > a:after {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1; }

.page-container.horizontal-menu header.navbar .navbar-nav > li .badge {
  margin-left: 10px;
  margin-right: -5px; }

.page-container.horizontal-menu header.navbar .navbar-nav > li ul {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  left: 0;
  top: auto;
  margin-top: 1px;
  background-color: #272b34;
  min-width: 250px;
  display: none; }

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li {
  position: relative; }

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li a {
  display: block;
  padding: 10px 20px;
  white-space: nowrap;
  font-size: 12px;
  border-bottom: 1px solid #303641;
  color: #aaabae;
  -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out; }

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li.active > a {
  background-color: #2b303a;
  color: #fff; }

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li:hover > a {
  background-color: #2b303a;
  color: #fff; }

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li ul {
  position: absolute;
  left: 100%;
  top: -1px; }

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li.has-sub > a:before {
  position: relative;
  content: '\e877';
  content: '\e879';
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #aaabae;
  color: #FFF;
  float: right;
  font-size: 15px;
  margin-left: 20px;
  top: -1px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li.has-sub:hover > a:before {
  color: #fff; }

.page-container.horizontal-menu header.navbar .navbar-nav > li ul > li:last-child > a {
  border-bottom: 0; }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search,
.page-container.horizontal-menu header.navbar > ul > li#search {
  position: relative;
  background-color: #262b34;
  -webkit-transition: background 300ms ease-in-out;
  -moz-transition: background 300ms ease-in-out;
  -o-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out; }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search::-webkit-input-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search::-webkit-input-placeholder {
  color: rgba(170, 171, 174, 0.7); }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search:-moz-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search:-moz-placeholder {
  color: rgba(170, 171, 174, 0.7); }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search::-moz-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search::-moz-placeholder {
  color: rgba(170, 171, 174, 0.7); }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search:-ms-input-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search:-ms-input-placeholder {
  color: rgba(170, 171, 174, 0.7); }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input,
.page-container.horizontal-menu header.navbar > ul > li#search .search-input {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  padding: 22px 20px;
  padding-right: 45px;
  width: 220px;
  color: #aaabae;
  font-size: 12px;
  line-height: 1.42857143;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 350 ease-in-out;
  -o-transition: all 350 ease-in-out;
  transition: all 350 ease-in-out;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search button,
.page-container.horizontal-menu header.navbar > ul > li#search button {
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  color: #aaabae;
  padding: 20px 10px;
  -webkit-transition: all 350 ease-in-out;
  -o-transition: all 350 ease-in-out;
  transition: all 350 ease-in-out;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out; }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search button i,
.page-container.horizontal-menu header.navbar > ul > li#search button i {
  margin: 0; }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed {
  background-color: transparent; }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed::-webkit-input-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed::-webkit-input-placeholder {
  color: transparent; }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed:-moz-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed:-moz-placeholder {
  color: transparent; }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed::-moz-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed::-moz-placeholder {
  color: transparent; }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed:-ms-input-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed:-ms-input-placeholder {
  color: transparent; }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed .search-input,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed .search-input {
  overflow: hidden;
  width: 45px;
  padding-left: 0;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0; }

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed button,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed button {
  padding-right: 15px; }

.page-container.horizontal-menu header.navbar ul.nav {
  color: #aaabae;
  font-size: 12px; }

.page-container.horizontal-menu header.navbar ul.nav:before,
.page-container.horizontal-menu header.navbar ul.nav:after {
  content: " ";
  display: table; }

.page-container.horizontal-menu header.navbar ul.nav:after {
  clear: both; }

.page-container.horizontal-menu header.navbar ul.nav > li {
  float: left; }

.page-container.horizontal-menu header.navbar ul.nav > li > a,
.page-container.horizontal-menu header.navbar ul.nav > li > span {
  display: block;
  float: left;
  padding: 22px 20px;
  color: #aaabae;
  font-size: 12px;
  line-height: 1.42857143; }

.page-container.horizontal-menu header.navbar ul.nav > li > a i,
.page-container.horizontal-menu header.navbar ul.nav > li > span i {
  margin-right: 5px; }

.page-container.horizontal-menu header.navbar ul.nav > li > a i.right,
.page-container.horizontal-menu header.navbar ul.nav > li > span i.right {
  margin-right: 0;
  margin-left: 5px; }

.page-container.horizontal-menu header.navbar ul.nav > li > a {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.page-container.horizontal-menu header.navbar ul.nav > li > a:hover,
.page-container.horizontal-menu header.navbar ul.nav > li > a:focus {
  color: #fff;
  background-color: transparent; }

.page-container.horizontal-menu header.navbar ul.nav > li.sep {
  float: left;
  display: block;
  border-left: 1px solid #454a54;
  margin: 22px 0;
  height: 16px;
  width: 0px;
  line-height: 1.42857143;
  overflow: hidden; }

.page-container.horizontal-menu header.navbar ul.nav > li#search button {
  padding: 22px 20px; }

.page-container.horizontal-menu header.navbar ul.nav > li#search.search-input-collapsed button {
  padding-right: 15px; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a {
  position: relative;
  display: block;
  padding: 0;
  margin: 10px;
  margin-top: 18px;
  margin-bottom: 16px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a i {
  font-size: 19px; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a .badge {
  position: absolute;
  padding: 2px;
  font-size: 10px;
  right: 0px;
  top: -5px;
  min-width: 17px;
  line-height: 12px; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu {
  background-color: #f5f5f6;
  -webkit-border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #f8f8f8;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 0px;
  width: 370px; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu li,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu a,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu p {
  color: #888888; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li {
  display: block;
  border-bottom: 1px solid #ededed;
  margin: 0;
  padding: 0;
  font-size: 12px; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li.top > p {
  background-color: #f5f5f6; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > a,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > p {
  margin: 0;
  padding: 12px 20px; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > p {
  background-color: #FFF; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > p a {
  color: #ec5956;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > p a:hover {
  color: #e9423f; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li .scroller {
  max-height: 290px;
  overflow: auto; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li {
  font-size: 12px;
  border-bottom: 1px solid #ededed;
  background: #f5f5f6; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p {
  display: block;
  position: relative;
  margin: 0;
  padding: 10px 20px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a:before,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p:before,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a:after,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p:after {
  content: " ";
  display: table; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a:after,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p:after {
  clear: both; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p > i {
  background: #454a54;
  display: block;
  float: left;
  text-align: center;
  padding: 5px;
  line-height: 14px;
  color: #fff;
  width: 28px;
  height: 24px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a:hover,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p:hover {
  background-color: #f5f5f6 !important; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-primary > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-primary > a > i {
  background-color: #303641;
  color: #fff; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-secondary > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-secondary > a > i {
  background-color: #ee4749;
  color: #fff; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-success > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-success > a > i {
  background-color: #00a651;
  color: #fff; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-info > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-info > a > i {
  background-color: #21a9e1;
  color: #fff; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-warning > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-warning > a > i {
  background-color: #fad839;
  color: #fff; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-danger > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-danger > a > i {
  background-color: #cc2424;
  color: #fff; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task {
  display: block; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task:before,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task:after {
  content: " ";
  display: table; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task:after {
  clear: both; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task span {
  display: block; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task span.desc {
  float: left; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task span.percent {
  float: right; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .image {
  display: block;
  margin-right: 10px;
  float: left; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .image.pull-right {
  margin-left: 10px;
  margin-right: 0; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .image .img-circle {
  border: 2px solid #FFF; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .image + .line {
  margin-top: 8px; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .line {
  display: block; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .line.desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .line + .line,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .line + .line + .line,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .line + .line + .line + .line {
  margin-top: 5px; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li strong {
  color: #373e4a; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .progress {
  display: block;
  height: 5px;
  background-color: #ededed;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 5px; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .progress:before,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .progress:after {
  content: " ";
  display: table; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .progress:after {
  clear: both; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li:last-child {
  border-bottom: 0; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li:first-child a:afterx {
  position: absolute;
  content: '';
  display: block;
  height: 10px;
  top: -10px;
  left: 0;
  right: 0;
  background: transparent;
  background: red;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03); }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li.external {
  background-color: #FFF;
  border-bottom: 0; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li.external a {
  color: #ec5956;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li.external a:hover {
  background-color: #fff;
  color: #e9423f; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown.open {
  background-color: rgba(69, 74, 84, 0.5); }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown.open > a {
  background-color: transparent;
  color: #fff; }

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown.open:after {
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #FFF transparent;
  bottom: -2px;
  left: 50%;
  margin-left: -7px; }

.page-container.horizontal-menu header.navbar ul.nav > li .horizontal-mobile-menu {
  position: relative; }

.page-container.horizontal-menu header.navbar ul.nav > li .horizontal-mobile-menu a {
  display: inline-block;
  border: 1px solid #454a54;
  text-align: center;
  padding: 0;
  line-height: 1;
  font-size: 20px;
  font-weight: 300;
  padding: 5px 2px;
  color: #aaabae;
  margin-top: 15px;
  margin-left: 20px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

.page-container.horizontal-menu header.navbar ul.nav > li .horizontal-mobile-menu a:hover {
  background-color: rgba(69, 74, 84, 0.4); }

/* Lower screen than large screen */
@media (max-width: 992px) {
  .page-body .page-container.horizontal-menu.fit-logo-with-sidebar header.navbar .navbar-brand {
    width: auto; } }

@media (min-width: 767px) and (max-width: 1100px) {
  .page-container.horizontal-menu header.navbar .navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: padding 250ms ease-in-out;
    -moz-transition: padding 250ms ease-in-out;
    -o-transition: padding 250ms ease-in-out;
    transition: padding 250ms ease-in-out; }
  .page-container.horizontal-menu header.navbar .navbar-nav > li > a .badge {
    display: none; }
  .page-container.horizontal-menu header.navbar > ul > li#search .search-input,
  .page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input {
    width: 140px; }
  .page-container.horizontal-menu header.navbar .navbar-nav > li ul li a {
    padding: 10px 15px; } }

/* Tablets Only */
@media (min-width: 767px) and (max-width: 992px) {
  .page-container.horizontal-menu header.navbar .navbar-nav > li > a {
    padding-left: 15px;
    padding-right: 15px; }
  .page-container.horizontal-menu header.navbar .navbar-nav > li > a i + span {
    display: none; }
  .page-container.Xhorizontal-menu header.navbar .navbar-nav li a,
  .page-container.Xhorizontal-menu header.navbar .navbar-nav li ul li a,
  .page-container.Xhorizontal-menu header.navbar ul.nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px; }
  .page-container.Xhorizontal-menu header.navbar ul > li#search .search-input {
    width: 150px; }
  .page-container.Xhorizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu {
    width: 315px; } }

/* ---------------------------------------------------------------------- */
/* Sidebar-menu
/* ---------------------------------------------------------------------- */
.page-container .sidebar-menu {
  position: absolute;
  width: 230px;
  /* was 280px */
  top: 0;
  left: 0;
  bottom: 0;
  background: #303641;
  color: #aaabae;
  z-index: 3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.page-container .sidebar-menu.fixed {
  position: fixed;
  min-height: 0 !important;
  height: auto;
  bottom: 0; }

/* company name / logo */
.page-container .sidebar-menu .logo-env {
  width: 100%;
  padding: 25px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }

.horizontal-menu .company-name {
  /*margin-left: 0;
    font-size: 28px;
    left: 210px;
    position: absolute;
    top: 12px;
    color: #ffffff;
    font-weight: 200;
    width: 140px;
    line-height: 1;
    vertical-align: middle !important;*/ }

.page-container .sidebar-menu .logo-env .company-name {
  /*margin-left: 0;
    font-size: 18px;
    left: 20px;
    position: absolute;
    top: 26px;
    color: #ffffff;
    font-weight: 400;
    width: 145px;
    line-height: 1;
    vertical-align: middle !important;*/
  margin-left: 0;
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  line-height: 1;
  margin-right: 15px;
  flex-grow: 1;
  min-width: 145px; }

/*.page-container .sidebar-menu .logo-env .company-name small {
    display: block;
    font-size: 17px;
}*/
.page-container .sidebar-menu .logo-env .company-name a:focus {
  text-decoration: none; }

.page-container .sidebar-menu .logo-env .company-name .company-name-buttons {
  position: absolute;
  top: 1px;
  right: 0px;
  display: none; }

.page-container .sidebar-menu .logo-env .company-name:hover .company-name-buttons {
  display: block; }

/*.page-container .sidebar-menu .logo-env:before,
.page-container .sidebar-menu .logo-env:after {
    content: " ";*/
/* 1 */
/*display: table;*/
/* 2 */
.page-container .sidebar-menu .logo-env:after {
  clear: both; }

.page-container .sidebar-menu .logo-env > div {
  display: block;
  /*vertical-align: middle;*/
  flex-basis: auto;
  /*float: left;*/ }

.page-container .sidebar-menu .logo-env > div > a {
  display: inline-block;
  color: #aaabae; }

.page-container .sidebar-menu .logo-env > div.sidebar-collapse,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu {
  position: relative;
  width: 35px;
  flex-grow: 0;
  /*float: right;*/ }

.page-container .sidebar-menu .logo-env > div.sidebar-collapse a,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a {
  /*display: inline-block;*/
  text-align: center;
  padding: 0;
  line-height: 1;
  font-size: 19px;
  font-weight: 300;
  padding: 5px 2px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
  -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
  transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
  width: 35px; }

.page-container .sidebar-menu .logo-env > div.sidebar-collapse a:hover,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a:hover,
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a:focus,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a:focus {
  background-color: rgba(69, 74, 84, 0.4); }

.page-container .sidebar-menu .logo-env > div a:focus {
  outline-offset: 3px; }

.page-container .sidebar-menu #main-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  z-index: 999;
  position: relative; }

/* for fixing the menu to the top of the page using Bootstrap's affix */
.page-container .sidebar-menu #main-menu.affix {
  position: fixed;
  left: 0;
  top: 0; }

.page-container .sidebar-menu #main-menu li {
  position: relative;
  margin: 0;
  font-size: 13px;
  /*border-bottom: 1px solid rgba(69, 74, 84, 0.7);*/ }

/* search */
.page-container .sidebar-menu #main-menu li#search {
  /*background: #262b34;
    border-bottom-color: rgba(69, 74, 84, 0.5);*/
  position: relative;
  margin: 0 10px 10px 10px;
  border: none; }

.page-container .sidebar-menu #main-menu li#search .search-input {
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  padding: 15px 20px 14px 38px;
  width: 100%;
  color: #fff;
  font-size: 13px;
  -moz-transition: 350ms opacity ease-in-out;
  -o-transition: 350ms opacity ease-in-out;
  -webkit-transition: 350ms opacity ease-in-out;
  transition: 350ms opacity ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px; }

.page-container .sidebar-menu #main-menu li#search button {
  position: absolute;
  left: 0;
  top: 0;
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  color: #dadada;
  padding: 11px 15px 12px 15px;
  border-radius: 8px; }

.page-container .sidebar-menu #main-menu li#search button i {
  margin-right: 0; }

.page-container .sidebar-menu #main-menu li i {
  position: relative;
  font-size: 13px;
  margin-right: 8px;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  margin-top: 4px;
  margin-bottom: 3px; }

.page-container .sidebar-menu #main-menu li a {
  position: relative;
  display: block;
  padding: 10px 25px 10px 22px;
  color: #dadada;
  z-index: 2;
  -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  text-decoration: none; }

.page-container .sidebar-menu #main-menu li a i {
  display: inline-block; }

.page-container .sidebar-menu #main-menu li a span {
  -moz-transition: 350ms opacity ease-in-out;
  -o-transition: 350ms opacity ease-in-out;
  -webkit-transition: 350ms opacity ease-in-out;
  transition: 350ms opacity ease-in-out; }

.page-container .sidebar-menu #main-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.085);
  color: #ffffff; }

.page-container .sidebar-menu #main-menu li a:focus {
  outline-offset: 3px;
  z-index: 4; }

.page-container .sidebar-menu #main-menu li a .badge {
  position: relative;
  float: right;
  font-size: 11px;
  line-height: 1.3; }

.page-container .sidebar-menu #main-menu li a .badge.badge-primary {
  border: 1px solid #454a54;
  top: -1px; }

.page-container .sidebar-menu #main-menu > li.active > a,
.page-container .sidebar-menu #main-menu > li.active > a:hover {
  border-left: solid 4px;
  padding-left: 18px;
  background-color: rgba(0, 0, 0, 0.15);
  color: #ffffff; }

.page-container .sidebar-menu #main-menu li.active li.active > a {
  background-color: rgba(0, 0, 0, 0.3); }

.page-container .sidebar-menu #main-menu li.has-sub > a:before {
  position: relative;
  content: '\f105';
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  color: #454a54;
  color: #FFF;
  float: right;
  font-size: 15px;
  margin-left: 13px;
  top: 0px;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.page-container .sidebar-menu #main-menu li.has-sub.opened > a:before {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.page-container .sidebar-menu #main-menu li ul {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  /*overflow: hidden;*/ }

.page-container .sidebar-menu #main-menu li ul.visible {
  display: block; }

.page-container .sidebar-menu #main-menu li ul > li {
  /*border-bottom: 1px solid rgba(69, 74, 84, 0.4);*/ }

.page-container .sidebar-menu #main-menu li ul > li > a {
  padding-left: 49px;
  background-color: rgba(0, 0, 0, 0.175); }

.page-container .sidebar-menu #main-menu li ul > li > a > i[class=""] {
  display: none; }

.page-container .sidebar-menu #main-menu li ul > li:last-child {
  border-bottom: 0; }

.page-container .sidebar-menu #main-menu li ul > li ul > li > a {
  padding-left: 60px;
  background-color: rgba(0, 0, 0, 0.35); }

.page-container .sidebar-menu #main-menu li ul > li ul > li ul > li > a {
  padding-left: 80px;
  background: #262b34; }

.page-container .sidebar-menu #main-menu li ul > li ul > li ul > li ul > li > a {
  padding-left: 100px;
  background: #262b34; }

/* advanced search */
.page-container .sidebar-menu #main-menu li#search ul {
  border-top-color: #4b4b4b; }

.page-container .sidebar-menu #main-menu li#search ul > li > a {
  padding-left: 22px; }

/* sidebar closed */
.page-container.sidebar-collapsed {
  padding-left: 65px; }

.page-container.sidebar-collapsed .sidebar-menu {
  z-index: 4;
  width: 65px; }

.page-container.sidebar-collapsed .sidebar-menu .item-logo {
  background: url("images/sidenav-logo-clockonly.png") no-repeat;
  width: 21px;
  bottom: 15px;
  left: 21px; }

.page-container.sidebar-collapsed .sidebar-menu .logo-env {
  display: block;
  /*padding: 21px 20px 20px 20px;*/
  padding-left: 15px;
  padding-right: 15px; }

.page-container.sidebar-collapsed .sidebar-menu .logo-env > div.company-name {
  overflow: hidden;
  width: 0;
  height: 0; }

.page-container.sidebar-collapsed .sidebar-menu .logo-env > div.sidebar-collapse {
  /*display: block;*/
  padding: 0;
  /*left: 3px;*/ }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search {
  height: 44px;
  margin-left: 0;
  margin-right: 0; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search .search-input,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search ul li i {
  position: absolute;
  visibility: hidden; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu li#search ul > li > a {
  padding: 8px 25px; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search button {
  margin-left: 10px;
  padding-left: 15px;
  padding-right: 16px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search.focused .search-input {
  display: block;
  position: absolute;
  visibility: visible;
  top: 0px;
  left: 65px;
  background: #262b34;
  width: 250px;
  -webkit-border-radius: 0 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 0 3px 0 0 !important;
  background-clip: padding-box;
  border-left: 0;
  padding: 17px 20px;
  border: 0;
  padding-left: 10px;
  line-height: 1; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search.focused ul {
  display: block !important;
  position: absolute;
  visibility: visible !important;
  top: 47px;
  width: 250px;
  left: 65px;
  opacity: 1 !important;
  height: auto !important;
  -webkit-border-radius: 0 0 3px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 0;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 0 !important; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search.focused li a {
  padding-left: 10px; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a:before {
  display: none; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a {
  background-color: transparent; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a {
  position: relative; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu li i {
  margin-right: 0; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a > span:not(.badge) {
  display: block;
  position: absolute;
  top: 0;
  left: 65px;
  padding: 12px 10px;
  background: #303641;
  /*border-top: 1px solid #454a54;
    border-bottom: 1px solid #454a54;*/
  width: 250px;
  visibility: hidden;
  -webkit-border-radius: 0 3px 3px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 3px 3px 0;
  -moz-background-clip: padding;
  border-radius: 0 3px 3px 0;
  background-clip: padding-box;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.page-container.sidebar-collapsed .sidebar-menu #main-menu li.active > a span:not(.badge) {
  left: 61px; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a span {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a span.badge {
  position: absolute;
  right: -240px;
  top: 10px;
  display: none; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li ul {
  border-top-color: #454a54; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul {
  display: block;
  visibility: hidden;
  position: absolute;
  height: 0;
  top: auto;
  left: 65px;
  width: 250px;
  -webkit-border-radius: 0 0 3px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 0;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 0;
  background-clip: padding-box;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul > li > a span.badge {
  display: none; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li {
  /*border-bottom: 1px solid #454a54;*/ }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li a {
  padding-left: 10px; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li li a {
  padding-left: 25px; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li li li a {
  padding-left: 40px; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li li li li a {
  padding-left: 55px; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover.has-sub > a,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover.has-sub > a {
  cursor: default; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover.has-sub > a > span:not(.badge),
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover.has-sub > a > span:not(.badge) {
  -webkit-border-radius: 0 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 0 3px 0 0;
  background-clip: padding-box; }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover > ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover > ul {
  height: auto; }

/* L1 items */
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover > a > span,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a:focus > span,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover > a > span,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a:focus > span {
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100); }

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover a span.badge,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover a span.badge {
  display: block; }

/* L2 menu */
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover > ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a:focus + ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover > ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a:focus + ul {
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100); }

.page-container.sidebar-is-collapsing .sidebar-menu #main-menu li#search .search-input {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.page-container.sidebar-is-collapsing .sidebar-menu #main-menu li a span {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 250ms ease-in-out !important;
  -o-transition: opacity 250ms ease-in-out !important;
  -webkit-transition: opacity 250ms ease-in-out !important;
  transition: opacity 250ms ease-in-out !important; }

.page-container.sidebar-is-showing .sidebar-menu #main-menu li#search .search-input {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.page-container.sidebar-is-showing .sidebar-menu #main-menu li a:before {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.page-container.sidebar-is-showing .sidebar-menu #main-menu li a span {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.page-container.no-sidebar {
  padding-left: 0; }

.page-container.no-sidebar .main-content {
  padding-left: 20px; }

@media print {
  .sidebar-menu {
    display: none !important; }
  .page-container.horizontal-menu {
    padding-top: 0; } }

/*#endregion Page Container*/
/* ---------------------------------------------------------------------- */
/*	#region Page Header (H1, icons, breadcrumb etc)
/* ---------------------------------------------------------------------- */
.row-full-width.page-header {
  margin-bottom: 0; }

.page-header {
  margin: 0;
  border: none;
  padding: 84px 23px 8px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

.page-header h1 {
  font-weight: 400;
  letter-spacing: -0.5px;
  margin: 0 0 5px 0;
  padding: 5px 0 0 0; }

.page-header h1 + p {
  margin-top: 0;
  margin-left: 0;
  font-size: 13px;
  font-weight: 300;
  color: #707070; }

.page-header h1 small {
  color: #888888;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0; }

.page-header h2,
.page-header h4 {
  margin: 0;
  padding: 4px 0 20px 0; }

.page-header h3,
.page-header h5 {
  font-weight: 400;
  margin: 0 0 10px 0; }

.page-header .header-details {
  text-align: right;
  float: right;
  margin-top: -10px;
  line-height: 1.3; }

.page-header .header-details p {
  margin-bottom: 6px; }

.page-header .context-action-button {
  position: absolute;
  right: 92px;
  top: 20px;
  z-index: 889;
  background: #ffffff;
  padding: 4px 14px 4px 4px;
  border-radius: 3px 0 0 3px; }

.businessdashboard-row {
  margin: 0;
  border: none;
  padding: 0px 25px 10px;
  background: #f5f5f5;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

.address {
  padding-top: 5px;
  font-size: 11px;
  line-height: 1.4;
  color: #666666; }

/* breadcrumb */
.breadcrumb {
  border: none;
  position: relative;
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #acacac; }

.breadcrumb i {
  font-size: 14px; }

.breadcrumb li:after {
  content: "\00a0 /\00a0"; }

.breadcrumb > li + li:before {
  content: none;
  padding: 0; }

.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited {
  color: #acacac; }

.breadcrumb a:hover,
.breadcrumb a:active {
  color: #555555;
  text-decoration: none; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Bootstrap overrides - TABLES
/* ---------------------------------------------------------------------- */
table {
  max-width: 100%;
  background-color: transparent; }

th {
  text-align: left;
  font-weight: bold;
  color: #444444;
  background: #f7f7f7; }

thead.nobackground > tr > th {
  background: #ffffff;
  color: #666666; }

.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: 11px 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: none; }

.table.vertical-align > tbody > tr > td {
  vertical-align: middle !important; }

.table > thead > tr > th .progress,
.table > tbody > tr > th .progress,
.table > tfoot > tr > th .progress,
.table > thead > tr > td .progress,
.table > tbody > tr > td .progress,
.table > tfoot > tr > td .progress {
  margin-bottom: 0; }

.table > thead > tr > th .label,
.table > tbody > tr > th .label,
.table > tfoot > tr > th .label,
.table > thead > tr > td .label,
.table > tbody > tr > td .label,
.table > tfoot > tr > td .label {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px; }

.table > thead > tr > th {
  vertical-align: top;
  border-bottom: none; }

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0; }

.table > tbody + tbody {
  border-top: 2px solid #ebebeb; }

.table p {
  margin-bottom: 0; }

.table .table {
  background-color: #ffffff; }

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

.table-bordered {
  border: none;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6; }

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-bottom: 1px solid #f0f0f0;
  /*Change by JG 28th Apr 2014*/ }

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  background-color: #f5f5f6;
  border-bottom: solid 2px #e6e6e6;
  color: #a6a7aa; }

.table-bordered > thead > tr > th a {
  color: #a6a7aa; }

.table-bordered > thead > tr > th a:focus {
  outline-offset: 3px; }

/* SORTING */
.table-bordered > thead > tr i.fa-sort {
  color: #dddddd; }

.table-bordered > thead > tr i.fa-sort-down,
.table-bordered > thead > tr i.fa-sort-asc,
.table-bordered > thead > tr a.sorted-selected {
  color: #383838; }

.table-rounded {
  border-radius: 3px;
  border-collapse: separate; }

.table-rounded thead:first-child tr:first-child th:first-child,
.table-rounded tbody:first-child tr:first-child td:first-child {
  border-radius: 3px 0 0 0; }

.table-rounded thead:last-child tr:last-child th:first-child,
.table-rounded tbody:last-child tr:last-child td:first-child {
  border-radius: 0 0 0 3px; }

.table-header-whitebg > thead > tr > th {
  background-color: #ffffff !important; }

.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border-top: 2px solid #e6e6e6;
  color: #a6a7aa; }

.table-striped > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #eef7fa; }

table col[class*="col-"] {
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #efefef; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e5e5e8; }

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #bdedbc; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #a9e8a8; }

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #c5e8f7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #afdff4; }

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #ffefa4; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #ffeb8a; }

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #ffc9c9; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ffafaf; }

.table-responsive {
  margin-bottom: 0; }

.complaint-row {
  background-color: #ffeaea !important; }

/* ---------------------------------------------------------------------- */
/*	Added by Kirill
/* ---------------------------------------------------------------------- */
.action-column {
  display: inline-block; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Custom - TABLES
/* ---------------------------------------------------------------------- */
/*Company/User View*/
table.account-information {
  width: 100%;
  margin-bottom: 25px; }

table.account-information td {
  padding: 0 0 9px 0; }

table.account-information td:first-child {
  width: 140px;
  /* yep, forcing the LH column to be a fixed width. Stops it looking stupid in responsive screens and allows RH col to be dynamic */
  color: #a8a8a8;
  padding-right: 25px;
  /* ensures a gap between cols */ }

table.account-information td {
  vertical-align: top !important; }

/* make tables used in tabs within tabs (details) behave differently */
.tab-content .tab-content table.account-information td:first-child {
  width: 117px; }

/*Edit */
.table tr .edit,
.div-row .edit {
  display: none !important; }

.datatables_wrapper.action-always-visible .table tr .edit,
.datatables_wrapper.action-always-visible .table-responsive .table tr .edit {
  display: inline-block !important; }

.table tr:hover .edit,
.table td.datatable_action:focus .edit
.div-row:hover .edit {
  display: inline-block !important; }

/* TIMESHEET STYLES */
.table.timesheet td.indent {
  padding-left: 20px; }

tr.subhead td {
  border-bottom: 1px solid #f3f3f3 !important;
  border-top: 1px solid #ebebeb !important;
  background: #fbfbfb; }

tr.subhead:first-child td {
  border-top: none !important; }

.row-total {
  font-size: 16px; }

.table.timesheet tr.locked {
  background: repeating-linear-gradient(45deg, #fffafa, #fffafa 14px, #fff6f6 14px, #fff6f6 28px);
  /*#fbfbfb,
      #fbfbfb 14px,
      #f7f7f7 14px,
      #f7f7f7 28px);*/ }

.table.timesheet tr.locked:hover td,
.table.timesheet tr.running td {
  background: none; }

.table.timesheet tr.locked td {
  color: #999999; }

.table.timesheet tr.locked td .text-muted {
  color: #bbbbbb; }

.table.timesheet tr.running {
  animation: 2s linear 0s normal none infinite progress-bar-stripes;
  background: repeating-linear-gradient(45deg, #f1f9fc, #f1f9fc 14px, #eaf5f8 14px, #eaf5f8 28px);
  background-size: 40px 40px; }

/* GENERAL STYLES */
.table.text-vertical > tfoot > tr > td,
.table.text-vertical > tbody > tr > td {
  vertical-align: middle; }

/* PRICES TABLE STYLES */
.price-inline-pad {
  display: inline-block;
  padding-top: 7px; }

.button-inline-pad {
  margin-top: 3px; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Custom - Data TABLES Neon style
/* ---------------------------------------------------------------------- */
.datatables_wrapper {
  margin-bottom: 20px; }

.datatables_wrapper:before,
.datatables_wrapper:after {
  content: " ";
  display: table; }

.datatables_wrapper:after {
  clear: both; }

.datatables_wrapper > .panel {
  /* remove corners from panels used directly in data tables */
  margin-bottom: 0px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0; }

.datatables_wrapper table {
  margin-bottom: 0; }

.datatables_wrapper table thead tr th {
  cursor: default;
  font-weight: bold;
  outline: 0 none;
  transition: all 300ms ease-in-out 0s; }

.datatables_wrapper table thead tr th:active {
  outline: 0 none; }

.datatables_wrapper table tfoot tr th {
  font-weight: bold; }

.datatables_wrapper .row {
  margin-bottom: 0; }

.datatables_wrapper table + .row {
  margin-bottom: 20px; }

.datatables_wrapper > table:first-child {
  background-clip: padding-box;
  border-radius: 3px 3px 0 0; }

.datatables_wrapper a {
  cursor: pointer;
  outline: 0 none; }

.datatables_wrapper .col-left {
  padding-right: 0; }

.datatables_wrapper .col-right {
  padding-left: 0; }

.datatables_wrapper .col-mid {
  padding-left: 0;
  padding-right: 0; }

.datatables_header {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #FFFFFF;
  border: none;
  /*border-color: #EBEBEB;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;*/
  min-height: 58px;
  padding: 13px 0;
  /*border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/ }

.datatables_header label {
  padding-top: 7px; }

/* top left and top right */
.datatables_wrapper .datatables_search,
.datatables_wrapper .datatables_filter {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #FFFFFF;
  /*border-color: #EBEBEB;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    height: 58px;*/
  padding: 13px 0; }

/* top left and top right */
.datatables_wrapper .datatables_search_mid {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #FFFFFF;
  /*border-color: #EBEBEB;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px 0;
    height: 58px;*/
  padding: 13px 0; }

.datatables_wrapper .datatables_search:before,
.datatables_wrapper .datatables_filter:before,
.datatables_wrapper .datatables_search_mid:before,
.datatables_wrapper .datatables_search:after,
.datatables_wrapper .datatables_filter:after,
.datatables_wrapper .datatables_search_mid:after {
  content: " ";
  display: table; }

.datatables_wrapper .datatables_search:after,
.datatables_wrapper .datatables_filter:after,
.datatables_wrapper .datatables_search_mid:after {
  clear: both; }

.datatables_wrapper .datatables_search {
  background-clip: padding-box;
  border-radius: 3px 0 0;
  border-right: 0 none; }

.datatables_wrapper .datatables_search > label,
.datatables_wrapper .datatables_search_mid > label {
  margin-top: 7px;
  white-space: nowrap; }

/*.datatables_wrapper .datatables_search > label .select2-container {
    display: inline-block;
    min-width: 87px;
    width: auto !important;
}*/
.datatables_wrapper .datatables_filter {
  background-clip: padding-box;
  border-left: 0 none;
  border-radius: 0 3px 0 0; }

.datatables_wrapper .datatables_filter > label,
.datatables_wrapper .datatables_search > label {
  display: inline-block;
  white-space: nowrap; }

/* search text box */
.datatables_wrapper .datatables_filter > label input,
.datatables_wrapper .datatables_search input {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #555555;
  display: inline-block;
  height: 32px;
  line-height: 1.42857;
  padding: 6px 10px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 150px;
  margin-right: 10px; }

.datatables_wrapper .advanced-search th {
  padding: 6px 6px; }

.datatables_wrapper .advanced-search th label {
  padding: 0 !important;
  margin: 0 !important; }

.datatables_wrapper .advanced-search > label input {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #EBEBEB;
  border-radius: 3px;
  color: #555555;
  display: inline-block;
  font-size: 12px;
  height: 32px;
  line-height: 1.42857;
  padding: 0 !important;
  width: 100%;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }

.datatables_wrapper .datatables_filter > label input:focus,
.datatables_wrapper .datatables_search > label input:focus {
  border-color: #C8CDD7;
  box-shadow: 0 2px 1px rgba(203, 208, 217, 0.08);
  outline: 0 none; }

.datatables_wrapper .datatables_filter > label input[disabled],
.datatables_wrapper .datatables_filter > label input[readonly],
fieldset[disabled] .datatables_wrapper .datatables_filter > label input {
  background-color: #EEEEEE;
  cursor: not-allowed; }

textarea.datatables_wrapper .datatables_filter > label input {
  height: auto; }

/*.datatables_wrapper .select2-container {
    display: inline-block !important;
    margin-left: 5px;
    margin-right: 5px;
}
.datatables_wrapper .select2-container .select2-choice {
    height: 25px;
    line-height: 24px;
}
.datatables_wrapper .select2-container .select2-choice .select2-chosen {
    padding-right: 15px;
}
.datatables_wrapper .select2-container .select2-choice .select2-arrow {
    width: 25px;
}*/
/* bottom left and bottom right */
.datatables_wrapper .datatables_info,
.datatables_wrapper .datatables_paginate {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none;
  /*border-color: #EBEBEB;
    border-image: none;
    border-right: 1px solid #EBEBEB;
    border-style: none solid solid;
    border-width: 0 1px 1px;*/
  height: 47px;
  padding: 13px 0;
  border-top: solid 1px #e6e6e6; }

.datatables_wrapper .datatables_info:before,
.datatables_wrapper .datatables_paginate:before,
.datatables_wrapper .datatables_info:after,
.datatables_wrapper .datatables_paginate:after {
  content: " ";
  display: table; }

.datatables_wrapper .datatables_info:after,
.datatables_wrapper .datatables_paginate:after {
  clear: both; }

.datatables_wrapper .datatables_info.datatables_info,
.datatables_wrapper .datatables_paginate.datatables_info {
  background-clip: padding-box;
  border-radius: 0 0 0 3px;
  border-right: 0 none; }

.datatables_wrapper .datatables_info.datatables_paginate,
.datatables_wrapper .datatables_paginate.datatables_paginate {
  background-clip: padding-box;
  border-left: 0 none;
  border-radius: 0 0 3px;
  text-align: right; }

.datatables_wrapper .datatables_info.datatables_paginate .pagination,
.datatables_wrapper .datatables_paginate.datatables_paginate .pagination {
  margin: 0; }

.datatables_wrapper .export-data {
  position: absolute;
  right: 250px;
  top: 13px; }

.page-body .datatable.table tbody td,
.page-body .datatable.table tbody th {
  vertical-align: middle; }

.datatables_wrapper .datatables_flyout {
  border: 1px solid #EBEBEB;
  border-bottom: none;
  padding: 20px 24px 10px 24px; }

.datatables_wrapper .datatables_flyout .row {
  margin-bottom: 6px; }

.icon-button {
  vertical-align: middle;
  padding: 5px; }

.datatables_wrapper .btn-sm {
  padding: 5px 9px 4px 9px; }

.datatables_wrapper .datatables_info .input-sm + label {
  padding-top: 8px; }

/* remove padding from cells containing action buttons */
.datatables_wrapper td.datatable_action {
  padding-top: 4px;
  padding-bottom: 4px; }

.datatables_wrapper td.datatable_action .table-button {
  margin-left: 6px;
  min-width: 32px; }

.datatables_wrapper .table-inline-button {
  margin-left: 6px;
  font-size: inherit;
  display: inline; }

td.icon-padding {
  padding-top: 8px !important;
  padding-bottom: 4px !important; }

.table > tbody > tr > td.table-action-xs {
  padding-top: 8px;
  padding-bottom: 8px; }

/* form styling for input fields used within the header and footer of a datatable */
.datatables_wrapper .form-control {
  box-shadow: none;
  border-radius: 3px; }

.datatables_wrapper select.form-control.input-sm {
  padding: 6px;
  min-width: 50px; }

.modal .datatables_wrapper .datatables_search,
.modal .datatables_wrapper .datatables_filter,
.modal .datatables_wrapper .datatables_info,
.modal .datatables_wrapper .datatables_paginate {
  border: 0px; }

.modal .datatables_wrapper .datatables_search,
.modal .datatables_wrapper .datatables_filter {
  padding: 0 0 6px 0;
  height: auto; }

.modal .datatables_wrapper .datatables_info,
.modal .datatables_wrapper .datatables_paginate {
  border-top: solid 1px #ededed;
  background: none;
  padding: 8px 0; }

.top-border-white {
  border-top: 1px solid #fff !important; }

.description-row td {
  padding-top: 0px !important; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Bootstrap overrides & custom - TABS (needs reviewing)
/* ---------------------------------------------------------------------- */
.tabbable {
  margin: 0; }

.tabbable-white {
  background: #FFF !important; }

/* tab navi */
.nav-tabs {
  position: relative;
  border-bottom: solid 3px #e5e5e5;
  margin-bottom: 0;
  margin-left: 0;
  position: relative;
  z-index: 1061; }

.nav-tabs > li {
  margin-bottom: 0; }

/* inset the tabs and header content when the full-width rows are used */
.row-full-width .nav-tabs.tab-padding,
.row-full-width .full-width-header {
  margin-left: 23px;
  margin-right: 23px; }

.row-full-width .nav-tabs.tab-padding {
  z-index: 5;
  /* this is needed to ensure */ }

/* DEFAULT tabs - top level */
.tab-pane {
  background: #ffffff;
  padding: 25px 20px;
  position: relative;
  margin: 20px 23px 23px 23px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(154, 161, 171, 0.12);
  -moz-box-shadow: 0 2px 10px 0 rgba(154, 161, 171, 0.12);
  box-shadow: 0 2px 10px 0 rgba(154, 161, 171, 0.12);
  border-radius: 2px; }

.tab-pane.contains-panels {
  background: transparent;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.modal-body .tab-pane {
  /*don't set min-height for tab-panes in modals*/
  min-height: 0 !important; }

/* DEFAULT tabs - second level tabs and below */
.tab-content .tab-content {
  /* by default tab contents have borders */
  border-radius: 0 3px 3px 3px;
  -moz-border-radius: 0 3px 3px 3px;
  padding: 30px 23px;
  z-index: 11; }

.tab-content .tab-content {
  /* second level tabs have different padding */
  padding: 0; }

.tab-content .tab-content .tab-pane {
  margin: 0 0 23px 23px;
  border: none;
  box-shadow: none; }

.no-tabs + .tabbable > .tab-content {
  /* remove borders from tab content where no tabs are present */
  border: none;
  padding-top: 0px; }

.tab-content.no-left-padding {
  padding-left: 0; }

.modal .tab-padding + .tab-content {
  overflow: auto; }

.modal .tab-content {
  padding: 1px 0;
  /* needed to 'give layout' */
  margin-bottom: -23px; }

.modal .row > .tabbable > .tab-content {
  margin-bottom: -29px; }

.modal .row > .tabbable > .tab-content .tab-content {
  margin-bottom: 0; }

.modal .tab-content .tab-content {
  padding-bottom: 10px; }

/* non-active tabs */
.nav-tabs > li > a {
  border-radius: 0;
  border: none;
  color: #808080;
  line-height: 1;
  position: relative;
  z-index: 11;
  transition: none;
  font-size: 13px;
  padding: 11px 12px;
  margin-left: 2px;
  border-bottom: 3px solid #e5e5e5;
  margin-bottom: -3px; }

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: #444444;
  background: transparent;
  border-color: #d1d1d1; }

.nav-tabs > li > a:focus {
  outline: 2px solid #333333;
  outline-offset: 1px; }

.nav-tabs > li > a > .icon-container > i {
  color: #7d7d7d; }

/* active tab */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: transparent;
  color: #1acd7f;
  z-index: 12;
  font-weight: 600;
  border: none;
  border-bottom: solid 3px;
  border-color: #1acd7f; }

.nav-tabs > li.active > a > .icon-container > i {
  color: #333333; }

/* FIRST level tabs */
/* tabs with bg */
.nav-tabs.tab-padding {
  padding: 4px 0 0 0; }

.nav-tabs.tab-padding.no-background {
  background-color: transparent !important; }

.tab-padding + .tab-content {
  /* remove borders when tabs are padded (primary) versions */
  border: none; }

/* non-active tabs */
.nav-tabs.tab-padding > li > a,
.nav-tabs.tab-padding > li > a:focus {
  /*background-color: none;
    border: none;
    border-radius: 3px 3px 0 0;
    border-bottom: solid 1px #e4e4e4;
    color: #7d7d7d;
    line-height: 16px;
    margin-right: -1px;
    position: relative;
    z-index: 11;*/ }

.nav-tabs.tab-padding > li > a:hover {
  /*background-color: #eeeeee;*/ }

.nav-tabs.tab-padding > li > a > .icon-container > i {
  color: #787878; }

/* active tab */
.nav-tabs.tab-padding > li.active > a,
.nav-tabs.tab-padding > li.active > a:hover,
.nav-tabs.tab-padding > li.active > a:focus {
  /*background-color: #FFFFFF;
    border-color: #DDDDDD #DDDDDD transparent;
    border-top: 2px solid #777777;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    border-radius: 3px 3px 0 0;
    color: #333333;
    line-height: 16px;
    margin-top: -1px;
    z-index: 12;
    border-bottom: none;*/ }

.nav-tabs.tab-padding > li.active > a > .icon-container > i {
  color: #333333; }

.nav-tabs > li:first-child > a {
  margin-left: 0; }

.no-border {
  border: 0px !important; }

.nav-tabs.tab-space-1 > li > a {
  margin-right: 1px; }

.nav-tabs.tab-space-2 > li > a {
  margin-right: 2px; }

.nav-tabs.tab-space-3 > li > a,
.nav-tabs.tab-padding.tab-space-3 > li > a {
  margin-right: 3px; }

.nav-tabs.tab-space-4 > li > a,
.nav-tabs.tab-padding.tab-space-4 > li > a {
  margin-right: 4px; }

/* Tabs - Below */
.tabs-below > .nav-tabs {
  border-bottom-width: 0;
  border-color: #DDDDDD;
  margin-bottom: 0;
  margin-top: -1px;
  top: auto; }

.tabs-below > .nav-tabs > li > a,
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-color: #DDDDDD; }

.tabs-below > .nav-tabs > li.active > a,
.tabs-below > .nav-tabs > li.active > a:hover,
.tabs-below > .nav-tabs > li.active > a:focus {
  border-bottom: 2px solid #DDDDDD;
  border-color: transparent #DDDDDD #DDDDDD;
  border-top-width: 1px;
  margin-top: 0; }

/* Tabs - Left */
.tabbable.tabs-left:after {
  content: "";
  display: table;
  clear: both; }

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 60px; }

.tabs-left > .nav-tabs {
  float: left;
  margin-bottom: 0;
  top: auto;
  border-bottom: none;
  border-right: 3px solid #e5e5e5; }

.tabs-left > .nav-tabs > li {
  float: none; }

.tabs-left > .nav-tabs > li > a,
.tabs-left > .nav-tabs > li > a:focus {
  margin-left: 2px;
  border-bottom: none;
  border-right: 3px solid #e5e5e5;
  margin-right: -3px;
  margin-bottom: 3px; }

.tabs-left > .nav-tabs > li > a:hover {
  color: #444444;
  background: transparent;
  border-color: #d1d1d1; }

.tabs-left > .nav-tabs > li.active > a,
.tabs-left > .nav-tabs > li.active > a:focus,
.tabs-left > .nav-tabs > li.active > a:hover {
  border-bottom: 0;
  border-right: 3px solid #1acd7f; }

/* Tabs - Right */
.tabs-right > .nav-tabs {
  border-color: #DDDDDD;
  float: right;
  margin-bottom: 0;
  top: auto; }

.tabs-right > .nav-tabs > li {
  float: none; }

.tabs-right > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a:focus,
.tabs-right > .nav-tabs > li > a:hover {
  border-color: #DDDDDD;
  margin: 0 -1px; }

.tabs-right > .nav-tabs > li.active > a,
.tabs-right > .nav-tabs > li.active > a:focus,
.tabs-right > .nav-tabs > li.active > a:hover {
  border-color: #DDDDDD #DDDDDD #DDDDDD transparent;
  border-right: 2px solid #DDDDDD;
  border-top-width: 1px;
  margin: 0 -2px 0 -1px; }

.nav-tabs > li > a > .badge {
  line-height: 8px;
  opacity: 0.7; }

.nav-tabs > li > a > [class*="fa-"] {
  opacity: 0.8; }

.nav-tabs > li.active > a > .badge,
.nav-tabs > li.active > a > [class*="fa-"] {
  opacity: 1; }

.nav-tabs li [class*=" fa-"],
.nav-tabs li [class^="fa-"] {
  display: inline-block;
  text-align: center;
  width: 1.25em; }

.nav-tabs > li.open .dropdown-toggle {
  background-color: #4F99C6;
  border-color: #4F99C6;
  color: #FFFFFF; }

.nav-tabs > li.open .dropdown-toggle > [class*="fa-"] {
  color: #FFFFFF !important;
  opacity: 1; }

.tabs-left .tab-content,
.tabs-right .tab-content {
  overflow: auto;
  min-height: 300px; }

.nav-tabs > li:not(.active):not(.open) > a:not(:hover) > .disabled[class*="fa-"]:first-child {
  color: #909090 !important; }

.nav > li.active > .dropdown-toggle {
  cursor: pointer !important; }

.nav-pills .open .dropdown-toggle > [class*="fa-"],
.nav > li.dropdown.open.active > a:hover > [class*="fa-"],
.nav > li.dropdown.open.active > a:focus > [class*="fa-"] {
  color: #FFFFFF !important; }

.panel-tabs .nav-tabs {
  float: right;
  margin-top: -52px;
  border: none; }

.panel-tabs .nav-tabs > li > a {
  height: 36px;
  border-top: none;
  border-bottom: none;
  background: none;
  border-right: 1px solid #CDCDCD;
  box-shadow: 1px 1px 0 0 #FFFFFF; }

.panel-tabs .nav-tabs > li > a:hover {
  background: #ffffff; }

.panel-tabs .nav-tabs > li:first-child > a {
  box-shadow: 0 1px 0 1px #FFFFFF; }

.panel-tabs .nav-tabs > li.active > a,
.panel-tabs .nav-tabs > li.active > a:hover,
.panel-tabs .nav-tabs > li.active > a:focus {
  background-color: #FFFFFF;
  background-image: none;
  border-color: #4C8FBD #DDDDDD transparent;
  border-top: none;
  box-shadow: none;
  color: #333333;
  line-height: 16px;
  margin-top: 0; }

.panel-tabs .tab-content {
  border: none;
  padding: 0; }

.tab-small .nav > li > a {
  display: block;
  padding: 5px 15px;
  position: relative; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Bootstrap overrides & custom - BUTTONS (needs reviewing)
/* ---------------------------------------------------------------------- */
.btn {
  border-radius: 8px;
  font-size: 16px;
  padding-top: 7px;
  padding-bottom: 7px; }

.btn-sm {
  border-radius: 4px;
  padding: 5px 12px;
  font-size: 14px; }

.btn-xs {
  border-radius: 4px;
  padding: 4px 8px;
  min-width: 26px;
  text-align: center;
  line-height: 1; }

a.btn,
a.btn:link,
a.btn:visited {
  color: #ffffff; }

a.btn.btn-default,
a.btn.btn-default:link,
a.btn.btn-default:visited {
  color: #444444; }

.btn-squared {
  border-radius: 0 !important; }

.btn {
  transition: background 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s !important; }
  .btn i {
    font-weight: 900; }
  .btn.btn-sm .fa {
    font-size: 13px; }
  .btn:focus {
    outline: 2px solid #333333;
    outline-offset: 3px; }
  .btn.btn-xs:focus {
    outline-offset: 0; }

.btn i.icon-space-right {
  margin-right: 12px; }

.btn-icon {
  background-color: #EFEFEF;
  background-image: -moz-linear-gradient(center top, #FAFAFA, #EFEFEF);
  border: 1px solid #DDDDDD;
  border-radius: 2px 2px 2px 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  cursor: pointer;
  height: 80px;
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 5px 0 0;
  position: relative;
  text-align: center;
  transition: all 0.3s ease 0s;
  color: #333333; }

.btn-icon:hover {
  border-color: #A5A5A5;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  color: #444444;
  text-decoration: none;
  text-shadow: 0 1px 0 #FFFFFF; }

.btn-icon .badge {
  border-radius: 12px 12px 12px 12px !important;
  border-style: solid;
  border-width: 0;
  box-shadow: none;
  color: #FFFFFF !important;
  font-family: 'Open Sans';
  font-size: 11px !important;
  font-weight: 300;
  padding: 3px 7px;
  position: absolute;
  right: -5px;
  text-shadow: none;
  top: -5px; }

.btn-icon [class^="fa-"],
.btn-icon [class*=" fa-"],
.btn-icon [class^="clip-"],
.btn-icon [class*=" clip-"] {
  clear: both;
  display: block; }

.buttons-widget .btn,
.buttons-widget .make-switch {
  margin-bottom: 5px; }

.buttons-widget .btn-group-vertical .btn {
  margin-bottom: 0; }

.btn-default {
  border-color: #e6e6e6; }

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  border-color: #eeeeee;
  background: #f4f4f4;
  box-shadow: none; }

.btn.btn-default-lighter,
.btn.btn-default-lighter:link,
.btn.btn-default-lighter:visited {
  color: #707070 !important; }

.btn.btn-default-lighter:hover,
.btn.btn-default-lighter:active {
  color: #333333 !important; }

.btn-selected,
.btn-selected:link,
.btn-selected:visited,
.btn-selected:hover,
.btn-selected:active {
  background: #f3f3f3; }

.btn.btn-minimal,
.btn.btn-minimal:link,
.btn.btn-minimal:visited {
  color: #444444;
  background: transparent;
  border: none; }

.btn.btn-minimal:hover,
.btn.btn-minimal:focus,
.btn.btn-minimal:active {
  background: #fff;
  border: none;
  color: #333333; }

/* grey-ish subtle buttons used to adjust layouts etc */
.btn-interface {
  background: #ececec;
  color: #7d7d7d !important; }

.btn-interface:hover {
  background: #e7e7e7; }

.btn-xs.xs-icon .fa {
  /* make icons small when used in an xs button */
  font-size: 10px; }

.form-group .btn-xs {
  /* make buttons used alongside form elements vertically align */
  margin-top: 6px; }

.form-group.form-group-input-sm .btn-xs {
  margin-top: 4px; }

.btn i.icon-space-right {
  margin-right: 12px; }

.btn i.icon-space-left {
  margin-left: 5px; }

.btn-spinner-left {
  position: relative;
  display: none;
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
  margin-right: 10px; }

.btn-spinner-right {
  position: relative;
  display: none;
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
  margin-left: 5px; }

.bt-icon {
  position: relative;
  width: 14px;
  height: 14px;
  margin-bottom: -2px; }

.action-button .bt-icon {
  position: relative;
  width: 12px;
  height: 14px;
  margin-bottom: -2px; }

/* small WYSIWYG buttons used in text editor interface */
.btn-sm.note-btn {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  border: solid 1px #e6e6e6 !important; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/* #region Bootstrap overrides - Pagination
/* ---------------------------------------------------------------------- */
.pagination-sm > li > a,
.pagination-sm > li > span {
  font-size: 12px;
  padding: 6px 12px;
  color: #333333;
  border-color: #e6e6e6;
  min-width: 34px;
  text-align: center; }

.pagination > li > a:hover,
.pagination > li > span:hover {
  color: #333333; }

.pagination > li > a:focus {
  outline-offset: 1px; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #515151;
  border-color: #515151;
  color: #ffffff; }

.pagination > li > a[disabled],
.pagination > a[disabled]:hover {
  color: #cccccc;
  cursor: default;
  background: #ffffff; }

.pagination-sm + input.input-sm {
  height: 32px !important;
  border-radius: 0;
  margin: 0 -1px;
  border-color: #e6e6e6; }

.pagination-sm + .select2-container a.select2-choice {
  border-radius: 0;
  margin: 0 -1px; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region PANELS
/* ---------------------------------------------------------------------- */
.panel {
  box-shadow: none;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(154, 161, 171, 0.12);
  -moz-box-shadow: 0 2px 10px 0 rgba(154, 161, 171, 0.12);
  box-shadow: 0 2px 10px 0 rgba(154, 161, 171, 0.12);
  background-clip: padding-box;
  border: none;
  background: #fff;
  margin-bottom: 16px; }

.panel-default .panel-heading {
  background: inherit;
  border: none;
  color: #333333;
  font-size: 13px;
  padding: 14px 18px; }

.panel-default .panel-footer {
  background-color: #f2f2f2;
  border-top: #ebebeb solid 1px; }

.panel .panel-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2; }

.panel .panel-title a {
  color: inherit; }

.panel-group .panel {
  border-radius: 3px;
  margin-bottom: 12px; }

.panel-heading .panel-options,
.panel-footer .panel-options {
  float: right;
  margin-top: -2px;
  margin-right: -3px;
  display: flex;
  flex-direction: row;
  align-items: center; }

.panel-heading .panel-options.panel-options-large .form-control {
  width: 125px !important;
  display: inline-block; }

.panel-heading .panel-link {
  float: right;
  margin-top: 2px; }

.panel-heading .btn:not(.note-btn),
.panel-footer .btn {
  color: #989898;
  background: transparent;
  border: none;
  border-radius: 4px; }

.panel-heading .btn .fa,
.panel-footer .btn .fa {
  font-size: 13px; }

.panel-heading .btn:hover,
.panel-footer .btn:hover {
  color: #333333;
  background: #ffffff; }

.panel-footer-less-padding {
  padding-top: 4px;
  padding-bottom: 4px; }

.tab-pane .panel {
  box-shadow: none;
  border: solid 1px #f0f0f0;
  border-radius: 8px; }
  .tab-pane .panel .panel-heading {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .tab-pane .panel .panel-footer {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }

/* panel groups - used with accordian */
.panel-entity-icon {
  position: absolute;
  top: -6px;
  right: -1px;
  background: #f2f2f2;
  border-radius: 50%;
  border: none;
  line-height: 54px;
  text-align: center;
  width: 48px;
  height: 48px;
  color: #ffffff; }
  .panel-entity-icon i {
    color: #5d5d5d; }

/* company / contact etc grid listings used in datatables grid mode */
.datatables_wrapper .panel .row {
  margin-bottom: 6px; }

.grid-view .panel-heading .avatar-med {
  position: absolute;
  width: 60px;
  top: 0;
  right: 0;
  border: solid 4px #ffffff; }

.grid-view .panel {
  min-height: 210px; }

.panel .mini-profile {
  margin-left: 75px; }

/* Panelscroll */
.panel-scroll {
  position: relative;
  margin: 10px;
  padding: 0px 20px 0px 0px;
  width: auto;
  height: 400px;
  overflow: hidden; }

/* Panels containing tables/grids and charts */
.panel-body.with-table {
  border-top: solid 1px #f2f2f2; }

.panel-body.with-table,
.panel-body.with-chart {
  padding: 0; }

.panel-body.with-table .table {
  margin-bottom: 0; }

.panel-body.with-table .table th {
  background: #fff; }

.panel-body.with-table .table tr th:first-child,
.panel-body.with-table .table tr td:first-child {
  padding-left: 18px; }

.panel-body.with-table .table tr th:last-child,
.panel-body.with-table .table tr td:last-child {
  padding-right: 18px; }

.panel-navigation {
  border-top: solid 1px #ededed;
  background: #f0f0f1;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  color: #999999; }

.panel-body .address-padding {
  padding-left: 28px; }

/* draggable widget stuff */
.ui-widget {
  /* override Jquery UI */
  cursor: move; }

.widget-placeholder {
  border: 1px dotted #6ba7da !important;
  background: #dceff7;
  margin: 0 0 20px 0 !important;
  height: 50px; }

.widget-column {
  min-height: 300px;
  padding-bottom: 50px; }

.widget-graphdownload {
  float: right;
  margin-top: 12px;
  margin-right: 12px;
  color: #656565 !important; }

.widget-graphdownload:hover {
  color: #d5d5d5; }

/* ---------------------------------------------------------------------- */
/*	Panel Tools
/* ---------------------------------------------------------------------- */
.panel-tools {
  float: right; }

.panel-tools .btn.expand:before {
  content: "\f077";
  display: inline;
  float: right;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  height: auto;
  text-shadow: none; }

.panel-tools .btn.collapses:before {
  content: "\f078";
  display: inline;
  float: right;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  height: auto;
  text-shadow: none; }

.panel-tools .btn {
  border-style: none; }

.panel-tools .btn-link {
  color: #666666; }

.panel-tools .btn-link:hover {
  color: #333333; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region ACCORDION
/* ---------------------------------------------------------------------- */
/*.accordion-custom .panel {
    background-color: #FFFFFF;
    border: none;
    border-radius: 0 0 0 0;
    box-shadow: none;
}

.accordion-custom .panel-heading {
    padding: 0;
    background-image: none;
    height: auto;
    box-shadow: none;
    border-radius: 0;
}

.accordion-custom .panel-body {
    border: none !important;
}
*/
.accordion-custom .panel-heading .accordion-toggle {
  /*background-color: #cccccc;
    color: #606060;*/
  display: block;
  /*font-size: 13px;
    font-weight: bold;
    line-height: 1;
    padding: 10px;
    position: relative;*/ }

.accordion-custom .accordion-toggle:hover,
.accordion-custom .accordion-toggle:focus {
  text-decoration: none; }

.accordion-custom .panel-heading .accordion-toggle.collapsed {
  /*background-color: #F3F3F3;
        border-color: #D9D9D9;
        border-width: 0 0 0 1px;
        color: #606060;
        font-weight: normal;*/ }

.accordion-custom .panel-heading .accordion-toggle > .icon-arrow:before,
.accordion-toggle > .icon-arrow:before {
  content: "\f078"; }

.accordion-custom .panel-heading .accordion-toggle.collapsed > .icon-arrow:before,
.accordion-toggle.collapsed > .icon-arrow:before {
  content: "\f054" !important; }

.accordion-custom .accordion-toggle > .icon-arrow {
  font-size: 11px;
  padding: 0 5px;
  color: #999999; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Dropdowns
/* ---------------------------------------------------------------------- */
/* bootstrap overrides - top arrow */
.dropdown-menu.pull-right:before {
  right: 4px;
  left: auto; }

.dropdown-menu.pull-right:after {
  right: 5px;
  left: auto; }

/* All dropdowns */
.profile-header .links-list .dropdown-menu i.fa {
  font-size: 14px; }

.dropdown-menu {
  border: solid 1px #e6e6e6;
  -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.17);
  -moz-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.17);
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.17); }
  .dropdown-menu a {
    transition: none; }
    .dropdown-menu a:focus {
      outline-offset: 3px; }

.dropdown-menu-todo div div li a,
.dropdown-menu li p,
.dropdown-menu li a,
.drop-down-wrapper li p,
.drop-down-wrapper li a {
  font-size: 13px;
  font-weight: 400;
  padding: 6px 17px;
  color: #444444;
  text-align: left; }

.dropdown-menu .divider {
  background-color: #ececec; }

.dropdown-menu-todo div div li a {
  display: block;
  padding: 5px 18px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu-todo div div li a:hover,
.dropdown-menu-todo div div li a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu-todo {
  width: 200px; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region LISTS (List Group, Links List, DLs)
/* ---------------------------------------------------------------------- */
.list-group .list-group-item {
  border: solid 1px #EFEFEF;
  position: relative; }

.list-group-item:first-child,
.list-group-item:last-child {
  border-radius: 3px; }

.list-group .list-group-item i {
  color: #888888;
  position: absolute;
  left: 15px;
  top: 10px; }

a.list-group-item:hover,
a.list-group-item:focus {
  background: #f9f9f9; }

a.list-group-item:focus {
  outline-offset: 0; }

.list-group a.list-group-item:hover i {
  color: #383838;
  transition: all 300ms ease-in-out 0s; }

.list-group-item i + h3 {
  font-size: 14px;
  font-weight: 500; }

.list-group-item i + h3,
.list-group-item i + h3 + p {
  padding-left: 28px; }

a.list-group-item .list-group-item-heading {
  color: #4391d4; }

a.list-group-item .list-group-item-text {
  color: #999999; }

/* list groups in panels */
.panel .list-group .list-group-item {
  border: none;
  position: relative;
  border-radius: 0;
  margin: 2px;
  /* for accessibility outline */
  padding-top: 9px;
  padding-bottom: 4px;
  border-color: #dddddd; }

.panel .list-group .list-group-item:first-child,
.panel .list-group .list-group-item:last-child {
  border-radius: 0; }

.panel .list-group .list-group-item:hover,
.panel .list-group .list-group-item:focus {
  border-right: 7px solid #dddddd; }

.video-clip {
  display: block;
  padding: 5px;
  text-align: center;
  border: solid 1px #ebebeb;
  height: 75px;
  margin-bottom: 3px; }

.video-clip-lg {
  display: block;
  padding: 5px;
  text-align: center;
  border: solid 1px #ebebeb;
  height: 200px;
  margin-bottom: 3px; }

.video-clip div,
.video-clip-lg div {
  background: #f7f7f7;
  height: 100%; }

.video-clip div i {
  margin-top: 15px;
  color: #dddddd !important; }

.video-clip-lg div i {
  margin-top: 75px;
  color: #dddddd !important; }

.video-clip:hover div i,
.video-clip-lg:hover div i {
  color: #999999 !important; }

.links-list li:last-child {
  padding-right: 0; }

.links-list > li.sep {
  /*display: inline-block;
    border-left: 1px solid #eeeef0;
    height: 12px;
    width: 0px;
    line-height: 1.42857143;
    overflow: hidden;
    margin-left: 10px;*/ }

.list-inline-footer {
  display: inline !important; }

.list-inline-footer li {
  display: inline !important;
  padding-right: 5px; }

.list-inline-footer li a {
  padding-right: 5px; }

.list-inline-xs > li {
  padding-left: 2px;
  padding-right: 2px; }

/* DLs used for global settings */
dl.settings {
  margin-bottom: 25px;
  margin-top: 10px; }

dl.settings dt {
  text-align: left;
  width: 230px;
  margin-bottom: 4px;
  font-weight: normal;
  color: #666666;
  font-size: 13px;
  padding-left: 25px; }

dl.settings dt small {
  font-size: 10px;
  color: #999999; }

dl.settings dd {
  margin-left: 250px;
  margin-bottom: 4px;
  color: #333333; }

/* DLs used for global settings */
dl.activity-metadata {
  margin: 0 0 10px 0; }

dl.activity-metadata dt {
  text-align: left;
  width: 25%;
  margin-bottom: 3px;
  font-weight: normal;
  color: #777777; }

dl.activity-metadata dd {
  margin-left: 27%;
  margin-bottom: 3px;
  color: #333333; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region FOOTER
/* ---------------------------------------------------------------------- */
.footer {
  font-size: 12px;
  background: #f1f1f1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 900;
  line-height: 18px;
  padding: 12px 23px 9px; }
  .footer .footer-inner {
    padding-top: 4px; }

.footer-items {
  width: 60%;
  float: right;
  text-align: right; }

.go-top {
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 16px;
  margin: -2px 0 0 10px;
  padding: 0;
  text-decoration: none;
  line-height: 30px;
  text-align: center;
  background: #e1e1e1;
  color: #555555;
  border-radius: 5px 5px 5px 5px;
  border: none; }

.go-top:hover,
.go-top:focus {
  background: #505050;
  color: #fff; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Profile header / User Menu
/* ---------------------------------------------------------------------- */
.profile-header {
  position: fixed;
  z-index: 999;
  top: 0;
  width: inherit;
  background: #ffffff;
  padding: 0 20px;
  margin-left: -23px;
  -webkit-box-shadow: 0px 0px 9px -3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 9px -3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 9px -3px rgba(0, 0, 0, 0.1); }

.profile-header .row {
  margin-top: 13px;
  margin-bottom: 13px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  height: 54px; }

.profile-header .row.shrink {
  /* header bar when in shrunk mode (i.e page scrolled) */
  margin-top: 8px;
  margin-bottom: 8px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: auto; }

.profile-header .row.shrink .logo {
  height: 40px;
  margin-top: 0;
  margin-right: 30px; }

/* the RH column is a fixed div within a fixed container. 
   This is to allow us to have a 'stuck' menu which adjusts to both the expanding menu and chat window 
   The column is unfixed in the responsive CSS */
.col-fixed-right-sm {
  position: fixed;
  right: 15px; }

.profile-header .server-database {
  color: #777;
  position: absolute;
  top: -8px; }

.profile-header .logo {
  float: left;
  margin: 0 40px 0 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  height: 54px; }

.profile-header ul.list-inline {
  margin-bottom: 0;
  margin-top: 4px; }

.profile-header .row.shrink ul.list-inline {
  margin-top: 1px; }

.profile-header .list-inline > li {
  vertical-align: middle; }

.profile-header .list-inline > li > i {
  padding: 14px 10px;
  margin-top: 1px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.profile-header .row.shrink .list-inline > li > i {
  padding: 12px 8px;
  margin-top: 0px; }

.notificationContents > .user-info {
  margin-top: 5px; }

.profile-header .row.shrink .notificationContents > .user-info {
  margin-top: 0; }

.user-info {
  list-style: none;
  margin: 0;
  padding: 0; }

.user-info:before,
.user-info:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.user-info:after {
  clear: both; }

.user-info:before,
.user-info:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.user-info:after {
  clear: both; }

.user-info > li {
  float: left;
  margin-right: 5px; }

.user-info > li.profile-info {
  margin-right: 10px;
  margin-top: -3px; }

.user-info .fa,
.profile-header .links-list .fa:not([class*="fa-caret-"]) {
  font-size: 17px; }

a.profile-icon,
a:link.profile-icon {
  color: #888888;
  display: block;
  padding: 12px;
  position: relative; }

a:active.profile-icon {
  background-color: #f5f5f6;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.profile-info.dropdown > a {
  font-size: 14px;
  -webkit-transition: color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
  display: block; }

.profile-info.dropdown > a .avatar-sm {
  margin-left: 5px; }

.user-info > li.notifications a:focus {
  outline-offset: 1px; }

.notifications.dropdown > a {
  position: relative;
  display: block;
  padding: 14px 14px;
  color: #878787; }

.profile-header .row.shrink .notifications.dropdown > a {
  padding: 12px; }

.notifications.dropdown > a .badge {
  position: absolute;
  padding: 2px;
  font-size: 10px;
  right: 5px;
  top: 2px;
  min-width: 17px;
  line-height: 13px;
  border-radius: 100%;
  font-weight: 500; }

.notifications.dropdown.open > a {
  background-color: #f5f5f6;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.notifications.dropdown .dropdown-menu {
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.17);
  -moz-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.17);
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.17);
  border: solid 1px #e6e6e6;
  list-style: none !important;
  list-style-type: none !important;
  padding: 0;
  margin: 0;
  margin-top: 0px;
  width: 370px; }

.dropdown-menu-list {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important; }

.dropdown-menu-list > li > .notification-message-div > a {
  padding: 0px !important; }

.dropdown-menu-list > li > .notification-message-div .line {
  margin-bottom: 5px; }

.notifications.dropdown .dropdown-menu:before,
.notifications.dropdown .dropdown-menu:after {
  content: none; }

.notifications.dropdown .dropdown-menu li,
.notifications.dropdown .dropdown-menu a,
.notifications.dropdown .dropdown-menu p {
  color: #777777; }

.notifications.dropdown .dropdown-menu .meta {
  color: #999999;
  float: right; }

.notifications.dropdown .dropdown-menu .small,
.notifications.dropdown .dropdown-menu .small a {
  font-size: 10px !important; }

.notifications.dropdown .dropdown-menu a:hover {
  text-decoration: none; }

.notifications.dropdown .dropdown-menu > li {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 12px; }

.notifications.dropdown .dropdown-menu > li.top {
  border-bottom: solid 1px #f2f2f2; }

.notifications.dropdown .dropdown-menu > li.top > h5 {
  padding: 12px 17px;
  margin: 0;
  font-weight: 500; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > a,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > p {
  margin: 0;
  padding: 12px 20px; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > p {
  background-color: #FFF; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > p a {
  color: #ec5956;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.notifications.dropdown .dropdown-menu > li > p a:hover {
  color: #e9423f; }

.notifications.dropdown .dropdown-menu > li > ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }

/* notification items */
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li {
  font-size: 12px;
  background: #fff;
  overflow-y: hidden;
  padding: 10px 16px;
  border-bottom: solid 1px #fff; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li:nth-child(odd) {
  background: #f9f9f9; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li:nth-child(even) {
  background: #fff; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li:hover {
  background: #eef7fa; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.unread {
  /*background: #fff;*/ }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.unread strong {
  color: #373e4a; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p {
  display: block;
  position: relative;
  margin: 0;
  padding: 5px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:before,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:before,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:after,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:after,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:after {
  clear: both; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:before,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:before,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:after,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:after,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:after {
  clear: both; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a > i,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p > i {
  background: #454a54;
  display: block;
  float: left;
  text-align: center;
  padding: 5px;
  line-height: 14px;
  color: #ffffff;
  width: 28px;
  height: 24px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:hover,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:hover {
  /* do nothing */ }

/*.notifications.dropdown .dropdown-menu > li > ul > li .task {
  display: block;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task:before,
.notifications.dropdown .dropdown-menu > li > ul > li .task:after {
  content: " ";
  display: table;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task:after {
  clear: both;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task:before,
.notifications.dropdown .dropdown-menu > li > ul > li .task:after {
  content: " ";
  display: table;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task:after {
  clear: both;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task span {
  display: block;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task span.desc {
  float: left;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task span.percent {
  float: right;
}*/
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .image {
  display: block;
  margin-right: 10px;
  float: left; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .image.pull-right {
  margin-left: 10px;
  margin-right: 0; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .image .img-circle {
  border: none; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .image + .line {
  margin-top: 0px; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .line {
  display: block !important; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .line.desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0; }

/*.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .line + .line,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .line + .line + .line,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .line + .line + .line + .line {
    margin-top: 5px;
}*/
/*.notifications.dropdown .dropdown-menu > li > ul > li .progress {
  display: block;
  height: 5px;
  background-color: #ededed;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 5px;
}
.notifications.dropdown .dropdown-menu > li > ul > li .progress:before,
.notifications.dropdown .dropdown-menu > li > ul > li .progress:after {
  content: " ";
  display: table;
}
.notifications.dropdown .dropdown-menu > li > ul > li .progress:after {
  clear: both;
}
.notifications.dropdown .dropdown-menu > li > ul > li .progress:before,
.notifications.dropdown .dropdown-menu > li > ul > li .progress:after {
  content: " ";
  display: table;
}
.notifications.dropdown .dropdown-menu > li > ul > li .progress:after {
  clear: both;
}*/
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li:last-child {
  border-bottom: 0; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li:first-child a:after {
  /*position: absolute;
    content: '';
    display: block;
    height: 10px;
    top: -10px;
    left: 0;
    right: 0;
    background: transparent;
    background: red;
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);*/ }

.notifications.dropdown .dropdown-menu > li.external {
  border-top: solid 1px #f2f2f2; }

.notifications.dropdown .dropdown-menu > li.external a {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  padding: 12px 17px; }

.notification-icon-div {
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 100%;
  position: relative; }

div.notification-icon-div:hover,
div.notification-icon-div:hover > .notification-mark-as-read {
  display: inline-block; }

.notification-message-div {
  display: inline-block;
  vertical-align: top;
  width: 252px; }

.notification-avatar-div {
  display: inline-block;
  vertical-align: top;
  width: 42px;
  padding-top: 4px; }

.notification-icon {
  border-radius: 100%;
  background: #777777;
  width: 2.2em;
  height: 2.2em;
  line-height: 2.3;
  text-align: center;
  margin-left: 15px; }

.notification-icon-header,
.notification-mark-as-read > a {
  border-radius: 100%;
  background: #777777;
  width: 2.2em;
  height: 2.2em;
  line-height: 2.3;
  text-align: center !important;
  margin-top: 4px;
  font-size: 13px;
  display: block;
  padding: 0 !important; }
  .notification-icon-header i.fa,
  .notification-mark-as-read > a i.fa {
    font-size: 14px; }

.notification-mark-as-read {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  text-align: left;
  display: none; }

/*.notification-mark-as-read > a {
    padding: 0;
    display: block;
}*/
.notification-mark-as-read > a > i {
  color: #fff !important; }

.notification-icon-header i {
  color: #ffffff !important; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed {
  padding: 9px 17px 9px 10px;
  display: block; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed:nth-child(even) {
  background: #fff; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed:nth-child(odd) {
  background: #f9f9f9; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-icon {
  display: inline-block;
  width: 28px;
  text-align: center; }
  .notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-icon .fa {
    color: #5d5d5d;
    font-size: 14px; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-link {
  display: inline-block;
  text-align: left;
  vertical-align: bottom;
  width: 300px;
  /*    white-space: nowrap;
    overflow-y: hidden;*/
  text-overflow: ellipsis; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-link a {
  padding: 0px; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-link a:focus {
  outline-offset: 5px; }

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-link:hover a {
  text-decoration: underline !important; }

.navbar-tools > ul > li.current-user {
  margin-right: 15px; }

.navbar-tools > ul > li.current-user > a {
  padding: 11px 3px;
  font-size: 15px; }

.navbar-tools > ul > li.current-user > a > img {
  border: solid 1px #d9d9d9;
  margin-right: 4px; }

.photo-image {
  border-radius: 50%;
  border: solid 6px #ffffff;
  -webkit-box-shadow: 0px 0px 0px 1px #ebebeb;
  -moz-box-shadow: 0px 0px 0px 1px #ebebeb;
  box-shadow: 0px 0px 0px 1px #ebebeb;
  margin-bottom: 15px; }

.photo-image-no-radius {
  border: solid 6px #ffffff;
  -webkit-box-shadow: 0px 0px 0px 1px #ebebeb;
  -moz-box-shadow: 0px 0px 0px 1px #ebebeb;
  box-shadow: 0px 0px 0px 1px #ebebeb;
  margin-bottom: 15px; }

.photo-edit-container {
  width: 332px;
  height: 332px;
  border: solid 1px #ebebeb;
  padding: 6px !important; }

.photo-edit-wrapper {
  width: 320px;
  height: 320px; }

.photo-edit-wrapper > img {
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto; }

/* #endregion User Menu */
/* ---------------------------------------------------------------------- */
/*	#region ACTION BUTTONS
/* ---------------------------------------------------------------------- */
#action_button_div {
  position: relative; }

#action_button_div button .fa-plus-square {
  font-size: 15px;
  margin-right: 10px;
  color: #fff; }

.context-new-button {
  margin-bottom: 30px; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region CROP IMAGE
/* ---------------------------------------------------------------------- */
.crop-image form {
  margin: 1.5em 0; }

.jcrop-holder #preview-pane {
  display: block;
  position: absolute;
  z-index: 1000;
  top: 10px;
  right: -280px;
  padding: 6px;
  border: 1px rgba(0, 0, 0, 0.4) solid;
  background-color: white;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); }

/* The Javascript code will set the aspect ratio of the crop
 area based on the size of the thumbnail preview,
 specified here */
#preview-pane .preview-container {
  width: 250px;
  height: 170px;
  overflow: hidden; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Content Editable
/* ---------------------------------------------------------------------- */
.contenteditable-border {
  padding: 2px 5px;
  border-radius: 3px;
  border: solid 1px #ffffff; }

.contenteditable-border[contenteditable="true"]:hover {
  border: solid 1px #e1e1e1; }

.contenteditable-border[contenteditable="true"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); }

.contenteditable-border.tags {
  padding-top: 5px;
  padding-bottom: 5px; }

/* make sure tags in editable regions are inline-block */
.contenteditable-border .label {
  display: inline-block; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Progress bar, sliders & graphs
/* ---------------------------------------------------------------------- */
.progress.progress-xs {
  height: 7px;
  margin-top: 5px; }

.progress.progress-sm {
  height: 12px; }

.progress {
  margin-bottom: 0px !important;
  box-shadow: none; }

.slider-handle {
  background: #4391d4 !important;
  opacity: 1 !important; }

.slider-selection {
  background: #71ade0 !important; }

#timeChart {
  overflow: hidden; }

.ProjectActivityBarChart .chart {
  margin: 10px 0 0 0; }

.sparkline-tooltip {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  padding: 5px;
  z-index: 10000;
  box-sizing: content-box; }

.stats h2 {
  margin-top: 10px;
  margin-bottom: 0; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/* #region To Do List
/* ---------------------------------------------------------------------- */
.todo-person .btn {
  width: 30px; }

/* checkbox */
.todo-actions i {
  color: #C7CBD5;
  font-size: 17px; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region TIMELINE
/* ---------------------------------------------------------------------- */
#activity-feed {
  margin-top: 20px; }

#activity-feed-buttons {
  margin: -40px 0 0; }

#activity-feed-buttons li {
  padding: 2px 4px; }

.timeline {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative; }

.timeline > li {
  position: relative; }

.timeline > li .timeline-time {
  cursor: help;
  font-size: 12px; }

.timeline-more {
  margin: 15px 0 0 0;
  text-align: center; }

.timeline > li .timeline-detail {
  background: none repeat scroll 0 0 #f9f9f9;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 13px 7px 9px 7px;
  position: relative;
  color: #777777;
  border-top: 1px solid #f0f0f0; }

.timeline > li .timeline-detail .title a.datahreflink {
  cursor: pointer;
  color: #40433d !important;
  font-weight: bold; }

.timeline > li .timeline-detail .title a.datahreflink:hover {
  color: #999 !important; }

.timeline > li:nth-child(odd) .timeline-detail {
  background: #ffffff; }

.timeline > li .timeline-group {
  font-size: 11px;
  padding: 15px 0 6px;
  color: #808080; }

/*.timeline > li .timeline_detail:before {
    content: " ";
    height: 12px;
    width: 5px;
    background: #efefef;
    position: absolute;
    left: 50%;
    bottom: -12px;
}*/
.timeline > li .timeline-detail .edit {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px; }

.timeline > li .timeline-detail .edit a {
  padding-left: 4px;
  padding-right: 4px;
  color: #777777; }

.timeline > li .timeline-detail:hover .edit {
  display: inline-block; }

.timeline > li .timeline-detail h3 {
  font-size: 14px;
  font-weight: normal;
  color: #777777;
  margin: 0;
  line-height: 1.4; }

.timeline > li .timeline-detail h3 + h3 {
  padding-top: 5px; }

.timeline > li .timeline-detail .title {
  margin-bottom: 10px; }

.timeline > li .timeline-detail .details-link {
  font-weight: 400;
  margin-bottom: 12px; }

.timeline > li .timeline-detail .assigned-to-label {
  font-weight: 400;
  color: #999999; }

.timeline > li .timeline-detail .assigned-to-user {
  font-weight: 500;
  color: #4d4d4d; }

.timeline > li .timeline-detail .comments-container {
  display: block;
  vertical-align: top;
  /*margin-bottom: 10px;*/ }

.timeline > li .timeline-detail .comments-container-response {
  display: block;
  vertical-align: top; }

.timeline > li .timeline-detail .avatar {
  display: inline-block !important;
  vertical-align: top;
  margin-right: 5px !important;
  text-align: center !important; }

.timeline > li .timeline-detail .detail {
  display: inline-block !important;
  vertical-align: top;
  font-weight: 400;
  min-height: 30px;
  padding: 3px 5px 5px 5px;
  width: 89%; }

.timeline > li .timeline-detail .detail .last-edited-by-user {
  font-weight: 500;
  font-size: 12px;
  color: #1d1d1d; }

.timeline > li .timeline-detail footer {
  /*position: absolute;
    bottom: 0px;*/
  font-size: 0px;
  padding-top: 10px; }

.timeline > li .timeline-detail footer a {
  color: #9d9d9d;
  display: inline-block;
  padding: 4px 10px 4px 7px;
  border-radius: 4px;
  border: solid 1px #e6e6e6;
  font-size: 13px;
  margin-right: 10px;
  background: #fff; }

.timeline > li .timeline-detail footer a:hover,
.timeline > li .timeline-detail footer a:active,
.timeline > li .timeline-detail footer a:focus {
  text-decoration: none;
  background: #f4f4f4;
  color: #333333; }

.timeline > li .timeline-detail footer a:focus {
  outline-offset: 1px; }

.timeline > li .timeline-detail .detail p {
  margin: 5px 0; }

/*.timeline > li .timeline-detail .detail p:last-child {
    margin-top: 10px;
}*/
.timeline > li .timeline-detail .private {
  color: #d9534f;
  font-style: italic; }

.timeline > li .timeline-detail .notification-icon {
  margin-left: 2px;
  margin-bottom: 5px;
  color: #ffffff !important; }

.timeline > li .timeline-detail .btn-group {
  margin-left: 10px; }

.btn-options {
  background: none;
  line-height: 18px;
  height: 18px;
  padding: 0 6px; }

.open-link {
  font-weight: 400; }

.closed-link {
  color: #949494 !important;
  font-weight: 400; }

.inbox-icon-div {
  height: 175px; }

.inbox-mark-as-read {
  width: 100%;
  height: 175px;
  vertical-align: middle !important;
  text-align: center;
  padding: 0;
  display: none; }

div.notification-icon-div:hover,
div.notification-icon-div:hover > .inbox-mark-as-read {
  display: inline-block; }

div.inbox-icon-div:hover,
div.inbox-icon-div:hover > .inbox-mark-as-read {
  display: inline-block; }

.inbox-mark-as-read > a {
  padding: 12px !important; }

.inbox-mark-as-read > a > i {
  color: #31708F; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region FILE UPLOAD (needs viewing)
/* ---------------------------------------------------------------------- */
.fileupload {
  margin-bottom: 9px; }

.fileupload .uneditable-input {
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  cursor: text; }

.fileupload .thumbnail {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  text-align: center; }

.fileupload .thumbnail > img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%; }

.fileupload .btn {
  vertical-align: middle; }

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
  display: none; }

.fileupload-inline .fileupload-controls {
  display: inline; }

.fileupload-new .input-append .btn-file {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.thumbnail-borderless .thumbnail {
  border: none;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.fileupload-new.thumbnail-borderless .thumbnail {
  border: 1px solid #ddd; }

.control-group.warning .fileupload .uneditable-input {
  color: #a47e3c;
  border-color: #a47e3c; }

.control-group.warning .fileupload .fileupload-preview {
  color: #a47e3c; }

.control-group.warning .fileupload .thumbnail {
  border-color: #a47e3c; }

.control-group.error .fileupload .uneditable-input {
  color: #b94a48;
  border-color: #b94a48; }

.control-group.error .fileupload .fileupload-preview {
  color: #b94a48; }

.control-group.error .fileupload .thumbnail {
  border-color: #b94a48; }

.control-group.success .fileupload .uneditable-input {
  color: #468847;
  border-color: #468847; }

.control-group.success .fileupload .fileupload-preview {
  color: #468847; }

.control-group.success .fileupload .thumbnail {
  border-color: #468847; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region STYLE SELECTOR (used for timer pop-out) (needs reviewing)
/* ---------------------------------------------------------------------- */
#style_selector {
  background: none repeat scroll 0 0 #FFFFFF;
  position: fixed;
  right: 0;
  top: 100px;
  width: 215px;
  z-index: 999; }

#style_selector_container {
  border: 1px solid rgba(23, 24, 26, 0.15);
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.14);
  display: none; }

#style_selector_container img {
  border-radius: 100% 100% 100% 100%; }

.style-main-title {
  background: #D9D9D9;
  border-bottom: 1px solid rgba(23, 24, 26, 0.15);
  color: #000000;
  font-size: 15px;
  height: 44px;
  line-height: 44px;
  text-align: center; }

.box-title {
  font-size: 12px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #AAA9A9 !important; }

.input-box {
  border-bottom: 1px solid rgba(23, 24, 26, 0.15);
  padding: 10px 10px 10px 40px; }

.input-box input[type="text"] {
  background: none repeat scroll 0 0 #F7F7F7;
  border: 1px solid rgba(23, 24, 26, 0.15);
  color: #000000;
  font-size: 11px;
  margin-left: 10px;
  padding: 3px;
  width: 60px; }

.input-box select {
  background: none repeat scroll 0 0 #F7F7F7;
  border: 1px solid rgba(23, 24, 26, 0.15);
  color: #000000;
  margin-left: 5px;
  width: 120px; }

#style_selector .style-toggle {
  background: #ffffff;
  cursor: pointer;
  height: 44px;
  width: 35px;
  border: 1px solid rgba(23, 24, 26, 0.15);
  border-right: none;
  border-radius: 5px 0 0 5px;
  line-height: 44px;
  text-align: center;
  color: #007AFF;
  font-size: 14px; }

#style_selector .open:before {
  content: "\e162";
  font-family: 'clip-font';
  line-height: 1; }

#style_selector .open {
  background-position: left top;
  left: -35px;
  position: absolute;
  top: -36px;
  width: 35px;
  opacity: 1; }

#style_selector .close:before {
  content: "\e163";
  font-family: 'clip-font';
  line-height: 1; }

#style_selector .close {
  background-position: left bottom;
  position: absolute;
  right: 0;
  top: -36px;
  width: 35px;
  opacity: 0.9; }

#style_selector .images {
  border-bottom: 1px solid rgba(23, 24, 26, 0.15);
  margin-top: 15px;
  padding-bottom: 10px;
  padding-left: 25px;
  position: relative;
  z-index: 1000000; }

#style_selector .images img {
  height: 24px;
  margin-bottom: 7px;
  margin-right: 7px;
  width: 25px;
  z-index: 1000; }

#style_selector .images img.active {
  border: 0 solid #CCCCCC;
  opacity: 0.5; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region MODALS (Bootstrap overrides & custom)
/* ---------------------------------------------------------------------- */
.modal {
  border: none;
  box-shadow: none;
  border-radius: 8px; }

.modal-open .modal {
  overflow: visible; }

.modal .modal-body {
  padding: 23px; }

.modal .modal-footer {
  padding: 17px 23px 18px 23px; }

.modal-footer {
  margin-top: 0;
  background: #f9f9f9;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.modal-footer .row {
  margin-bottom: 0; }

.modal-footer.modal-footer-sm {
  padding-top: 8px;
  padding-bottom: 8px; }

.modal .modal-body .modal-body-header-grey {
  margin: -23px -23px 0 -23px;
  padding: 20px 23px 14px 23px;
  background: #f5f5f5; }

.modal .modal-body .modal-body-header-grey-less-padding {
  margin: -23px -23px 0 -23px;
  padding: 15px 23px 9px 23px;
  background: #f5f5f5; }

.modal .modal-body .modal-body-header-grey.without-tabs {
  border-bottom: solid 1px #e8e8e8;
  padding-bottom: 20px;
  margin-bottom: 23px; }

.modal-header {
  padding: 15px 23px;
  cursor: move; }

.modal-header-sm {
  padding-top: 8px;
  padding-bottom: 8px; }

.modal-header .modal-title {
  line-height: 1.2;
  padding-top: 9px; }

.modal-header h2.modal-title i {
  margin-right: 8px; }

.modal-footer .btn + .btn-group {
  margin-left: 5px; }

/* used on modal details screens where the icon is the left of the page title i.e. Company, Contact etc */
.modal-details-header {
  padding-left: 139px;
  min-height: 55px; }

.modal-details-header h1 {
  margin: 2px 0 10px 0;
  font-size: 32px; }

.modal-xl h3 {
  /* headings used on overview modals */
  font-size: 18px;
  margin: 0 0 15px 0; }

.modal-xl h5 {
  margin: 0 0 3px 0; }

.modal-xl .tags {
  padding-right: 190px; }

.row.modal-details-sub-header {
  position: relative;
  padding: 25px 23px 20px 165px;
  background: #f8f8f8;
  z-index: 10;
  margin-bottom: 0;
  border-top: solid 1px #e9e9e9; }

.modal-details-sub-header .header-icon-image {
  position: absolute;
  z-index: 11;
  left: -139px;
  top: -120px;
  width: 123px;
  height: 123px;
  background: #ffffff; }

.modal-details-sub-header .header-icon-image i {
  position: absolute;
  width: 115px;
  height: 115px;
  top: 4px;
  left: 4px;
  text-align: center;
  background: #efefef;
  border-radius: 100%;
  line-height: 2.5em;
  color: #777777; }

.modal-details-sub-header .header-icon-image img {
  border: solid 1px #efefef;
  background: #f8f8f8;
  width: 115px;
  height: 115px;
  margin: 4px; }

.modal-open .modal .tooltip {
  z-index: 2080 !important; }

/* overrides bootstrap modal extension */
.modal-overflow .modal-body {
  overflow: hidden; }

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: #29333c; }

body .modal-xs {
  /* new custom width */
  width: 250px;
  margin-left: -125px; }

body .modal-sm {
  /* new custom width */
  width: 350px;
  margin-left: -175px; }

/* default modal width (i.e. .modal class) is 500px */
body .modal-md {
  /* new custom width */
  width: 750px;
  margin-left: -350px; }

body .modal-lg {
  /* new custom width */
  width: 970px;
  margin-left: -485px; }

body .modal-xl {
  /* company read only, contact read only, lead read only etc */
  /* new custom width */
  width: 1520px;
  margin-left: -705px; }

body .modal-xxl {
  /* company read only, contact read only, lead read only etc */
  /* new custom width */
  width: 1620px;
  margin-left: -705px; }

body .modal-fs {
  /* company read only, contact read only, lead read only etc */
  /* new custom width */
  width: 96%;
  margin-left: -48%;
  height: 96%; }

.modal-buttons button,
.modal-buttons .btn-group {
  margin-left: 10px; }

.min-height-tab {
  min-height: 300px; }

.min-height-modal {
  min-height: 300px; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region POPOVERS (Bootstrap overrides & custom)
/* ---------------------------------------------------------------------- */
.popover {
  border: solid 1px #d0d0d0;
  -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.17);
  -moz-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.17);
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.17); }

.popover-medium {
  width: 160px; }

.popover-large {
  width: 300px; }

.popover .popover-title a.btn-xs {
  margin-top: -2px; }

.popover .popover-title {
  font-size: 14px !important; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region STYLED POPOVERS 
/* ---------------------------------------------------------------------- */
.help-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #e0faff;
  background-clip: d6f9ff-box;
  border: 1px solid #bbe2e8;
  border: 1px solid rgba(0, 221, 255, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  white-space: normal; }

.help-popover.top {
  margin-top: -10px; }

.help-popover.right {
  margin-left: 10px; }

.help-popover.bottom {
  margin-top: 10px; }

.help-popover.left {
  margin-left: -10px; }

.help-popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.help-popover-content {
  padding: 9px 14px; }

.help-popover > .arrow,
.help-popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.help-popover > .arrow {
  border-width: 11px; }

.help-popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.help-popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #bbe2e8;
  border-top-color: rgba(0, 221, 255, 0.25);
  bottom: -11px; }

.help-popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #e0faff; }

.help-popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 221, 255, 0.25); }

.help-popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff; }

.help-popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 221, 255, 0.25);
  top: -11px; }

.help-popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff; }

.help-popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.help-popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px; }

/* END CUSTOM POPOVERS*/
/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Login
/* ---------------------------------------------------------------------- */
body.login .main-login {
  margin-top: 60px; }

body.login .login-title {
  float: right; }

body.login .logo {
  padding-bottom: 10px; }

body.login .box-login,
body.login .box-forgot,
body.login .box-register {
  background: #FFFFFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding: 28px;
  min-height: 450px;
  box-sizing: border-box; }

body.login .box-forgot,
body.login .box-register {
  display: none; }

body.login form fieldset {
  border: none;
  margin: 0;
  padding: 10px 0 15px; }

body.login a.forgot {
  color: #909090;
  font-size: 12px;
  position: absolute;
  right: 10px;
  text-shadow: 1px 1px 1px #FFFFFF;
  top: 9px; }

body.login span.forgot {
  display: block;
  padding-top: 8px; }

body.login input.password {
  padding-right: 130px; }

body.login label {
  color: #7F7F7F;
  margin-top: 3px; }

body.login label .text-small {
  color: #949494;
  font-size: 12px;
  margin-top: 6px; }

body.login .copyright {
  color: #949494;
  font-size: 11px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%; }

body.login .form-actions:before,
body.login .form-actions:after {
  content: "";
  display: table;
  line-height: 0; }

body.login .form-actions:after {
  clear: both; }

body.login .form-actions {
  margin-top: 15px;
  padding-top: 10px;
  display: block; }

body.login .new-account {
  border-top: 1px dotted #EEEEEE;
  margin-top: 15px;
  padding-top: 10px;
  display: block; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region PRELOADER & OVERLAY
/* ---------------------------------------------------------------------- */
/* hide all elements & show preloader */
.js body .page-container {
  overflow: hidden; }

.js body > .page-container {
  visibility: hidden; }

.js #loading_layer {
  visibility: visible;
  display: block !important;
  position: relative;
  width: 100%;
  height: 100%;
  background: #dddddd; }

.js #loading_layer img.loading-logo {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -110px 0 0 -50px; }

.js #loading_layer img.loading-ani {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 10px;
  margin: -5px 0 0 -32px; }

.js .tab-pane {
  display: block !important; }

.js .hide {
  display: inherit; }

.loading {
  background: #dddddd; }

.loading img.loading-logo {
  position: relative;
  top: 48%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -55px 0 0 -25px; }

.loading img.loading-ani {
  position: relative;
  top: 55%;
  left: 50%;
  width: 64px;
  height: 10px;
  margin: 0px 0 0 -55px; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region TILE STATS
/* ---------------------------------------------------------------------- */
.tile-stats-container {
  padding-bottom: 8px; }

.tile-stats {
  background: #ffffff repeat scroll 0 0 padding-box;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  transition: all 300ms ease-in-out 0s; }

.tile-stats .padded {
  padding: 22px; }

.tile-stats .padded .title {
  color: #4d4d4d;
  font-size: 19px;
  padding-bottom: 10px; }

.tile-stats .padded .title .subtitle {
  color: #4d4d4d; }

.tile-stats .overlay {
  padding: 19px 20px 19px 20px;
  transition: background-color 0.5s ease-in-out; }

.tile-stats .icon {
  bottom: 25px;
  color: rgba(0, 0, 0, 0.2) !important;
  position: absolute;
  right: 16px;
  z-index: 1; }

.tile-stats .secondpie {
  opacity: 0.75;
  bottom: 20px;
  position: absolute;
  right: 20px;
  z-index: 1;
  width: 65px;
  height: 65px; }

.tile-stats .up {
  top: 10px;
  position: absolute;
  left: 20px;
  z-index: 1;
  width: 75px;
  height: 75px;
  color: #9d9d9d; }

.tile-stats .down {
  bottom: 10px;
  position: absolute;
  left: 20px;
  z-index: 1;
  width: 75px;
  height: 75px;
  color: #9d9d9d; }

.tile-stats .green {
  color: green; }

.tile-stats .red {
  color: red; }

.tile-stats .icon i {
  font-size: 75px;
  line-height: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle; }

.tile-stats .icon i:before {
  line-height: 0;
  margin: 0;
  padding: 0; }

.tile-stats .num,
.tile-stats .num-small,
.tile-stats h3,
.tile-stats p {
  color: #ffffff;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 5;
  line-height: 1.1; }

.tile-stats .num {
  font-size: 38px;
  font-weight: bold; }

.tile-stats .num-small {
  font-size: 30px;
  font-weight: bold; }

.tile-stats .num small,
.tile-stats .num-small small {
  opacity: 0.5; }

.tile-stats h3,
.modal-xl .tile-stats h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 8px 0 0 0; }

.tile-stats p {
  font-size: 12px;
  margin-top: 3px; }

.tile-stats.tile-white {
  background: #ffffff;
  border: solid 1px #f5f5f5; }

.tile-stats.tile-white .icon {
  color: #f1f1f1; }

.tile-stats.tile-white .num,
.tile-stats.tile-white .num-small,
.tile-stats.tile-white h3,
.tile-stats.tile-white p {
  color: #999999; }

/* small tiles used on dashboards */
.tile-stats.tile-sm {
  margin-bottom: 0; }

.tile-stats.tile-sm .num-small {
  color: rgba(255, 255, 255, 0.6); }

.tile-stats.tile-sm .icon {
  bottom: 0;
  color: rgba(0, 0, 0, 0.15); }

.tile-stats.tile-sm .icon i {
  font-size: 75px; }

.tile-stats.tile-sm .overlay {
  padding-top: 10px;
  padding-bottom: 10px; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region ICONS
/* ---------------------------------------------------------------------- */
/* hover edit */
.hover-edit i.he {
  /* hide all icons in the container */
  display: none; }

.hover-edit:hover i.he {
  display: inline-block;
  color: #aeaeae; }

.hover-edit i.he:hover {
  color: #444444;
  transition: all 300ms ease-in-out 0s;
  cursor: pointer; }

.icon-container i {
  color: #5d5d5d; }

.icon-container-white i {
  color: #FFF; }

a > .icon-container + span {
  display: inline-block; }

.icon-container {
  width: 14px !important;
  display: inline-block !important;
  margin-right: 8px;
  text-align: center; }

.dropdown-menu .icon-container {
  display: inline-block !important;
  width: 14px !important;
  margin-right: 11px;
  text-align: center; }

.nav-tabs .icon-container {
  width: 18px;
  text-align: center;
  margin: 0; }

.nav-tabs .icon-container + span {
  margin-left: 6px; }

.icons > section {
  margin-top: 20px; }

.icon-semi-subtle i {
  color: #9a9a9a !important; }

.icon-subtle i {
  color: #d0d0d0 !important; }

.the-icons li {
  line-height: 40px; }

.the-icons li i {
  transition: font-size 0.2s ease 0s; }

.the-icons li:hover i {
  font-size: 26px; }

.label i {
  font-size: inherit; }

/* Compatibility with font-awesome 3 */
[class^="icon-"],
[class*=" icon-"] {
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none; }

a [class^="icon-"],
a [class*=" icon-"] {
  display: inline; }

.icon-magic:before {
  content: "\f0d0"; }

.icon-bold:before {
  content: "\f032"; }

.icon-italic:before {
  content: "\f033"; }

.icon-underline:before {
  content: "\f0cd"; }

.icon-eraser:before {
  content: "\f12d"; }

.icon-font:before {
  content: "\f031"; }

.icon-list-ul:before {
  content: "\f0ca"; }

.icon-list-ol:before {
  content: "\f0cb"; }

.icon-align-left:before {
  content: "\f036"; }

.icon-text-height:before {
  content: "\f034"; }

.icon-table:before {
  content: "\f0ce"; }

.icon-link:before {
  content: "\f0c1"; }

.icon-picture:before {
  content: "\f03e"; }

.icon-fullscreen:before {
  content: "\f0b2"; }

.icon-question:before {
  content: "\f128"; }

.icon-chevron-up:before {
  content: "\f077"; }

.icon-chevron-down:before {
  content: "\f078"; }

.icon-arrow-left:before {
  content: "\f060"; }

.icon-arrow-right:before {
  content: "\f061"; }

.icon-wrench:before {
  content: "\f0ad"; }

.icon-refresh:before {
  content: "\f021"; }

.icon-remove:before {
  content: "\f00d"; }

.icon-resize-full:before {
  content: "\f065"; }

.icon-check-empty:before {
  content: "\f096"; }

.icon-check:before {
  content: "\f046"; }

.icon-ok:before {
  content: "\f00c"; }

.icon-external-link-sign:before {
  content: "\f14c"; }

.icon-double-angle-left:before {
  content: "\f100"; }

.icon-double-angle-right:before {
  content: "\f101"; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region TAGS AND DROPDOWNS of SELECT2 Component
/* ---------------------------------------------------------------------- */
.select2-td {
  padding: 4px 0px !important; }

.tags-list {
  line-height: 2.3; }

/* overrides for select2.css */
.select2-container {
  vertical-align: top !important;
  width: 100%; }

.selectWoo-container {
  vertical-align: top !important;
  width: 100% !important; }
  .selectWoo-container.selectWoo-container--open {
    width: auto !important; }

/*.select2-container.focused {
        border-color: rgba(82, 168, 236, 0.8);
        box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
        outline: 0 none;
    }*/
/*.select2-container.input-xs {
  width: 60px;
}
.select2-container.input-sm {
  width: 90px;
}
.select2-container.input-md {
  width: 150px;
}
.select2-container.input-lg {
  width: 210px;
}
.select2-container.input-xl {
  width: 270px;
}
.select2-container.input-xxl {
  width: 530px;
}
.select2-container.input-default {
  width: 220px;
}*/
.select2-container[class*="span"] {
  float: none;
  margin-left: 0; }

.input-group .select2-container .select2-choice {
  -webkit-border-radius: 3px 0px 0px 3px !important;
  -moz-border-radius: 3px 0px 0px 3px !important;
  border-radius: 3px 0px 0px 3px !important; }

.select2-container-multi .select2-choices .select2-search-field {
  height: 29px;
  margin-left: 5px;
  margin-top: 1px; }

.select2-container .select2-choice,
.select2-container-multi .select2-choices {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  box-shadow: none;
  font-size: 13px;
  color: #555555 !important; }

.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none repeat scroll 0 0 white;
  box-shadow: none;
  color: #555555;
  /*font-family: Arial, Helvetica, sans-serif !important;*/
  padding: 0; }

.select2-container-multi .select2-choices .select2-search-field input {
  background: none repeat scroll 0 0 transparent !important;
  border: 0 none;
  box-shadow: none;
  color: #666;
  /*font-family: Arial, Helvetica, sans-serif !important;*/
  margin: 1px 0;
  outline: 0 none;
  padding: 5px;
  height: 28px; }

.select2-container .select2-choice {
  /*dropdown list */
  line-height: 1.42857;
  padding: 6px 12px; }

.select2-container-multi .select2-choices {
  /* tags field */
  line-height: 29px;
  padding: 2px 12px 2px 7px; }

.select2-container-multi .select2-choices .select2-search-choice {
  margin-bottom: 5px !important;
  margin-top: 5px !important; }

/* Assignedto Tags */
.select2-container.assignedto {
  width: 391px;
  height: 30px; }

.assignedto .select2-choices {
  /* assigned to field */
  line-height: 1.2;
  padding: 0px 3px 0px 3px !important;
  border: 1px solid #ebebeb !important; }

.assignedto .select2-choices .select2-search-choice .user-label {
  line-height: 11px;
  margin: 3px 0 3px 5px;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 18px 5px 7px;
  border: none;
  filter: none;
  background-image: none;
  box-shadow: none; }

/* tag */
.select2-container-multi .select2-choices .select2-search-choice {
  line-height: 12px;
  margin: 3px 0 3px 5px;
  font-size: 12px;
  padding: 5px 18px 5px 7px;
  border: none;
  filter: none;
  background-image: none;
  box-shadow: none; }

a.select2-search-choice-close {
  background: none;
  display: block;
  font-size: 10px;
  height: 12px;
  outline: medium none;
  position: absolute;
  right: 3px;
  top: 8px;
  width: 12px;
  margin-top: -2px; }

.select2-container-multi .select2-search-choice-close {
  left: auto; }

.select2-search-choice-close:before {
  content: "\f00d";
  display: inline;
  font-family: "Font Awesome 5 Pro"; }

a.select2-search-choice-close:link,
a.select2-search-choice-close:visited {
  color: rgba(255, 255, 255, 0.5); }

a.select2-search-choice-close:hover,
a.select2-search-choice-close:active {
  color: #ffffff;
  text-decoration: none; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #cccccc !important; }

.select2-container-multi ul.select2-choices li:first-child.select2-search-field {
  width: 100%; }

.select2-drop {
  color: #333333; }

.select2-results .select2-highlighted {
  background: #6f6f6f; }

.select2-dropdown-open .select2-choice {
  border-color: rgba(82, 168, 236, 0.8);
  border-radius: 3px 3px 0 0; }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  background: none; }

.select2-container.select2-dropdown-open .select2-choice {
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); }

.select2-drop.select2-drop-active {
  box-shadow: 0 4px 7px rgba(82, 168, 236, 0.6); }

.select2-search input {
  background: none;
  border: 1px solid #e6e6e6;
  font-family: inherit;
  font-size: 13px;
  padding: 5px 25px 5px 12px;
  position: relative;
  margin-top: 4px; }

.select2-search input:focus {
  box-shadow: none; }

.select2-search:before {
  content: "\f002";
  display: inline;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 8px;
  right: 12px;
  height: 16px;
  width: 16px;
  font-size: 14px;
  z-index: 99999;
  color: #999999; }

.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice .select2-arrow b {
  background: #f7f7f7;
  width: 20px;
  font-size: 13px; }

.select2-container .select2-choice .select2-arrow b:before {
  background: none;
  display: block;
  content: "\f0d7";
  display: block;
  color: #999999;
  line-height: 1.4;
  font-family: "Font Awesome 5 Pro";
  height: 100%;
  text-align: left;
  padding-top: 8px;
  padding-left: 6px; }

.select2-container.input-sm .select2-choice .select2-arrow b:before {
  background: none;
  display: block;
  content: "\f0d7";
  display: block;
  color: #999999;
  line-height: 1.4;
  font-family: "Font Awesome 5 Pro";
  height: 100%;
  text-align: left;
  padding-top: 6px;
  padding-left: 6px; }

.select2-container.select2-dropdown-open .select2-choice .select2-arrow b:before {
  content: "\f0d8"; }

/* equivalent of Boostrap input-sm */
.select2-container.input-sm {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.select2-container.input-sm .select2-choice {
  font-size: 12px;
  height: 32px;
  line-height: 1.5;
  padding: 6px 10px; }

.select2-container.value-select-sm .select2-choice .select2-arrow b:before {
  padding-top: 6px; }

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 0; }

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: 0 !important; }

.select2-container.input-sm {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.selectWoo {
  border-radius: 4px; }

.input-group + .selectWoo-container .selectWoo-selection {
  -webkit-border-radius: 3px 0px 0px 3px !important;
  -moz-border-radius: 3px 0px 0px 3px !important;
  border-radius: 3px 0px 0px 3px !important; }

.selectWoo-container .selectWoo-selection {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  box-shadow: none;
  font-size: 13px;
  color: #555555 !important; }

.selectWoo-container .selectWoo-choice {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  box-shadow: none;
  font-size: 13px;
  color: #555555 !important; }

.selectWoo-container .selectWoo-selection {
  line-height: 1.42857;
  padding: 6px 12px; }

.selectWoo-container .selectWoo-results .selectWoo-results__option--highlighted[aria-selected] {
  background: #6f6f6f; }

.selectWoo-container .selectWoo-results__options[aria-multiselectable] > .selectWoo-results__option:not(.loading-results):has(.selectWoo-results__group) {
  padding: 0; }

.selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection {
  box-shadow: none; }

.selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--single .selectWoo-selection__rendered {
  color: inherit; }

.selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-selection__choice {
  width: calc(100% - 10px);
  padding: 9px 14px 9px 7px;
  line-height: 14px;
  font-size: 12px;
  color: #ffffff;
  border: none;
  box-shadow: none; }

.selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-selection__choice__remove {
  color: #ffffff;
  margin-right: 6px;
  font-size: 14px; }
  .selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-selection__choice__remove:hover {
    color: #ffffff; }

.input-sm + .selectWoo-container .selectWoo-selection {
  font-size: 12px;
  height: 32px;
  line-height: 1.5;
  padding: 6px 10px; }

.input-sm + .selectWoo-container .selectWoo-selection--single .selectWoo-selection__rendered {
  line-height: inherit; }

.selectWoo-dropdown {
  color: #333333; }

.selectWoo-selection--multiple .selectWoo-selection__rendered .selectWoo-search {
  float: left; }
  .selectWoo-selection--multiple .selectWoo-selection__rendered .selectWoo-search:before {
    display: none; }
  .selectWoo-selection--multiple .selectWoo-selection__rendered .selectWoo-search .selectWoo-search__field {
    font-family: inherit; }
    .selectWoo-selection--multiple .selectWoo-selection__rendered .selectWoo-search .selectWoo-search__field:focus {
      box-shadow: none; }

/* Styling for Select2 with error */
div.has-error ul.select2-choices {
  border-color: #b94a48 !important; }

#s2id_dataanalytics_companysites .select2-search-choice {
  width: 100% !important;
  margin: 1px !important; }

#s2id_dataanalytics_companysites .select2-search-choice > div {
  padding: 5px; }

#s2id_dataanalytics_companysites .select2-search-choice > a {
  padding-top: 5px; }

/* #endregion */
*
.label {
  font-size: 11px !important;
  padding: 5px 7px !important; }

.label-inverse,
.badge-inverse {
  background-color: #555555; }

.label-unassigned {
  background-color: #E6E4E4;
  color: #333333; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region ALERTS
/* ---------------------------------------------------------------------- */
.alert {
  padding: 18px 18px 12px 18px;
  border-radius: 8px; }

.alert-info {
  /* used for help boxes */
  background: #edf6fa;
  border: solid 1px #c9e3ef;
  -webkit-box-shadow: 0 0px 20px 6px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 0px 20px 6px rgba(255, 255, 255, 0.8);
  box-shadow: 0 0px 20px 6px rgba(255, 255, 255, 0.8); }

.alert-info h3 {
  margin-top: 0;
  font-weight: 500;
  font-size: 19px; }

.alert-info h3 .fa {
  font-size: inherit; }

.alert-info p:last-child {
  margin-bottom: 0; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region DASHBOARD LAYOUTS
/* ---------------------------------------------------------------------- */
.dashboard-layout {
  text-align: center;
  color: #383838;
  clear: both;
  overflow: hidden;
  font-weight: bold;
  padding: 3px;
  font-size: 11px;
  border-radius: 3px; }

.dashboard-layout.current {
  background: #b9dc96 !important; }

.dashboard-layout.select {
  background: #9bc4e7; }

.dashboard-layout.select div {
  -webkit-box-shadow: inset 0px 0px 15px 15px rgba(117, 117, 117, 0.075);
  -moz-box-shadow: inset 0px 0px 15px 15px rgba(117, 117, 117, 0.075);
  box-shadow: inset 0px 0px 15px 15px rgba(117, 117, 117, 0.075);
  border: solid 1px #d2d2d2; }

.dashboard-layout div {
  background: #f2f2f2;
  padding-top: 55px;
  border: solid 1px #dcdcdc;
  float: left;
  height: 125px; }

.dashboard-layout:hover div {
  -webkit-box-shadow: inset 0px 0px 15px 15px rgba(117, 117, 117, 0.075);
  -moz-box-shadow: inset 0px 0px 15px 15px rgba(117, 117, 117, 0.075);
  box-shadow: inset 0px 0px 15px 15px rgba(117, 117, 117, 0.075);
  border: solid 1px #d2d2d2; }

.dashboard-layout div + div {
  border-left: 0px !important; }

.dashboard-layout div:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.dashboard-layout div:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.dashboard-layout .dl-100 {
  width: 100%; }

.dashboard-layout .dl-70 {
  width: 70%; }

.dashboard-layout .dl-50 {
  width: 50%; }

.dashboard-layout .dl-40 {
  width: 40%; }

.dashboard-layout .dl-33 {
  width: 33.333333%; }

.dashboard-layout .dl-30 {
  width: 30%; }

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Chat
/* ---------------------------------------------------------------------- */
@media (min-width: 767px) {
  /* if chat is set to be visible, ensure the page elements sre adjusted accordingly */
  .chat-visible .main-content {
    padding-right: 305px; } }

.chat-visible #chat {
  display: block; }

.chat-notifications-badge {
  margin-left: 5px; }

.chat-notifications-badge.is-hidden {
  display: none; }

#chat {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 280px;
  background: #4d4d4d;
  z-index: 5;
  display: none; }

#chat.fixed {
  position: fixed;
  min-height: 0 !important; }

#chat .chat-inner {
  overflow: auto;
  height: 100%; }

#chat .chat-header {
  font-size: 18px;
  color: #888888;
  padding: 27px 35px 26px;
  line-height: 1;
  margin: 0;
  border-bottom: 1px solid #555555;
  position: relative; }

#chat .chat-header .badge {
  position: relative;
  font-family: 'Open+Sans', Sans-Serif;
  top: -1px;
  margin-left: 5px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

#chat .chat-header .badge.is-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1); }

#chat .chat-header .chat-close {
  position: absolute;
  top: 0px;
  text-align: center;
  font-size: 14px;
  top: 50%;
  right: 25px;
  margin-top: -15px;
  color: #B9B9B9;
  border: solid 1px #5A5A5A;
  border-radius: 3px;
  padding: 7px 10px;
  line-height: 1; }

#chat .chat-header .chat-close:hover {
  background: #505050; }

#chat .chat-header .chat-settings {
  position: absolute;
  top: 0px;
  text-align: center;
  font-size: 14px;
  top: 50%;
  right: 65px;
  margin-top: -15px;
  color: #B9B9B9;
  padding: 7px 10px;
  line-height: 1; }

#chat .chat-header .chat-settings:hover {
  background: #505050; }

#chat .chat-group {
  margin-top: 30px; }

#chat .chat-group > strong,
#chat .chat-group > a {
  display: block;
  padding: 6px 35px; }

#chat .chat-group > strong {
  text-transform: uppercase;
  color: #888888; }

#chat .chat-group > a {
  position: relative;
  color: #c7c7c7;
  -moz-transition: background 250ms ease-in-out;
  -o-transition: background 250ms ease-in-out;
  -webkit-transition: background 250ms ease-in-out;
  transition: background 250ms ease-in-out;
  text-decoration: none; }

#chat .chat-group > a:hover,
#chat .chat-group > a.active {
  background-color: #525252;
  text-decoration: none; }

#chat .chat-group > a:before {
  /* little arrow from conversation */
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #464646;
  left: 0;
  top: 50%;
  margin-top: -4px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

#chat .chat-group > a.active:before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100); }

#chat .chat-group > a .badge {
  font-size: 9px;
  margin-left: 5px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

#chat .chat-group > a .badge.is-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1); }

#chat .chat-group > a em {
  font-style: normal; }

#chat .user-status {
  display: inline-block;
  background: #575d67;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 8px;
  -moz-background-clip: padding;
  border-radius: 8px;
  background-clip: padding-box;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

#chat .user-status.is-online {
  background-color: #06b53c; }

#chat .user-status.is-offline {
  background-color: #575d67; }

#chat .user-status.is-idle {
  background-color: #f7d227; }

#chat .user-status.is-busy {
  background-color: #ee4749; }

#chat .chat-conversation {
  position: absolute;
  right: 280px;
  width: 340px;
  background: #464646;
  -webkit-border-radius: 3px 0 0 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  border-radius: 3px 0 0 3px;
  background-clip: padding-box;
  display: none;
  opacity: 0; }

#chat .chat-conversation .conversation-header {
  padding: 20px 24px;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid #4c4c4c; }

#chat .chat-conversation .conversation-header small {
  color: #888888;
  font-size: 12px;
  padding-left: 8px; }

#chat .chat-conversation .conversation-header .conversation-close {
  float: right;
  color: #888888;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  position: relative;
  top: 0; }

#chat .chat-conversation .conversation-body {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 250px; }

#chat .chat-conversation .conversation-body::-webkit-scrollbar {
  width: 5px; }

#chat .chat-conversation .conversation-body::-webkit-scrollbar-track {
  width: 5px;
  background-color: #464646; }

#chat .chat-conversation .conversation-body::-webkit-scrollbar-thumb {
  background-color: rgba(52, 58, 69, 0.8); }

#chat .chat-conversation .conversation-body > li {
  padding: 15px 24px;
  color: #989898; }

#chat .chat-conversation .conversation-body > li:before,
#chat .chat-conversation .conversation-body > li:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

#chat .chat-conversation .conversation-body > li:after {
  clear: both; }

#chat .chat-conversation .conversation-body > li.odd,
#chat .chat-conversation .conversation-body > li.even,
#chat .chat-conversation .conversation-body > li.opponent {
  background: #4d4d4d; }

#chat .chat-conversation .conversation-body > li.unread {
  background: #535353; }

#chat .chat-conversation .conversation-body > li .user {
  font-weight: bold;
  color: #fff; }

#chat .chat-conversation .conversation-body > li .time {
  float: right;
  font-style: italic;
  color: #989898;
  font-size: 11px; }

#chat .chat-conversation .chat-textarea {
  padding: 20px 24px;
  position: relative; }

#chat .chat-conversation .chat-textarea:after {
  /* chat icon */
  content: '\e83c';
  font-family: "Font Awesome 5 Pro";
  color: #cacaca;
  right: 35px;
  top: 25px;
  font-size: 15px;
  position: absolute; }

#chat .chat-conversation .chat-textarea textarea {
  background: #5c5c5c;
  border: 1px solid #676767;
  font-size: 12px;
  color: #fff;
  max-height: 100px !important;
  padding-right: 35px;
  height: 32px; }

#chat .chat-conversation .chat-textarea textarea:focus {
  box-shadow: none; }

#chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder {
  color: rgba(190, 192, 194, 0.85); }

#chat .chat-conversation .chat-textarea textarea:-moz-placeholder {
  color: rgba(190, 192, 194, 0.85); }

#chat .chat-conversation .chat-textarea textarea::-moz-placeholder {
  color: rgba(190, 192, 194, 0.85); }

#chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder {
  color: rgba(190, 192, 194, 0.85); }

#chat .chat-conversation .chat-textarea textarea:-moz-placeholder {
  color: rgba(190, 192, 194, 0.85); }

#chat .chat-conversation .chat-textarea textarea::-moz-placeholder {
  color: rgba(190, 192, 194, 0.85); }

#chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder {
  color: rgba(190, 192, 194, 0.85); }

#chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder {
  color: rgba(190, 192, 194, 0.85); }

#chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar {
  width: 5px; }

#chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar-track {
  width: 5px;
  background-color: #464646; }

#chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar-thumb {
  background-color: #4a5262; }

.chat-history {
  display: none; }

/* #endregion Chat*/
/* ---------------------------------------------------------------------- */
/*	#region Meter Reading Styles
/* ---------------------------------------------------------------------- */
.number-of-dials-4 {
  width: 148px; }

.number-of-dials-5 {
  width: 171px; }

.number-of-dials-6 {
  width: 194px; }

.number-of-dials-7 {
  width: 217px; }

.number-of-dials-8 {
  /*No zerso at end hence smaller figure*/
  width: 194px; }

.number-of-dials-9 {
  /*No zerso at end hence smaller figure*/
  width: 217px; }

.number-of-dials-10 {
  /*No zerso at end hence smaller figure*/
  width: 240px; }

.number-of-dials-11 {
  /*No zerso at end hence smaller figure*/
  width: 263px; }

.meter-reading-border {
  border: 2px solid #d4d4d4;
  border-radius: 3px;
  height: 53px;
  text-align: center; }

.meter-reading {
  border-radius: 3px;
  border: 2px solid white;
  width: 100%;
  height: 100%;
  background: #ffffff;
  margin: 0 auto !important;
  padding-right: 5px;
  position: relative; }

.digit {
  padding: 2px;
  display: inline-block;
  width: 25px;
  height: 45px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: -5.5px;
  /* removes whitespace*/
  margin-left: 0px;
  background: #F6F6F6;
  /* Old browsers */ }

.corrector {
  background: #40433d;
  /* Old browsers */ }

.digit:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.digit:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

/* #endregion Meter Reads*/
/* ---------------------------------------------------------------------- */
/*	#Contact Us
/* ---------------------------------------------------------------------- */
.contact-detail {
  margin: 8px 0 20px 30px; }

/* #endregion Contact Us*/
/* ---------------------------------------------------------------------- */
/*	#Widgets Styles
/* ---------------------------------------------------------------------- */
.panel-body {
  height: 250px;
  overflow: hidden;
  clear: both; }

.panel-body-double {
  height: 565px !important; }

.panel-body h3 {
  font-size: 18px;
  font-weight: 400; }

.panel-body h4 {
  font-size: 15px;
  color: #333333;
  font-weight: 500;
  margin-top: 0; }

.panel-body h6 {
  font-size: 13px;
  margin: -7px 0 8px 0;
  color: #999999;
  font-weight: 400; }

.panel-overflow {
  overflow: auto; }

.panel-overflow::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #ffffff; }

.panel-overflow::-webkit-scrollbar {
  width: 8px;
  background-color: #ffffff; }

.panel-overflow::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  background-color: #e5e5e5; }

.grid-view .panel-body {
  height: 175px;
  overflow: hidden; }

.piewrapper {
  position: relative;
  width: 200px;
  height: 200px;
  background: #fff;
  /*border: 1px dotted #c00;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.pie-div {
  position: absolute;
  top: -30px;
  left: -30px;
  width: 260px;
  height: 260px;
  /*border: 1px dotted #0c0;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#kpi-withme-div svg {
  width: 100%; }

#kpi-withother-div svg {
  width: 100%; }

.top-site-progress {
  border-radius: 4px;
  border-top-left-radius: 1px !important;
  border-bottom-left-radius: 1px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none;
  box-shadow: none; }

.widget-placeholder {
  border: 1px dotted black;
  margin: 0 1em 1em 0;
  height: 50px; }

.dashboard-widget .panel-body {
  position: relative; }

.panel.panel-default.dashboard-widget-summary {
  display: flex;
  align-items: center;
  border: #59AAF9 solid 1px;
  border-left-width: 7px; }
  .panel.panel-default.dashboard-widget-summary .panel-heading {
    display: flex;
    width: 100%;
    min-height: 92px;
    padding: 0 18px;
    background-color: transparent;
    box-sizing: content-box; }
  .panel.panel-default.dashboard-widget-summary--lightblue {
    border-color: #44cbf6; }
    .panel.panel-default.dashboard-widget-summary--lightblue .btn.btn-default,
    .panel.panel-default.dashboard-widget-summary--lightblue a.btn.btn-default {
      border-color: #2699be;
      color: #2699be; }
    .panel.panel-default.dashboard-widget-summary--lightblue .dashboard-widget-summary__icon-container {
      background-color: #e8f7fc; }
    .panel.panel-default.dashboard-widget-summary--lightblue .dashboard-widget-summary__icon-container .fas {
      color: #44cbf6; }
  .panel.panel-default.dashboard-widget-summary--green {
    border-color: #59ccb8; }
    .panel.panel-default.dashboard-widget-summary--green .btn-default,
    .panel.panel-default.dashboard-widget-summary--green a.btn.btn-default {
      border-color: #39ae9a;
      color: #39ae9a; }
    .panel.panel-default.dashboard-widget-summary--green .dashboard-widget-summary__icon-container {
      background-color: #e7faf6; }
    .panel.panel-default.dashboard-widget-summary--green .dashboard-widget-summary__icon-container .fas {
      color: #59ccb8; }

.dashboard-widget-summary__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 100%; }

.dashboard-widget-summary__icon {
  flex: 1 0 20%;
  padding: 14px 0; }

.dashboard-widget-summary__content {
  flex: 1 0 47%;
  padding: 14px 0; }

.dashboard-widget-summary__actions {
  flex: 1 0 33%;
  padding: 14px 0; }

.dashboard-widget-summary__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.dashboard-widget-summary__icon-container {
  display: inline-block;
  padding: 16px;
  border-radius: 10px; }

.dashboard-widget-summary__icon-container .fas {
  color: #59CCB8; }

.dashboard-widget-summary__icon-container .fa-circle {
  color: #59AAF9; }

.dashboard-widget-summary__icon-container .fa-stack {
  height: 20px;
  width: 20px;
  line-height: 30px; }

.dashboard-widget-summary__icon-container .fa-stack-1x {
  color: white;
  font-size: 14px;
  line-height: 20px; }

.dashboard-widget-summary__icon-container .fa-stack-2x {
  font-size: 20px; }

.dashboard-widget-summary__label {
  font-size: 17px;
  color: #707070; }

.dashboard-widget-summary__value-small {
  margin-top: 4px;
  margin-right: 5px;
  font-size: 17px;
  font-weight: bolder;
  color: #2699BE; }

.dashboard-widget-summary__value {
  font-size: 22px;
  font-weight: bolder;
  color: #33548E; }

.dashboard-widget-summary__value-icon {
  margin-right: 5px; }

.dashboard-widget-summary__actions .btn.btn-default,
.dashboard-widget-summary__actions a.btn.btn-default {
  margin-bottom: 5px;
  border: #5899d7 solid 1px;
  border-radius: 10px;
  font-weight: bolder;
  color: #5899d7; }

.widget-more-link-div {
  position: absolute;
  bottom: 0px;
  right: 10px;
  text-align: right; }

.widget-more-link {
  color: #9d9d9d !important; }

/*.readonlydashboard .panel {
    border-top-color: white;
    border-left-color: white;
    border-bottom-color: #f1f1f1;
    border-right-color: white;
}

.readonlydashboard .panel-heading {
    background-color: white;
    border-color: #ffffff !important;
}*/
.readonlydashboard .panel:hover {
  border-color: #E6E6E6 !important;
  -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.17);
  -moz-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.17);
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.17); }

.readonlydashboard .panel:hover .panel-heading {
  background-color: #f7f7f7; }

.readonlydashboard .panel:hover .panel-heading .btn {
  display: inline-block;
  background-color: #f7f7f7;
  color: #444444; }

.readonlydashboard .panel-heading .btn {
  display: none; }

.readonlydashboard .panel .panel-heading .panel-options button:last-child {
  display: none !important; }

.readonlydashboard .panel-body.with-table .table th {
  background: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px; }

.dropup-panel {
  position: absolute;
  right: 12px;
  bottom: 10px;
  z-index: 100;
  text-align: right;
  line-height: 1.1; }
  .dropup-panel .panel-action-link {
    min-width: 150px;
    text-align: right;
    right: 0px;
    bottom: 0px; }
    .dropup-panel .panel-action-link a .far {
      font-size: 12px; }
  .dropup-panel .dropdown-menu {
    margin-bottom: 20px !important;
    margin-right: 0px !important; }
    .dropup-panel .dropdown-menu li {
      float: right; }
      .dropup-panel .dropdown-menu li a {
        padding-right: 6px !important; }

.panel-action-link {
  min-width: 150px;
  position: absolute;
  right: 12px;
  bottom: 10px;
  z-index: 100;
  color: #999999;
  text-align: right;
  line-height: 1.1; }
  .panel-action-link a .far {
    font-size: 12px; }

.panel-hover:hover {
  background: #eef7fa; }
  .panel-hover:hover .panel-action-link {
    display: inline-block; }
  .panel-hover:hover i.large-stat {
    color: #999999; }

/* panel layouts */
.row.equal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  /*flex-wrap: wrap;*/ }

.panel-vertical-align {
  display: flex !important;
  display: -webkit-flex !important;
  align-items: center; }

.panel .panel-body.panel-2x2 {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 0; }
  .panel .panel-body.panel-2x2 > .row {
    margin: 0; }

.panel-2x2 > .row > div {
  padding-top: 15px;
  padding-bottom: 10px; }

.panel-2x2 > .row > div:first-child {
  /* left-hand column */
  border-right: solid 1px #e6e6e6; }

.panel-2x2 > .row > div:nth-child(even) {
  /* right-hand column*/
  padding-left: 23px; }

.panel-2x2 > .row:first-child > div {
  /* top row */
  border-bottom: solid 1px #e6e6e6; }

.panel-2x2 > .row:nth-child(even) > div {
  /* bottom row */
  padding-top: 23px; }

.panel .panel-body.panel-2x1 .row {
  height: 100%; }

.panel-2x1 > .row > div:first-child {
  /* left-hand column */
  border-right: solid 1px #e6e6e6; }

/* panel stats */
.number {
  font-weight: 400;
  letter-spacing: -2px;
  line-height: 1;
  color: #999999; }
  .number.number-lg {
    font-size: 56px; }
  .number.number-md {
    font-size: 42px; }

/* panel stat icons */
i.large-stat {
  font-size: 48px;
  color: #d0d0d0;
  font-weight: 300;
  padding-bottom: 14px;
  font-weight: 300; }

/* #endregion Widgets Styles*/
/* ---------------------------------------------------------------------- */
/*	#Pie Progress
/* ---------------------------------------------------------------------- */
.pie_progress {
  text-align: center;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.pie_progress_margin {
  margin: 0px 15px 15px 15px; }

.pie_progress svg {
  margin: 0 auto; }

.pie_progress__content,
.pie_progress__number,
.pie_progress__label,
.pie_progress__icon {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.pie_progress__number {
  font-size: 75px;
  color: #4d4d4d; }

.numbersm {
  font-size: 28px; }

.pie_progress__label {
  margin-top: 42px;
  font-size: 26px;
  color: #6d6d6d; }

.pie_progress__labelsm {
  margin-top: 42px;
  font-size: 12px;
  color: #6d6d6d; }

.pie_progress__svg {
  display: inline-block;
  position: relative;
  width: 90%;
  padding-bottom: 90%;
  vertical-align: middle;
  overflow: hidden; }

.pie_progress__svg svg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0; }

/* #endregion Pie Progress*/
/*-------------------
    weather widget
--------------------*/
.weather-widget {
  width: 100%;
  float: left;
  background: #fff;
  margin-bottom: 20px; }

.weather-widget .weather-state {
  background-color: #00c4a9;
  background-image: url(weather_background.jpg);
  background-size: cover;
  height: 261px;
  width: 45%;
  text-align: center; }

.weather-widget .weather-state .weather-icon {
  font-size: 60px;
  color: #fff;
  display: block;
  margin: 20px 0 60px 0; }

.weather-widget .weather-state .weather-type {
  display: block;
  text-align: center;
  padding: 20px 0;
  font-size: 28px;
  color: #fff;
  font-weight: 300;
  line-height: 28px; }

.weather-widget .weather-state,
.weather-widget .weather-info {
  float: left; }

.weather-widget .weather-info {
  width: 54%; }

.weather-widget .weather-info .degree {
  font-size: 72px;
  display: block;
  font-weight: 100;
  margin-top: 20px; }

.weather-widget .weather-info .degree:after {
  content: "o";
  position: relative;
  top: -40px;
  font-size: 20px;
  font-weight: 400; }

.weather-widget .weather-info .weather-city {
  color: #bdc1c3;
  font-size: 20px;
  font-weight: 300;
  margin-top: 20px;
  display: block; }

.weather-widget .weather-info {
  position: relative; }

/* ---------------------------------------------------------------------- */
/*	#Clock Styles
/* ---------------------------------------------------------------------- */
.clock {
  margin: 0 auto;
  padding-top: 20px;
  color: #f1f1f1; }

#date {
  width: 300px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-align: center;
  display: inline-block; }

.time {
  width: 150px;
  display: inline-block; }

.time ul {
  margin: 0 auto;
  padding: 0px;
  list-style: none;
  text-align: center;
  display: inline-block; }

.time ul li {
  display: inline;
  font-size: 18px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif; }

.point {
  position: relative;
  -moz-animation: mymove 1s ease infinite;
  -webkit-animation: mymove 1s ease infinite;
  padding-left: 2px;
  padding-right: 3px; }

@-webkit-keyframes mymove {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0;
    text-shadow: none; }
  100% {
    opacity: 1.0; } }

@-moz-keyframes mymove {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0;
    text-shadow: none; }
  100% {
    opacity: 1.0; } }

/* #endregion Clock Styles*/
/* ---------------------------------------------------------------------- */
/*	#Misc Styles
/* ---------------------------------------------------------------------- */
div.loading-div {
  height: 350px;
  width: 100%;
  position: absolute;
  z-index: 100; }

div.loading-div .loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px; }

.date-picker-width {
  min-width: 100px; }

h3.response-title {
  margin: 5px 0 !important;
  padding: 0 !important;
  font-size: 17px !important;
  font-weight: 500;
  color: #444444; }

h4.response-title {
  font-weight: 400;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  font-size: 14px;
  color: #444444; }

h5.response-title {
  font-weight: 400;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  font-size: 13px;
  color: #444444; }

.raiser {
  font-weight: 500;
  color: #4D4D4D; }

.response-history-margin-right {
  margin-right: 15px !important; }

.modal-body-header-grey-less-padding .icon {
  top: 0px;
  color: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 15px;
  z-index: 6;
  overflow: hidden;
  width: 120px;
  height: 116px;
  text-align: center;
  /*border: red 1px solid; */ }

.modal-body-header-grey-less-padding .icon i {
  position: relative;
  top: 60px;
  font-size: 80px;
  line-height: 0;
  margin: 0px;
  padding: 0px;
  color: #efefef; }

.modal-body-header-grey-less-padding .icon i:before {
  line-height: 0;
  margin: 0;
  padding: 0; }

.query-alert {
  margin-bottom: 0 !important; }

.searchclear {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  height: 14px;
  margin: auto;
  font-size: 14px;
  cursor: pointer;
  color: #ccc; }

.calendar-popover {
  width: 250px; }

.calendar-icon-padding {
  font-size: 13px;
  padding: 1px 5px 1px 2px; }

.calendar-overflow {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

#query-loader,
#meter-details {
  height: 250px; }

.two-column-div-label-sm {
  width: 75px;
  display: inline-block; }

.two-column-div-label-md {
  width: 250px;
  display: inline-block; }
  .two-column-div-label-md label {
    color: #666666; }

.last-comment-container {
  position: absolute;
  top: 260px;
  width: 100%;
  left: 0;
  padding: 5px 20px 0 20px;
  border-top: 1px solid #f4f4f4; }

blockquote.comment {
  padding-left: 32px;
  padding-bottom: 32px;
  font-size: 1.25em;
  line-height: 1.15;
  font-family: "Times New Roman", Georgia, Serif;
  background: url(images/quote.gif) no-repeat top left;
  border-left: none !important;
  height: 10px; }

blockquote span {
  color: #777777; }

blockquote p {
  color: #777777;
  margin: 0 0 10px 0; }

.feed-loader {
  padding-top: 250px;
  display: none; }

.no-bottom-border th {
  border: 0 #F5F5F6 !important; }

.table-progress,
.feed-progress {
  /*display:none;*/
  background: #fff;
  border: 0 #ffffff !important;
  box-shadow: none !important;
  border-top: 0 !important; }

.table-progress th,
.feed-progress {
  padding: 0 !important;
  height: 3px !important; }

.table-progress .progress,
.feed-progress .progress {
  border-radius: 0 !important;
  border: 0 !important;
  height: 3px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.table-progress-bar,
.feed-progress-bar {
  border-radius: 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.paperless-alert {
  margin-top: 10px;
  margin-bottom: 0px !important; }

#update_graph_btn {
  position: relative; }

#update_graph_spinner {
  position: relative;
  display: none;
  width: 12px;
  height: 12px; }

#download_data_btn {
  position: relative;
  width: 100px; }

#download_data_spinner,
#download_data_spinner2 {
  position: relative;
  display: none;
  width: 12px;
  height: 12px; }

.graph-sites-padding {
  padding-left: 40px;
  padding-right: 20px; }

.calendar-icon {
  padding-right: 5px;
  border-right: 1px solid #e7e7e7;
  margin-right: 3px; }

#map_canvas {
  width: 100%;
  height: 250px !important; }

.quick-info-container {
  width: 225px; }

.quick-info-label {
  width: 75px;
  display: inline-block; }

.carousel {
  height: 250px; }

.carousel-control.left {
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: no-repeat;
  filter: none; }

.carousel-control.right {
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: no-repeat;
  filter: none; }

.carousel-indicators li {
  background-color: #999;
  background-color: rgba(70, 70, 70, 0.25);
  border: 1px solid #444; }

.carousel-indicators .active {
  background-color: #444; }

.carousel-caption {
  text-shadow: none !important;
  color: #629415; }

.carousel-control {
  color: #ffffff;
  text-shadow: none; }

.carousel-caption i {
  font-size: 6em; }

.item {
  text-align: center;
  height: 230px !important; }

.nav > li > a .badge {
  font-size: 10px;
  line-height: 12px;
  min-width: 17px;
  padding: 2px;
  position: absolute;
  right: 5px;
  top: 2px; }

.btn-add-remove {
  width: 100%;
  margin-bottom: 8px; }

.widget-no-data {
  padding-top: 110px;
  text-align: center;
  font-size: 14px; }

.widget-headline {
  color: #9f010e;
  font-weight: bold;
  font-size: 4.8em; }

.widget-subline {
  color: #4d4d4d;
  font-size: 1.7em; }

.bootstrap-datetimepicker-widget {
  z-index: 1060 !important; }

.min-width-100 {
  min-width: 100px; }

.min-width-110 {
  min-width: 110px; }

.min-width-120 {
  min-width: 120px; }

.min-width-130 {
  min-width: 130px; }

.min-width-140 {
  min-width: 140px; }

.min-width-150 {
  min-width: 150px; }

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
  margin-top: -45px; }

.downloadseconds-padding {
  padding-top: 8px; }

.progress-blank-height {
  height: 22px; }

.legend {
  margin-top: 5px;
  width: 100%;
  height: 5px; }

.stop-scrolling {
  height: 100% !important;
  overflow: hidden !important; }

/* #endregion Misc Styles*/
/* ---------------------------------------------------------------------- */
/*	#region TASKS & TODOs
/* ---------------------------------------------------------------------- */
/* task list is used both in tabular and div-based structures */
.task-list .task-group,
.task-details .task-group {
  background: none repeat scroll 0 0 #f5f5f5;
  display: block;
  margin-left: 0 !important;
  padding: 8px 10px;
  position: relative;
  border-bottom: solid 1px #ffffff; }

.split-container .task-group {
  padding-right: 20px;
  padding-left: 25px;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  min-height: 39px; }

.task-list .task-group a,
.task-details .task-group a {
  color: #383838; }

.no-task-selected {
  width: 100%;
  padding: 20% 40%;
  text-align: center; }

/* div version of task class */
.task-list .task {
  background: none repeat scroll 0 0 #ffffff;
  border-bottom: 1px solid #F6F6F6;
  display: block;
  margin-left: 0 !important;
  padding: 8px 10px;
  position: relative; }

/* table version of task class */
.task-list .table-tasks td {
  border-bottom: 1px solid #f5f5f5;
  margin: 0;
  padding: 8px 5px;
  position: relative;
  border-top: none;
  vertical-align: middle; }

.task-list .table-tasks tr:nth-child(even) {
  background: #fcfcfc; }

.task-list .table-tasks tr:hover {
  background: #e9f6fa; }

.task-list .table-tasks tr.editing {
  background: #e9f6fa;
  position: relative; }

.task-list .table-tasks tr.editing .selecting-arrow:after,
.task-list .table-tasks tr.editing .selecting-arrow:before {
  left: 100%;
  top: 50%;
  margin-left: 25px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.task-list .table-tasks tr.editing .selecting-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 12px;
  margin-top: -12px; }

.task-list .table-tasks tr.editing .selecting-arrow:before {
  border-color: rgba(235, 235, 235, 0);
  border-left-color: #e4e4e4;
  border-width: 13px;
  margin-top: -13px; }

.task-list .sub-task {
  background: none repeat scroll 0 0 #ffffff;
  border-bottom: 1px solid #F6F6F6;
  display: block;
  margin-left: 0 !important;
  padding: 8px 10px 8px 33px !important;
  position: relative; }

.task-list-addtaskorgroup {
  color: #848484; }

.task-list-addtask {
  padding: 8px 10px 8px 65px !important;
  position: relative; }

.task-list-addsubtask {
  background: none repeat scroll 0 0 #ffffff;
  display: block;
  margin-left: 0 !important;
  padding: 8px 10px 8px 104px;
  position: relative;
  color: #848484; }

.task-edit {
  background-color: #f7f7f7;
  padding: 15px;
  border-radius: 3px;
  margin-left: 39px; }

/* editing a sub-task */
.task .task .task-edit {
  margin-left: 34px; }

.task-list .edit-container {
  width: 28px;
  display: inline-block; }

.task-list .fa {
  color: #777777; }

.task-list .index {
  color: #999999; }

.task-list .edit-container .dropdown-menu {
  text-align: left; }

.task-icon-button,
.task-icon-button:link,
.task-icon-button:visited {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 0px solid transparent;
  background-color: transparent;
  white-space: nowrap;
  padding: 0 3px;
  font-size: 14px;
  line-height: 1;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #777777; }

.task-icon-button:focus,
.task-icon-button:active:focus,
.task-icon-button.active:focus {
  outline: none;
  outline-offset: 0px;
  background-image: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.task-icon-button:hover,
.task-icon-button:focus {
  color: #333333;
  text-decoration: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  display: inline-block; }

.task-icon-button:active,
.task-icon-button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

/* hiding/showing task icons */
.hidden-icon,
.hidden-icon:link,
.hidden-icon:visited {
  display: none;
  color: #c5c5c5; }

.task-list tr:hover .hidden-icon,
.row:hover > div > .hidden-icon,
.task-activity:hover .hidden-icon {
  display: inline-block; }

a.hidden-icon:hover,
a.hidden-icon:active {
  color: #333333; }

/* reordering */
.task-list .reorder-container {
  width: 12px;
  display: inline-block;
  vertical-align: middle; }

.task-list .reorder-container .reorder {
  color: #c5c5c5; }

.task-list .task-group:hover .reorder-container .reorder,
.task-list .task:hover .reorder-container .reorder,
.task-list tr:hover .reorder-container .reorder {
  cursor: move; }

.task-list .caret-container {
  width: 10px; }

.task-list .task .subtaskcount {
  width: 20px !important;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer; }

.task-list .sub-task-list {
  margin-left: 48px; }

.task-list .task .assigned-to {
  width: 85px !important;
  display: inline-block;
  text-align: left;
  margin-right: 5px;
  cursor: pointer; }

.task-list .circle-icon,
.task-details .circle-icon {
  background-color: #666666;
  border-radius: 47px;
  -moz-border-radius: 47px;
  -webkit-border-radius: 47px;
  border: solid 4px #ffffff;
  color: #FFFFFF;
  margin-top: 2px;
  text-align: center;
  height: 47px;
  line-height: 39px;
  width: 47px;
  display: inline-block; }

.task-list .heading,
.task-details .heading {
  margin-bottom: 5px; }

.task-list .heading .circle-icon,
.task-details .heading .circle-icon {
  position: absolute;
  font-size: 19px;
  left: 8px;
  top: -6px; }

.task-details .heading .circle-icon {
  left: 10px; }

.task-list .heading h3,
.task-details .heading h3 {
  margin: 2px 0 0 8px;
  padding-left: 45px;
  font-size: 16px; }

.task-list .due-date,
.task-details .due-date {
  font-size: 11px;
  line-height: 1.2; }

.unassigned-user {
  color: #bbbbbb !important; }

.task-list .no-tasks {
  color: #888; }

/* ---------------------------------------------------------------------- */
/*	Task Details (as used on home page)
/* ---------------------------------------------------------------------- */
.task-details .heading {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0; }

.task-details h3 {
  margin: 0 0 5px 0; }

.task-details h5 {
  margin-bottom: 0;
  margin-top: 0;
  padding: 4px 0; }

.task-details .custom-row {
  margin-bottom: 6px;
  clear: both;
  position: relative;
  overflow: hidden; }

.task-details .custom-row .lh-col {
  width: 65px;
  float: left;
  text-align: center;
  position: relative; }

.task-details .custom-row .rh-col {
  margin-left: 65px;
  position: relative; }

.task-details .custom-row.row-spacer {
  margin-bottom: 22px; }

/* row used by project name */
.task-details .custom-row.hoverrow {
  border-bottom: solid 1px #ffffff;
  padding: 4px 0;
  margin-bottom: 2px !important; }

.task-details .custom-row.hoverrow:hover {
  border-bottom: solid 1px #efefef;
  background: #fbfbfb; }

.task-details .custom-row.hoverrow .btn {
  display: none; }

.task-details .custom-row.hoverrow:hover .btn {
  display: inline-block; }

.task-details .task-desc {
  color: #999999; }

.task-details .sub-task div {
  vertical-align: middle; }

.task-details hr {
  margin-bottom: 24px;
  margin-left: 9.3%; }

.task-details .avatar-sml {
  width: 35px;
  height: 35px; }

.tab-content .task-details .tab-content {
  border: none;
  border-top: solid 1px #ebebeb;
  padding-left: 0;
  padding-right: 0; }

.task-details .nav-tabs {
  margin-left: 71px; }

.task-details a.mark-complete-lg i {
  color: #cccccc;
  padding-top: 6px; }

.modal a.mark-complete-lg i {
  color: #cccccc;
  padding-top: 7px;
  margin-right: 3px; }

/* form control for comments */
.task-details .form-control {
  border-radius: 3px !important;
  border-color: #ebebeb;
  box-shadow: none;
  font-size: 12px; }

.task-details .form-control:focus {
  border-color: #66AFE9; }

.task-details .notifications {
  margin-bottom: 10px;
  overflow: hidden; }

.task-details .notifications ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.task-details .notifications li {
  float: left;
  margin-right: 15px; }

.task-details .notification-button {
  display: block;
  margin-bottom: 8px; }

/* override general rules when a single full width column is used within the task activity feed  */
/*.task-details .task-activity-post {
    background: #fafafa;
    padding: 20px 0;
    border-radius: 6px;
}*/
.task-details .task-activity-post {
  margin-bottom: 18px; }

.task-details .task-activity-post textarea {
  margin: 0 0 8px 0; }

/* task activity listing */
.task-activity {
  color: #777777;
  min-height: 16px; }

.task-activity.quiet,
.task-activity .quiet {
  font-size: 11px; }

.task-activity .quiet .fa {
  font-size: 10px; }

.task-activity .quiet span {
  padding-right: 15px; }

.task-activity .showmore {
  padding-top: 10px; }

.task-comment > div {
  /* put extra space around comments in the activity list*/
  padding-top: 6px;
  padding-bottom: 6px; }

.task-comment + .task-comment div {
  /* but not where there are two comments in succession */
  padding-top: 0; }

.person {
  color: #383838; }

.task-activity .meta {
  color: #aaaaaa; }

.type-label {
  color: #ffffff;
  display: inline-block;
  border-radius: 3px;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 14px; }

/*Added By JG 4th Jun 2014*/
.like {
  color: #BBBBBB !important;
  cursor: pointer;
  text-decoration: none; }

.like:hover {
  color: #8D929A !important;
  cursor: pointer;
  transition: all 100ms ease-in-out 0s;
  text-decoration: none; }

/* unique buttons used for task/appointment details split screen */
.heading.task-group > .task-buttons {
  margin-left: 46px; }

.heading.task-group > .task-buttons .btn {
  background: transparent;
  font-size: 12px;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
  padding: 9px 9px 10px 9px;
  color: #555555; }

.heading.task-group > .task-buttons .btn.with-border {
  border-right: solid 1px #e8e8e8; }

.heading.task-group > .task-buttons .btn.with-border:first-child {
  border-left: solid 1px #e8e8e8; }

.heading.task-group > .task-buttons .btn i {
  color: #777777; }

.heading.task-group > .task-buttons .btn:hover,
.heading.task-group > .task-buttons .btn:active {
  border-left-color: #dcdcdc;
  border-right-color: #dcdcdc;
  background: #fcfcfc;
  color: #444444; }

.heading.task-group > .task-buttons .btn.selected,
.heading.task-group > .task-buttons .btn.selected:hover,
.heading.task-group > .task-buttons .btn.selected:active {
  border-left-color: #cfeaf3;
  border-right-color: #cfeaf3;
  background: #e9f6fa;
  color: #444444; }

.heading.task-group > .task-buttons .btn:hover i,
.heading.task-group > .task-buttons .btn:active i,
.heading.task-group > .task-buttons .btn.selected i {
  color: #333333; }

.task-buttons-extend {
  position: relative;
  margin-top: -5px;
  padding: 6px 20px 6px 67px;
  background: #e9f6fa;
  border-bottom: solid 1px #cfeaf3;
  z-index: 1; }

.task-buttons-extend input.form-control {
  width: 50%; }

#add-file .progress {
  margin-top: 8px; }

.task-menu-caret {
  margin-left: 8px; }

.tasks-header {
  padding: 10px 0px 12px 0px; }

/* ---------------------------------------------------------------------- */
/* energy vision marketing widget */
/* ---------------------------------------------------------------------- */
#evcustomers_widget .panel-body .grey-bg {
  background-color: #e1e1e1;
  height: 250px; }

#evcustomers_widget .panel-body .lightgrey {
  background-color: #f8f8f8; }

#evcustomers_widget .panel-body .lightgrey-bg {
  background-color: #f8f8f8;
  height: 250px; }

#evcustomers_widget .panel-body .grey-bg .save {
  color: #fff;
  width: 100%;
  text-align: center;
  padding-top: 50px;
  font-weight: 500;
  font-size: 30px; }

#evcustomers_widget .panel-body .grey-bg .pound i {
  color: #fff;
  width: 100%;
  text-align: center;
  padding-top: 15px;
  font-weight: 400;
  font-size: 90px; }

#evcustomers_widget .energyvision-noncustomers-widget-col2 div {
  margin-left: 6%;
  text-align: left; }

#evcustomers_widget .energyvision-noncustomers-widget-col2 .using-energy-vision {
  margin-top: -10px;
  font-size: 12pt;
  font-weight: 600; }

#evcustomers_widget .energyvision-noncustomers-widget-col2 .using-energy-vision .using-grey {
  color: #9d9d9d; }

#evcustomers_widget .energyvision-noncustomers-widget-col2 .learn-more {
  padding-top: 10px !important; }

#evcustomers_widget .energyvision-noncustomers-widget-col3 {
  padding-left: 2% !important;
  padding-top: 20px;
  text-align: center; }

#evcustomers_widget .energyvision-noncustomers-widget-col3 .graph i {
  color: #f0f0f1;
  font-size: 75pt;
  margin-bottom: 20px; }

#evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button i {
  font-size: 12pt;
  padding-top: 12px; }

#evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button-continue {
  margin-top: 20px; }

#evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button-continue i {
  font-size: 22px;
  padding-top: 0px; }

#evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button div {
  display: inline-block;
  vertical-align: top; }

#evcustomers_widget .energyvision-noncustomers-widget-col2 div.thank-you-text {
  padding-bottom: 20px; }

#evcustomers_widget .energyvision-noncustomers-widget-col2 .checkbox-div {
  padding-top: 5%;
  width: 100%; }

#evcustomers_widget .energyvision-noncustomers-widget-col2 .checkbox-div .terms-checkbox {
  display: inline-block;
  width: 10% !important;
  margin-left: 0px !important; }

#evcustomers_widget .energyvision-noncustomers-widget-col2 .checkbox-div .terms-label {
  display: inline-block;
  width: 81%;
  vertical-align: top;
  padding-top: -1px;
  font-size: 7pt;
  margin-left: 10px !important; }

#evcustomers_widget .energyvision-noncustomers-widget-col2 .checkbox-div {
  display: inline-block; }

#evcustomers_widget .energyvision-noncustomers-widget-col2 div.checkbox-div .icheck-item {
  padding-top: 8px;
  padding-right: 20px; }

#evcustomers_widget .energyvision-noncustomers-widget-col2 .signup-text {
  padding-top: 20px;
  padding-bottom: 20px; }

#evcustomers_widget .energyvision-noncustomers-widget-col2 .back-button {
  padding-top: 20px; }

#evcustomers_widget .energyvision-customers-widget .last-months-title {
  font-weight: 500;
  font-size: 14pt;
  color: #5E5E5E;
  padding-left: 7%;
  padding-bottom: 5px;
  padding-top: 12px;
  margin-top: 0px;
  margin-left: 0px !important; }

#evcustomers_widget .energyvision-customers-widget .faketable {
  padding-top: 2%; }

#evcustomers_widget .energyvision-customers-widget .faketable .row {
  padding-top: 4px;
  padding-bottom: 4px; }

#evcustomers_widget .energyvision-customers-widget .faketable .price-title {
  font-weight: 300;
  font-size: 12pt;
  padding-left: 15%; }

#evcustomers_widget .energyvision-customers-widget .faketable .price {
  font-weight: 500;
  font-size: 12pt; }

#evcustomers_widget .energyvision-customers-widget .faketable .price-kwh {
  font-weight: 300;
  font-size: 12pt;
  color: #333 !important;
  padding-left: 8px; }

#evcustomers_widget .energyvision-customers-widget .faketable .table-row {
  background-color: #fbfbfb;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3; }

#evcustomers_widget .energyvision-customers-widget .possible-saving-graph i {
  font-size: 70pt;
  color: #e7e7e7;
  padding-left: 20%;
  padding-top: 15%;
  padding-bottom: 5%; }

#evcustomers_widget .energyvision-customers-widget .possible-saving-text {
  font-weight: 500;
  font-size: 10pt;
  text-align: center;
  width: 100%; }

#evcustomers_widget .energyvision-customers-widget .possible-saving-text .mwh {
  font-weight: 600;
  font-size: 2vw;
  line-height: 30px; }

/* ---------------------------------------------------------------------- */
/* end energy vision marketing widget */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* PDO*/
/* ---------------------------------------------------------------------- */
#pdotable::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #ffffff; }

#pdotable::-webkit-scrollbar {
  width: 8px;
  background-color: #ffffff; }

#pdotable::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  background-color: #e5e5e5; }

.pdoContext {
  border: 1px solid #eee;
  color: #bbb;
  background: #eee;
  padding: 2px;
  font-size: 9px;
  float: right;
  line-height: 9px;
  margin: 1px 3px 0 10px; }

.pdoContext:hover {
  border: 1px solid #777;
  color: #777;
  cursor: pointer; }

.pdoContext.pressed {
  background-color: #999; }

.pdoContextMenu {
  position: absolute;
  border: 1px solid #ccc;
  margin-top: 18px;
  box-shadow: 0 1px 3px -1px #323232;
  background: white;
  padding: 0;
  font-size: 12px;
  display: none;
  z-index: 1111;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important; }

.pdoContextMenu li {
  text-align: left;
  list-style: none;
  padding: 8px 10px;
  cursor: pointer;
  margin-bottom: 0;
  display: block; }

.pdoContextMenu li i {
  padding-right: 10px; }

.pdoContextMenu li.active:before {
  font-size: 12px;
  content: "\2714";
  margin-left: -15px;
  margin-right: 3px; }

.pdoContextMenu li:hover {
  background: #eee; }

#pdo-container {
  padding-right: 20px; }

.realised-pdo {
  width: 25px;
  height: 25px;
  display: block;
  float: right;
  margin-left: 20px; }

.realised-pdo-label {
  margin-top: 5px;
  opacity: 0.95; }

#calendar-title {
  margin-top: -3px;
  margin-top: 8px;
  font-size: 20px;
  font-weight: 400; }

#calendar .fc-center h2 {
  margin-top: 6px;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.5px; }

/* ---------------------------------------------------------------------- */
/* END PDO*/
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* Trading Dashboard*/
/* ---------------------------------------------------------------------- */
.tradingdashboardtableheader {
  padding-top: 10px !important; }

.trading-dashboard-options {
  display: inline-block !important;
  padding: 4px;
  width: 100%;
  background-color: #F8F8F8; }

.trading-dashboard-options > * {
  display: inline-block !important; }

.trading-dashboard-options > label {
  width: 15%;
  font-weight: 600 !important;
  padding-left: 14px; }

.trading-dashboard-options > select {
  width: 40%;
  padding: 2px !important;
  background-color: #f1f1f1; }

.trading-dashboard-options > select option {
  padding: 2px !important; }

/*.forwardprice-href {
    height: 24px;
    margin-top: 4px;
    padding: 6px;
    vertical-align: middle;
    width: 34px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 3px;
}*/
.graph-title {
  margin-top: 10px; }

.tradingdashboardgraph-options {
  padding-top: 5px; }
  .tradingdashboardgraph-options * > div {
    height: 25px;
    vertical-align: middle; }
  .tradingdashboardgraph-options label .icheck-item {
    margin-left: 5px;
    margin-right: 5px; }

.forward-pricing-buttons {
  min-width: 50px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }

/* ---------------------------------------------------------------------- */
/* END Trading Dashboard*/
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* Query File Upload Popover*/
/* ---------------------------------------------------------------------- */
.query-file-upload-popover {
  left: auto !important;
  right: 10px !important; }

.query-file-upload-popover .arrow {
  left: auto !important;
  right: 10px !important; }

.query-files-input {
  width: 100%; }

/* ---------------------------------------------------------------------- */
/* Query File Upload Popover*/
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* Query fixed header*/
/* ---------------------------------------------------------------------- */
.fixedheader {
  width: 100%; }

.fixedheader thead, .fixedheader tbody, .fixedheader tr, .fixedheader td, .fixedheader th {
  display: block; }

.fixedheader tr:after {
  content: ' ';
  display: block;
  visibility: hidden;
  clear: both; }

.fixedheader thead th {
  height: 35px;
  /*text-align: left;*/ }

.fixedheader tbody {
  height: 700px;
  overflow-y: auto; }

.fixedheader thead {
  /* fallback */ }

.fixedheader tbody td, .fixedheader thead th {
  width: 33.3%;
  float: left; }

/* Set-up type wizard screen  */
.wizard-content p.intro {
  line-height: 2;
  font-size: 18px; }

.wizard-choice-box {
  margin: 0 10px;
  border: solid 1px #ebebeb;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 20px !important; }

.wizard-choice-box a {
  min-width: 175px; }

.wizard-choice-box:hover {
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.42);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.42); }

.background-gray, .wizard-choice-box.wizard-choice-box-highlight {
  background: #f5f5f5; }

.wizard-choice-box .wizard-choice-box-head {
  background: #555555;
  padding: 12px 18px;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  margin: -1px -1px; }

.wizard-choice-box.wizard-choice-box-highlight .wizard-choice-box-head {
  background: #8eac42; }

.wizard-choice-box .wizard-choice-box-head h4 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  white-space: nowrap; }

.wizard-choice-box.customer .wizard-choice-box-content:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f007";
  position: absolute;
  font-size: 100px;
  right: 18px;
  top: 0px;
  color: #f0f0f0;
  z-index: -1; }

.wizard-choice-box .wizard-choice-box-content {
  padding: 18px 18px 14px 18px;
  position: relative;
  z-index: 99; }

.wizard-choice-box.tpi .wizard-choice-box-content:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c0";
  position: absolute;
  font-size: 100px;
  right: 18px;
  top: 0px;
  color: #f0f0f0;
  z-index: -1; }

.wizard-choice-box .wizard-choice-box-content ul {
  list-style-type: none;
  padding-right: 33%;
  padding-left: 0;
  margin: 0 0 25px 0;
  min-height: 125px; }

.wizard-choice-box .wizard-choice-box-content ul li {
  padding-left: 25px;
  color: #555555;
  margin: 0 0 7px 0; }

.wizard-choice-box .wizard-choice-box-content ul li:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  display: inline-block;
  margin: 0 9px 0 -25px;
  color: #8eac42;
  font-size: 16px; }

.wizard-choice-box.tpi > .center, .btn.btn-success.disabled {
  background-color: gray !important;
  border-color: gray !important; }

/* #endregion */
.pdo-high {
  background-color: #ff7272 !important;
  text-align: center !important; }

.pdo-low {
  background-color: #72a8ff !important;
  text-align: center !important; }

.pdo-percenthigh {
  background-color: #ff7272 !important;
  text-align: center !important; }

.pdo-percentlow {
  background-color: #72a8ff !important;
  text-align: center !important; }

/* ---------------------------------------------------------------------- */
/* Bulk Query*/
/* ---------------------------------------------------------------------- */
.bulk-query .header {
  min-height: 65px; }

.bulk-query margin-top {
  padding-top: 10px !important; }

.bulk-query .query-notes {
  height: 200px; }

.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.input-file + label {
  font-size: 1.25em;
  font-weight: 700;
  color: white;
  background-color: black;
  display: inline-block; }

.input-file:focus + label,
.input-file + label:hover {
  background-color: red; }

.input-file + label {
  cursor: pointer; }

.input-file:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px; }

/* ---------------------------------------------------------------------- */
/* File Download*/
/* ---------------------------------------------------------------------- */
.filedownload-container {
  margin-top: 100px; }

.filedownload-icon {
  font-size: 10em;
  color: #383838; }

.filedownload-spinner {
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.filedownload-spinner-sm {
  width: 125px;
  height: 125px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 20px; }

.processing-users {
  margin-left: 38%; }

.processing-emails {
  margin-left: 20%; }

/* #endregion */
textarea.only-vertical-resize {
  resize: vertical; }

.amcharts-axis-title tspan {
  letter-spacing: 1px; }

h4.donut-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333333;
  font-size: 11px;
  font-weight: 500; }

.donuts svg text {
  font-size: 11px !important; }

.email-details-body-text {
  height: 146px;
  width: 650px;
  overflow: hidden;
  text-overflow: ellipsis; }

.billing-account-detail-banner {
  margin-left: 23px;
  margin-right: 23px;
  margin-top: 23px; }

.user-confirmation-row .form-group {
  display: flex;
  align-items: center; }

.user-confirmation-row .form-group .control-label {
  display: flex;
  align-items: center;
  margin-bottom: 13px; }

.user-confirmation-row .form-group .control-label > i {
  margin-right: 15px; }

.user-confirmation-value {
  display: flex;
  align-items: baseline; }

.user-confirmation-value > i {
  margin-right: 10px;
  font-size: 1.5em; }

.user-confirmation-value > label {
  margin-right: 10px; }

.user-confirmation-value > a {
  margin-right: 10px; }

.user-validation-input {
  display: flex; }

.user-validation-input > select {
  width: 40%;
  margin-right: 13px; }

.user-validation-input > input {
  width: 60%; }

.company-roles-container {
  margin-top: 13px;
  margin-bottom: 13px; }

.paging-report-row-red {
  background-color: #FDAAB2 !important; }

.table-hover > tbody > tr.paging-report-row-red:hover > td,
.table-hover > tbody > tr.paging-report-row-red:hover > th {
  background-color: #ED9AA2 !important; }

.paging-report-row-yellow {
  background-color: #FFD966 !important; }

.table-hover > tbody > tr.paging-report-row-yellow:hover > td,
.table-hover > tbody > tr.paging-report-row-yellow:hover > th {
  background-color: #FFD966 !important; }

.banner-videolink {
  float: right; }

.banner-videolink > i {
  color: gray; }

.base-banner {
  margin-bottom: 20px;
  border: 1px solid transparent;
  padding: 18px 18px 12px 18px;
  border-radius: 8px;
  min-height: 180px; }

.expand-banner-link {
  text-align: right;
  height: 20px; }

.banner-content-collapse {
  min-height: 140px; }

.submit-meter-readings-banner-container {
  margin-left: 23px;
  margin-right: 23px;
  margin-top: 23px; }

.base-banner-container .alert {
  margin-top: 23px;
  margin-bottom: 0; }

.widgets-header {
  display: flex !important;
  flex-direction: row;
  margin-right: 20px; }

.widgets-row {
  display: flex !important;
  flex-direction: row; }

#attemptreportrow {
  display: flex;
  align-items: center;
  justify-content: inherit; }

.login-attempt-search {
  display: flex;
  align-items: center; }

.readonly-widget-icon {
  font-size: 22px; }

.resend-code-link-disabled {
  cursor: default !important;
  pointer-events: none !important;
  text-decoration: none !important;
  color: grey !important; }

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20.4px; }

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px; }

.toggle-slider:before {
  position: absolute;
  content: "";
  height: 15.6px;
  width: 15.6px;
  left: 2.4px;
  bottom: 2.4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%; }

input:checked + .toggle-slider {
  background-color: #108ddc; }

input:focus + .toggle-slider {
  box-shadow: 0 0 1px #108ddc; }

input:checked + .toggle-slider:before {
  -webkit-transform: translateX(15.6px);
  -ms-transform: translateX(15.6px);
  transform: translateX(15.6px); }

/* ---------------------------------------------------------------------- */
/* Gen Services                                                           */
/* ---------------------------------------------------------------------- */
.gs-filter-collapse {
  float: right;
  font-size: 150%;
  padding: 5px;
  outline: 3px solid transparent; }

.gs-news-report-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 6px; }

.gs-news-report-category {
  font-size: 14px;
  font-weight: 600;
  line-height: 1; }

.gs-news-report-summary {
  clear: both;
  margin-top: 10px;
  color: #909fa7; }

.gs-news-report-publish-date {
  display: block;
  float: right;
  color: #909fa7;
  font-size: 12px;
  font-weight: bold; }

#notification-preferences-modal-container #user_notification_preferences_tab_container {
  width: 100%; }

.notification-preferences-tab-edit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 50px; }

.notification-preferences-active {
  height: 50px; }
  .notification-preferences-active .notification-preferences-label-inactive-suffix {
    display: none; }

.notification-preferences-inactive {
  height: 50px; }
  .notification-preferences-inactive td.text-center i.fa {
    color: #b5b5b5; }
  .notification-preferences-inactive .notification-preferences-label-inactive-suffix {
    display: inline-block; }

#userimports-fileupload-form .scroller-modal-view {
  max-height: 25vh;
  overflow-y: scroll;
  display: inline-block; }

.disabled-user {
  background-color: #f9f9f9 !important; }

.enabled-user {
  background-color: white !important; }

.tooltip-inner {
  max-width: fit-content; }

.query-files-table {
  table-layout: fixed;
  word-wrap: break-word; }

.query-files-table-body td span {
  max-width: 99%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block; }

.query-files-table-body td a {
  max-width: 99%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block; }

.encoded-control .form-control {
  border: 1px solid #e6e6e6; }

.encoded-control .form-control:hover {
  border-color: #b5b5b5; }

.encoded-control .form-control--focus {
  border-color: #404040 !important;
  box-shadow: 0 0 8px rgba(64, 64, 64, 0.6);
  outline: 0 none !important; }

.encoded-control .form-control--focus.input-validation-error {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset, 0 0 6px #ce8483 !important; }

.encoded-payment-form {
  display: flex;
  flex-direction: column;
  height: calc(100% - 64px); }
  .encoded-payment-form .modal-body {
    flex-grow: 1; }
  .encoded-payment-form .form-group--amount {
    position: relative; }
    .encoded-payment-form .form-group--amount .currency-sign {
      display: inline-block;
      position: absolute;
      top: 32px;
      left: 8px;
      font-family: inherit;
      font-size: 13px;
      color: #555555; }
    .encoded-payment-form .form-group--amount #amount {
      padding-left: 16px; }

.notification-preferences-tab-edit-not-active-label {
  padding-left: 15px; }

body.none-accessibility .aa-new-window-icon,
body.a-accessibility .aa-new-window-icon {
  display: none !important; }

body.aa-accessibility span ~ .aa-new-window-icon {
  margin-left: 5px; }

.icheckbox_square-grey.focus {
  border: 2px solid darkgrey; }

#deletereport .datatables_header .row {
  margin-bottom: 13px; }
  #deletereport .datatables_header .row:last-child {
    margin-bottom: 0; }

#basr_isshowonlywithoutsubscription_div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }

#basr_search_container {
  min-width: 88px; }

#basr_isshowonlywithoutsubscription_label {
  margin-top: 0; }

#invoicereport .datatables_wrapper td.datatable_action {
  min-width: 100px;
  min-height: 60px;
  vertical-align: middle; }

#invoices .datatables_wrapper td.datatable_action {
  min-width: 260px;
  min-height: 60px;
  vertical-align: middle; }

.schedule-report-readonly-option-tick {
  width: 18px;
  margin-left: 4px; }

#report-preset-edit-name {
  display: flex;
  flex-direction: row; }

.report-preset-list-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .report-preset-list-item button {
    border: none;
    background: none; }
  .report-preset-list-item a {
    width: 90%; }

.report-preset-list-item-delete {
  display: flex;
  align-items: center;
  width: 10%;
  justify-content: flex-end; }

#report-preset-edit-list {
  max-height: 300px;
  overflow: auto;
  margin-right: 7px;
  margin-left: 8px;
  width: 97%; }

.pagenumber-dropdown-container .selectWoo-container {
  text-align: left; }

.pagenumber-dropdown-container .selectWoo-container--bootstrap .selectWoo-selection--single .selectWoo-selection__rendered {
  padding-left: 8px;
  padding-right: 20px; }

.cke_screen_reader_only {
  bottom: 0; }

.datatables_wrapper td.datatable_action .table-button.inline-block {
  display: inline-block !important; }

#tab-contacts {
  max-height: 468.45px;
  overflow-y: auto; }

#querychangetype-modal .modal-body-header-grey-less-padding {
  margin-bottom: 9px; }

#scheduledreport-form .path-input-wrapper {
  position: relative; }
  #scheduledreport-form .path-input-wrapper .form-control {
    padding-left: 13px; }

#scheduledreport-form .root-path-sign {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 16px;
  font-family: inherit;
  font-size: 13px; }

#scheduledreport-form .firewall-rules-checkbox-wrapper {
  height: 30px;
  display: flex;
  align-items: center; }
  #scheduledreport-form .firewall-rules-checkbox-wrapper .icheck-item {
    margin-right: 5px; }

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%); }

.tab-contacts-type {
  text-align: right; }

.only-without-subcription {
  display: flex;
  align-items: center; }
  .only-without-subcription .icheck-item {
    margin-right: 10px; }

.widget-right-border > div:nth-child(odd) {
  border-right: solid 1px #e6e6e6; }

#onboarding {
  display: flex;
  width: 100%;
  height: 250px !important;
  flex-wrap: wrap; }

.onboarding-summary-category {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 50%;
  width: 50%;
  display: flex;
  border-bottom: solid 1px #e6e6e6; }

.onboarding-summary-category-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center; }

.onboarding-summary-category-info h4 {
  text-align: center;
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }

.onboarding-summary-category-info .number {
  display: flex;
  align-items: center;
  justify-content: center; }

.onboarding-summary-category-icon {
  text-align: center;
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0; }

.onboarding-summary-category-icon i.large-stat {
  padding-bottom: 0; }

.onboarding-summary-category-link {
  height: 50%;
  width: 100%;
  text-align: end;
  display: flex;
  align-items: end;
  justify-content: end; }

.onboarding-summary-category-link a {
  display: none;
  margin-right: 10px; }

.onboarding-summary-category:hover {
  background: #eef7fa; }

.onboarding-summary-category:hover a {
  display: inline-block; }

.onboarding-summary-category:hover i.large-stat {
  color: #999999; }

#journeytofirstbill {
  display: flex;
  width: 100%;
  flex-wrap: wrap; }

.journey-to-first-bill-category {
  height: 100%;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center; }

.journey-to-first-bill-category-info {
  height: 90%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.journey-to-first-bill-category-link {
  height: 10%;
  width: 100%;
  text-align: end; }

.journey-to-first-bill-category-link a {
  display: none;
  margin-right: 10px; }

.journey-to-first-bill-category:hover {
  background: #eef7fa; }

.journey-to-first-bill-category:hover a {
  display: inline-block; }

.journey-to-first-bill-category:hover i.large-stat {
  color: #999999; }

#multiple-document-upload-form .document-types-col {
  height: 100px;
  margin-bottom: 10px; }

#multiple-document-upload-form .file-upload-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  border: 2px solid; }

#multiple-document-upload-form .file-upload-label {
  font-size: 16px;
  cursor: pointer; }

#multiple-document-upload-form .progress {
  width: calc(100% - 20px); }

#add-more-attributes {
  display: flex;
  align-items: center; }

.ratings-control__wrapper {
  display: flex;
  flex-direction: column;
  width: fit-content; }

.ratings-control__btn-group .btn {
  margin-right: 10px; }
  .ratings-control__btn-group .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .ratings-control__btn-group .btn:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0; }

.ratings-control__hints {
  display: flex;
  justify-content: center;
  position: relative; }

.ratings-control__label--start {
  position: absolute;
  left: 0; }

.ratings-control__label--end {
  position: absolute;
  right: 0; }

.survey__query-text {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis; }

.form-group-wrapper {
  margin-bottom: 13px; }

#advanced-users-form #advancedFilter + .selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-selection__rendered {
  padding: 3px; }

#advanced-users-form #advancedFilter + .selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-selection__choice {
  width: unset;
  margin: 3px; }

#advanced-users-form #advancedFilter + .selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-search--inline .selectWoo-search__field {
  margin: 3px; }

#campaign-form .tab-content {
  overflow: visible; }

#campaign-form .modal-body .tab-pane {
  height: 486px !important;
  overflow-y: auto; }

#campaign-form .widgets-table {
  table-layout: fixed;
  word-wrap: break-word; }
  #campaign-form .widgets-table__body td span, #campaign-form .widgets-table__body td a {
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; }

.campaign-widget-modal__image-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .campaign-widget-modal__image-wrapper .edit {
    margin-left: 10px; }

.paginator {
  text-align: center;
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
  padding-bottom: 0;
  margin-bottom: 0; }
  .paginator a {
    cursor: pointer !important; }

#campaigns-dashboard-tags {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.campaigns-dashboard-tag-group {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 5px;
  margin-right: 5px; }

.campaigns-dashboard-tag-group > .label {
  padding: 9px 14px 9px 14px !important;
  line-height: 14px;
  font-size: 12px !important;
  border: none;
  box-shadow: none;
  margin-right: 5px;
  margin-bottom: 5px; }

.opt-switch-link-container {
  text-align: center; }

.campaign-widget-row img {
  max-height: 150px;
  max-width: 150px; }

.campaign-widget-row td {
  text-align: center;
  vertical-align: middle !important; }

.password-strength-group {
  margin: 5px 0 10px; }
  .password-strength-group[data-strength='1'] .meter-block:nth-child(-n + 1) {
    background: #cc3d04; }
  .password-strength-group[data-strength='1'] .message-item:nth-child(1) {
    opacity: 1; }
  .password-strength-group[data-strength='2'] .meter-block:nth-child(-n + 2) {
    background: #ffc43b; }
  .password-strength-group[data-strength='2'] .message-item:nth-child(2) {
    opacity: 1; }
  .password-strength-group[data-strength='3'] .meter-block:nth-child(-n + 3) {
    background: #9ea60a; }
  .password-strength-group[data-strength='3'] .message-item:nth-child(3) {
    opacity: 1; }
  .password-strength-group[data-strength='4'] .meter-block:nth-child(-n + 4) {
    background: #289116; }
  .password-strength-group[data-strength='4'] .message-item:nth-child(4) {
    opacity: 1; }
  .password-strength-group .password-strength-meter {
    display: flex;
    justify-content: stretch;
    width: 100%;
    transition: height 0.3s; }
    .password-strength-group .password-strength-meter .meter-block {
      flex-grow: 1;
      height: 4px;
      margin-right: 6px;
      background: #ccc; }
      .password-strength-group .password-strength-meter .meter-block:last-child {
        margin: 0; }
  .password-strength-group .password-strength-message {
    position: relative;
    margin-top: 3px;
    text-align: right;
    transition: all 0.5s; }
    .password-strength-group .password-strength-message .message-item {
      position: absolute;
      right: 0;
      font-size: 12px;
      opacity: 0;
      transition: opacity 0.2s; }

.default-granularity-label {
  margin-top: 15px; }

.two-column-consumption-div-label-md {
  width: 220px;
  display: inline-block; }

.campaign-preview-link[disabled],
.campaign-preview-link[disabled]:hover,
.campaign-preview-link[disabled]:focus {
  pointer-events: none;
  color: #e1e1e1;
  text-decoration: none; }

.search-modal__body {
  display: flex;
  flex-direction: column;
  padding: 20px; }

.search-modal__col {
  margin-bottom: 20px; }

.search-modal__loader, .search-modal__content {
  height: 750px; }

.search-modal__content {
  display: flex;
  flex-direction: column; }

.search-modal__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 50%; }

.search-modal__section {
  height: 50%;
  margin-bottom: 20px; }

.search-modal__title {
  position: relative;
  margin-bottom: 15px !important; }
  .search-modal__title::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    transform: translateY(-50%);
    z-index: 0; }
  .search-modal__title span {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 0 5px; }

.search-modal__table.table-responsive {
  border: none; }

.search-modal__table .table.list-view {
  table-layout: fixed;
  margin-bottom: 10px; }

.search-modal__table thead {
  display: none; }

.search-modal__redirect {
  padding-left: 8px; }

.search-modal__text-overflow {
  overflow: hidden;
  text-overflow: ellipsis; }

.search-results__filter-col {
  margin-bottom: 10px; }
  .search-results__filter-col .btn-group {
    width: 100%; }