/* Login page settings */
/* Top bar settings */
/* Menu settings */
/* Module header settings */
/* Breadcrumb text color is $theme-module-text-color with extra transparancy */
/* Selected tab bottom border is $them-module-active-text-color */
/* Page settings (the page behind the cards) */
/* Card settings (the cards that make up the page) */
/* Also used for the user pop-up (when clicking on the user name) */
/* But the user pop-up always has a shadow */
/* Selected card tab bottom border is $card-header-active-text-color */
/* Button settings */
/* Form accent */
/* Overrule status disconnect color */
div.status.disconnected {
  background-color: #757575 !important; }

div.status.error {
  background-color: #f44336 !important; }

div.status.warning {
  background-color: #ffb300 !important; }

div.status.unknown {
  background-color: #757575 !important; }

div.status.ok {
  background-color: #4caf50 !important; }

div.status.icon.tile {
  background-color: unset !important; }

/*
     For a given hue in a palette, return the contrast text color from the map of contrast palettes.
     @param $palette The palette color.
     @param $hue The hue from the palette to use.
 */
/*
     Gets a color from a color palette
     @param $palette The palette color.
     @param $hue The hue from the palette to use.
 */
/*
     For a given hue in a palette, return the contrast text color from the map of contrast palettes.
     @param $palette The palette color.
     @param $hue The hue from the palette to use.
 */
/*
     Gets a color from a color palette
     @param $palette The palette color.
     @param $hue The hue from the palette to use.
 */
/* Primary text colors */
/* conNXT specific colors */
/* Default ict-mdbootstrap colors */
/* Material colors */
/* Dimensions */
/* Images */
/* Default color palette values */
/* Primary colors */
/* navbar */
/* Module Header */
/* Profile/User dropdown menu*/
/* Custom MD Bootstrap colors | file: _custom_mdb.scss */
/* Material Design Forms | file: _forms.scss */
/* Alpha for the color of the forms | file: _forms.scss */
/* Warning Colors */
/* Variables that can be set in the conNXT theme manage */
/*
    Navbar background color
*/
/*
    Navbar text color
*/
/*
    Boolean indicating wether the navbar has shadow
*/
/*
    Background color of the navigation menu items
*/
/*
    Text color of the navigation menu items
*/
/*
    Background color of the active menu item
*/
/* 
    Text color of the active menu item
*/
/*
    Boolean indicating wether the menu bar has shadow
*/
/*
    First gradient color of the moduleheader
*/
/*
    Second gradient color of the modulebar header
*/
/*
    Text color of the modulebar (page name, hierarchy breadcrumbs)
*/
/*
    Background color of the active menu tab in the modulebar
*/
/*
    Text color of the active menu tab in the modulebar
*/
/*
    Background color of the page
*/
/*
    Background color of a card header
*/
.card-header {
  background-color: #f7f7f7; }

.custom-tabs {
  background-color: #f7f7f7 !important; }

/*
    Text color of a card header
*/
.card-header {
  color: #252525; }

.custom-tabs .nav-item a {
  color: #252525 !important; }

.card .custom-tabs .nav-item a.active {
  background-color: unset !important; }

.card .custom-tabs .nav-item a.active {
  color: #00529B !important;
  border-color: #00529B !important; }

/*
    Background color of a card header
*/
.card-header {
  border-bottom: 1px solid #e4e5E7; }

/*
    Background card color
*/
/*
    Boolean indicating wether cards have shadow
*/
/* 
    Border color of a card
*/
/*
    Border radius of a card
    TODO: Doesn't work yet due to a lack of CSS classes
*/
/*@if variable-exists(theme-card-border-radius) {
    .card {
        border-radius: $theme-card-border-radius !important;
    }

    .card-header {
        border-top-left-radius: $theme-card-border-radius !important;
        border-top-right-radius: $theme-card-border-radius !important;
    }

    .card-body~div:not(.card-header) {
        border-top-left-radius: $theme-card-border-radius !important;
        border-top-right-radius: $theme-card-border-radius !important;
    }

    .card-footer {
        border-bottom-left-radius: $theme-card-border-radius !important;
        border-bottom-right-radius: $theme-card-border-radius !important;
    }

    .card-body+div:not(.card-footer) {
        border-bottom-left-radius: $theme-card-border-radius !important;
        border-bottom-right-radius: $theme-card-border-radius !important;
    }
}*/
/*
    Background color of a button
*/
/*
    Text color of a button
*/
/*
    Form accent color (checkboxes, radiobuttons, textbox borders)
*/
/*
    Background color of a card hard on the login page
*/
/*
    Text color of the card on the login page
*/
/*
    Background color of the buttons on the login page
*/
/*
    Text color of the buttons on the login page
*/
/*
    Border color of the login card
*/
/*
    logo in topbar
*/
/*
    logo on login page
*/
/*
    background on login page
*/
/* Primary text colors */
/* conNXT specific colors */
/* Default ict-mdbootstrap colors */
/* Material colors */
/* MD Bootstrap overrides */
.btn-primary {
  background-color: #ff0000 !important;
  color: #ffffff !important; }
  .btn-primary.dropdown-toggle {
    background-color: #ff0000 !important;
    color: #ffffff !important; }
    .btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus {
      background-color: #ff0000 !important;
      color: #ffffff !important; }

.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.show > .btn-primary.dropdown-toggle:active {
  background-color: #ff3333 !important; }

.btn-secondary,
.btn-secondary.dropdown-toggle,
.show > .btn-secondary.dropdown-toggle {
  background-color: #ff0000 !important;
  color: #ffffff !important; }
  .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus,
  .btn-secondary.dropdown-toggle:hover,
  .btn-secondary.dropdown-toggle:active,
  .btn-secondary.dropdown-toggle:focus,
  .show > .btn-secondary.dropdown-toggle:hover,
  .show > .btn-secondary.dropdown-toggle:active,
  .show > .btn-secondary.dropdown-toggle:focus {
    background-color: #ff0000 !important;
    color: #ffffff !important; }
  .btn-secondary.disabled, .btn-secondary:disabled,
  .btn-secondary.dropdown-toggle.disabled,
  .btn-secondary.dropdown-toggle:disabled,
  .show > .btn-secondary.dropdown-toggle.disabled,
  .show > .btn-secondary.dropdown-toggle:disabled {
    background-color: #ff0000 !important;
    color: #ffffff !important; }

.btn-secondary:not([disabled]):not(.disabled):active {
  background-color: #384959 !important; }

.dropdown-item:hover {
  background-color: white !important; }

.dropdown-item:active {
  background-color: #ffcccc !important; }

.dropdown-menu.force-scroll {
  overflow-y: auto;
  max-height: 180px; }

a {
  color: #eb6011; }
  a:hover, a:active, a:focus, a:visited {
    color: #e2440a; }

.small {
  color: #eb6011; }

.bg-navbar {
  background-color: #ffffff; }

.side-nav {
  background-color: #ffffff;
  margin-top: 66px; }
  .side-nav a {
    padding-left: 1rem; }

.double-nav {
  z-index: 1000;
  color: #000000; }

@media only screen and (max-width: 1024px) {
  .double-nav .breadcrumb-dn {
    display: none; } }

main {
  padding-left: 240px; }

a.button-collapse.mt-2 i {
  color: #ffffff; }

@media (max-width: 1440px) {
  main {
    padding-left: 0; }
  .double-nav .button-collapse,
  .double-nav .logo {
    display: inline-block !important; }
  .double-nav .button-collapse {
    left: 0px;
    margin-left: 0px; } }

.navbar {
  height: 66px; }

.custom-scrollbar {
  overflow: auto; }

.navbar .dropdown-menu.dropdown-menu-right,
.dropdown-menu-right {
  right: 0 !important;
  left: auto; }

.card {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  .card .tab-content {
    padding: 1.25rem;
    /* Use the same padding as card-body when using tabs in a card */ }
  .card .card-header {
    border-radius: 0; }

.card-body {
  background-color: #fff; }

.mdc-snackbar {
  min-width: 568px;
  max-width: 568px;
  border-radius: 0px; }

.connxt-dt-bottom .dataTables_length {
  /*IE11 fix for datatables rows per page label*/ }
  .connxt-dt-bottom .dataTables_length > label {
    vertical-align: top; }
  .connxt-dt-bottom .dataTables_length > .select-wrapper > input.select-dropdown {
    line-height: normal; }

/*Add resizability to control and disable transitions on edit forms*/
textarea.md-textarea {
  transition-duration: 0s;
  resize: vertical;
  max-height: 500px;
  overflow-y: auto; }

/*Custom validation summary styling*/
.validation-summary-errors {
  margin-top: 13px;
  padding-top: 20px;
  padding-bottom: 1px;
  border-left: 3px solid #ff3537; }
  .validation-summary-errors > ul > li {
    list-style-type: none;
    margin-left: -19px;
    color: #9e1d29; }

.module-header-title {
  color: #ffffff; }

.module-header .classic-tabs li a {
  background-color: rgba(0, 0, 0, 0);
  color: #ffffff; }
  .module-header .classic-tabs li a.active, .module-header .classic-tabs li a:active {
    background-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
    border-bottom: 3px solid #ffffff; }

.connxt-body {
  background-color: #e0e0e0; }

.dt-icon {
  font-size: 1.3rem; }

a.dropdown-item:visited {
  color: inherit; }

.connxt {
  background-color: #eb6011; }

.connxt-text {
  color: #eb6011; }

/* Left navigation */
.side-nav .custom-scrollbar .collapsible li {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  .side-nav .custom-scrollbar .collapsible li:hover a.collapsible-header.waves-effect.pt-2.connxt {
    background-color: #ff0000;
    color: #ffffff !important; }

.side-nav .custom-scrollbar .collapsible a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  .side-nav .custom-scrollbar .collapsible a.collapsible-header.waves-effect.pt-2.connxt {
    background-color: #ffffff;
    height: 3.2rem;
    font-size: 0.9rem;
    font-weight: 400;
    color: #000000 !important; }
    .side-nav .custom-scrollbar .collapsible a.collapsible-header.waves-effect.pt-2.connxt.active {
      background-color: #ff0000 !important;
      color: #ffffff !important; }
    .side-nav .custom-scrollbar .collapsible a.collapsible-header.waves-effect.pt-2.connxt > i.fa {
      font-size: 1.1rem; }

/* Module Header */
.module-header {
  position: relative;
  width: 100%;
  height: auto;
  color: #ffffff;
  padding: 0;
  background: #ff0000;
  background: linear-gradient(90deg, #ff0000, #ff2626);
  margin-top: 4.125rem;
  align-items: center;
  display: flex;
  flex-wrap: wrap; }
  .module-header .top-hierarchy-breadcrumb {
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer; }
    .module-header .top-hierarchy-breadcrumb .dropdown-menu {
      cursor: auto; }
  .module-header .title-wrapper {
    padding-left: 1em;
    padding-top: .6em;
    width: 100%;
    min-height: 65px;
    display: flex;
    align-items: center; }

.module-header h2 {
  font-family: Roboto,sans-serif;
  font-weight: 400;
  position: relative; }

.module-header .parallelogram {
  position: absolute;
  right: 3.5rem;
  top: 0;
  width: 14%;
  height: 100%;
  background: #ff0000;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg); }

/* Navbar*/
.navbar.scrolling-navbar {
  z-index: 1000; }

.navbar .logo {
  height: 42px;
  width: 240px;
  background: url(../images/Searchlight-logo.png);
  background-repeat: no-repeat;
  background-size: contain; }
  .navbar .logo img.logo-image {
    height: 42px; }

.navbar .navbar-content {
  float: left !important;
  display: flex;
  align-items: center; }
  .navbar .navbar-content a {
    color: #000000; }

/* Profile/User dropdown menu*/
.navbar .nav-item.avatar .dropdown-toggle img {
  height: 50px; }

.user-dropdown {
  top: 0px;
  width: 200px;
  padding: 0 !important; }

.user-dropdown a.dropdown-item,
.user-dropdown a.dropdown-item:hover {
  color: #424242 !important;
  border-radius: 0;
  transition: none;
  box-shadow: none !important; }

.dropdown-menu.user-dropdown .dropdown-item:hover,
.user-dropdown a.dropdown-item:hover {
  background-color: #eeeeee !important;
  color: #424242 !important; }

.user-dropdown .btn.logout {
  margin: 0;
  text-align: center; }

.user-dropdown a.dropdown-item.btn.logout,
.user-dropdown a.dropdown-item.btn.logout:hover {
  background-color: #ff0000 !important;
  color: #ffffff !important; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.profile-picture-sm {
  border: 2px solid #fff;
  box-shadow: inset 0 1.5px 3px 0 rgba(0, 0, 0, 0.15), 0 1.5px 3px 0 rgba(0, 0, 0, 0.5) !important; }

.profile-picture-md {
  border: 3px solid #fff;
  box-shadow: inset 0 2px 3.75px 0 rgba(0, 0, 0, 0.15), 0 2px 3.75px 0 rgba(0, 0, 0, 0.5) !important; }

.jstree-proton {
  font-family: Roboto, sans-serif !important; }

/* Date range picker override colors */
td.active.start-date:not(.off), td.active.end-date:not(.off) {
  background-color: #eb6011 !important;
  border-radius: 50% !important; }

td.active.start-date:hover, td.active.end-date:hover {
  background-color: #eb6011; }

/* Styles specfic for for unauthenticated users */
.login-container {
  width: 100vw;
  height: 100vh; }
  .login-container:before {
    background-image: url(../images/bglogin.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.7; }

.external-container {
  display: flex;
  align-items: center;
  min-height: 100vh;
  height: 100%;
  justify-content: center;
  -ms-flex-pack: center;
  display: -ms-flexbox;
  padding: 0; }
  .external-container .logo {
    background: url(../images/Searchlight-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 50px; }
  .external-container .card-body {
    background-color: rgba(0, 0, 0, 0) !important; }
  .external-container .external-card-header {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0); }
  .external-container .btn-primary {
    background-color: #ff0000 !important;
    color: #ffffff !important; }

/* Tables */
.connxt-dt-top {
  display: flex;
  flex-grow: 1;
  margin-bottom: 1rem; }
  .connxt-dt-top .dataTables_filter {
    margin: 0; }
    .connxt-dt-top .dataTables_filter input {
      margin-left: 0; }
    .connxt-dt-top .dataTables_filter.md-form {
      width: 30%; }
      @media screen and (max-width: 576px) {
        .connxt-dt-top .dataTables_filter.md-form {
          width: 100%; } }
      .connxt-dt-top .dataTables_filter.md-form > .form-control {
        margin-bottom: 0; }

.connxt-dt-table table.dataTable.no-footer {
  border-bottom-color: rgba(0, 0, 0, 0.12); }

.connxt-dt-table table.dataTable thead tr {
  height: 56px; }

.connxt-dt-table table.dataTable thead th {
  position: relative;
  background-image: none !important; }
  .connxt-dt-table table.dataTable thead th.sorting:after, .connxt-dt-table table.dataTable thead th.sorting_asc:after, .connxt-dt-table table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    font-family: 'Material Icons';
    color: #000; }
  .connxt-dt-table table.dataTable thead th.sorting:after {
    content: "\e164";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0.12em; }
  .connxt-dt-table table.dataTable thead th.sorting_asc:after {
    content: "\e5d8"; }
  .connxt-dt-table table.dataTable thead th.sorting_desc:after {
    content: "\e5db"; }
  .connxt-dt-table table.dataTable thead th label {
    margin: 0; }

.connxt-dt-table table.dataTable tfoot th,
.connxt-dt-table table.dataTable thead th {
  color: rgba(0, 0, 0, 0.54);
  font-size: .8rem;
  font-weight: 400;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  padding: 8px 10px;
  vertical-align: middle; }

.connxt-dt-table table.dataTable tbody {
  color: rgba(0, 0, 0, 0.87); }
  .connxt-dt-table table.dataTable tbody td {
    font-weight: 400;
    vertical-align: middle; }

.data-table {
  /*hide data-table before dataTables init is completed*/
  display: none; }

.connxt-dt-bottom {
  display: flex;
  justify-content: flex-end;
  font-size: .8rem; }
  @media screen and (max-width: 576px) {
    .connxt-dt-bottom {
      justify-content: center; } }
  .connxt-dt-bottom > div {
    color: rgba(0, 0, 0, 0.54) !important; }
    .connxt-dt-bottom > div:not(:first-child) {
      padding-left: 1rem; }
  .connxt-dt-bottom .dataTables_length {
    text-align: right;
    padding-top: .2rem; }
    .connxt-dt-bottom .dataTables_length > label {
      margin-top: .3rem; }
    @media screen and (max-width: 576px) {
      .connxt-dt-bottom .dataTables_length {
        display: none; } }
    .connxt-dt-bottom .dataTables_length > .select-wrapper {
      width: 20%; }
      .connxt-dt-bottom .dataTables_length > .select-wrapper > span.caret {
        top: .3rem;
        color: inherit; }
      .connxt-dt-bottom .dataTables_length > .select-wrapper > input.select-dropdown {
        height: 1.5rem;
        color: rgba(0, 0, 0, 0.54); }
  .connxt-dt-bottom .dataTables_info {
    padding-top: .5rem; }
    @media screen and (max-width: 576px) {
      .connxt-dt-bottom .dataTables_info {
        width: 100vw;
        display: flex;
        padding-left: 0 !important; } }
  .connxt-dt-bottom .dataTables_paginate {
    padding-top: .3rem; }
    @media screen and (max-width: 576px) {
      .connxt-dt-bottom .dataTables_paginate {
        width: 100vw;
        display: flex;
        margin-top: 0;
        justify-content: flex-end; } }
    @media screen and (max-width: 768px) {
      .connxt-dt-bottom .dataTables_paginate {
        margin-top: 0; } }
    .connxt-dt-bottom .dataTables_paginate .paginate_button {
      padding: 0;
      border: none; }
      .connxt-dt-bottom .dataTables_paginate .paginate_button:active {
        box-shadow: none;
        background: none; }
      .connxt-dt-bottom .dataTables_paginate .paginate_button.disabled, .connxt-dt-bottom .dataTables_paginate .paginate_button.disabled:hover {
        color: rgba(0, 0, 0, 0.26) !important;
        cursor: default !important; }
      .connxt-dt-bottom .dataTables_paginate .paginate_button:hover {
        background: none;
        border: none;
        color: rgba(0, 0, 0, 0.8) !important; }

/** TABS **/
.classic-tabs li:first-child {
  margin-left: 0; }

.classic-tabs li a {
  padding: 13px 24px; }
  .classic-tabs li a.active {
    background-color: rgba(255, 255, 255, 0.3); }

/* Normal Material Design forms */
.md-form {
  margin: 0;
  padding-top: .5rem;
  /* Normal input state */
  /*TODO: Remove this when styling in DeviceType details/edit is changed to checkbox group*/
  /* Readonly */
  /* Disabled */
  /* Focused */
  /* Valid */
  /* Error */
  /* Error file-field */ }
  .md-form label[data-error] {
    width: 100%; }
  .md-form > label {
    margin: 0;
    padding: 0;
    top: 1.3rem;
    color: rgba(33, 33, 33, 0.54);
    font-size: .8rem; }
  .md-form input[type=text],
  .md-form input[type=password],
  .md-form input[type=email],
  .md-form input[type=url],
  .md-form input[type=time],
  .md-form input[type=date],
  .md-form input[type=datetime-local],
  .md-form input[type=tel],
  .md-form input[type=number],
  .md-form input[type=search-md],
  .md-form input[type=search],
  .md-form textarea.md-textarea {
    height: auto;
    padding: .5rem 0 .3rem;
    line-height: 1rem;
    font-size: .9rem;
    color: rgba(33, 33, 33, 0.9); }
    .md-form input[type=text] + label.active,
    .md-form input[type=password] + label.active,
    .md-form input[type=email] + label.active,
    .md-form input[type=url] + label.active,
    .md-form input[type=time] + label.active,
    .md-form input[type=date] + label.active,
    .md-form input[type=datetime-local] + label.active,
    .md-form input[type=tel] + label.active,
    .md-form input[type=number] + label.active,
    .md-form input[type=search-md] + label.active,
    .md-form input[type=search] + label.active,
    .md-form textarea.md-textarea + label.active {
      font-size: .6rem;
      top: 1.6rem; }
    .md-form input[type=text] + label:after,
    .md-form input[type=password] + label:after,
    .md-form input[type=email] + label:after,
    .md-form input[type=url] + label:after,
    .md-form input[type=time] + label:after,
    .md-form input[type=date] + label:after,
    .md-form input[type=datetime-local] + label:after,
    .md-form input[type=tel] + label:after,
    .md-form input[type=number] + label:after,
    .md-form input[type=search-md] + label:after,
    .md-form input[type=search] + label:after,
    .md-form textarea.md-textarea + label:after {
      top: 2.5rem; }
  .md-form textarea.md-textarea + label {
    top: .5rem; }
  .md-form textarea.md-textarea + label.active {
    top: 1.4rem; }
  .md-form input[type=checkbox] + label {
    padding-left: 2rem;
    top: 0;
    color: rgba(33, 33, 33, 0.9); }
  .md-form input[type=checkbox]:disabled + label {
    color: rgba(33, 33, 33, 0.7);
    cursor: default; }
  .md-form [type="checkbox"][class*='filled-in']:checked + label:after,
  .md-form [type="radio"]:checked + label:after {
    border-color: #eb6011;
    background-color: #eb6011; }
  .md-form [type="radio"].with-gap:checked + label:before {
    border-color: #eb6011; }
  .md-form [type="checkbox"][class*='filled-in']:disabled:checked + label:after,
  .md-form [type="radio"]:disabled:checked + label:after {
    border-color: #fbdecd;
    background-color: #fbdecd; }
  .md-form [type="radio"].with-gap:disabled:checked + label:before {
    border-color: #fbdecd; }
  .md-form input[type=text]:readonly,
  .md-form input[type=password]:readonly,
  .md-form input[type=email]:readonly,
  .md-form input[type=url]:readonly,
  .md-form input[type=time]:readonly,
  .md-form input[type=date]:readonly,
  .md-form input[type=datetime-local]:readonly,
  .md-form input[type=tel]:readonly,
  .md-form input[type=number]:readonly,
  .md-form input[type=search-md]:readonly,
  .md-form input[type=search]:readonly,
  .md-form textarea.md-textarea:readonly {
    color: rgba(33, 33, 33, 0.7);
    border-bottom-style: dotted;
    border-bottom-color: rgba(33, 33, 33, 0.42); }
  .md-form input[type=text][readonly] + label,
  .md-form input[type=text][readonly] + label.active,
  .md-form input[type=password][readonly] + label,
  .md-form input[type=password][readonly] + label.active,
  .md-form input[type=email][readonly] + label,
  .md-form input[type=email][readonly] + label.active,
  .md-form input[type=url][readonly] + label,
  .md-form input[type=url][readonly] + label.active,
  .md-form input[type=time][readonly] + label,
  .md-form input[type=time][readonly] + label.active,
  .md-form input[type=date][readonly] + label,
  .md-form input[type=date][readonly] + label.active,
  .md-form input[type=datetime-local][readonly] + label,
  .md-form input[type=datetime-local][readonly] + label.active,
  .md-form input[type=tel][readonly] + label,
  .md-form input[type=tel][readonly] + label.active,
  .md-form input[type=number][readonly] + label,
  .md-form input[type=number][readonly] + label.active,
  .md-form input[type=search-md][readonly] + label,
  .md-form input[type=search-md][readonly] + label.active,
  .md-form input[type=search][readonly] + label,
  .md-form input[type=search][readonly] + label.active,
  .md-form textarea.md-textarea[readonly] + label,
  .md-form textarea.md-textarea[readonly] + label.active {
    color: rgba(33, 33, 33, 0.54); }
  .md-form input[type=text]:disabled,
  .md-form input[type=password]:disabled,
  .md-form input[type=email]:disabled,
  .md-form input[type=url]:disabled,
  .md-form input[type=time]:disabled,
  .md-form input[type=date]:disabled,
  .md-form input[type=datetime-local]:disabled,
  .md-form input[type=tel]:disabled,
  .md-form input[type=number]:disabled,
  .md-form input[type=search-md]:disabled,
  .md-form input[type=search]:disabled,
  .md-form textarea.md-textarea:disabled {
    color: rgba(33, 33, 33, 0.7);
    border-bottom-style: dotted;
    border-bottom-color: rgba(33, 33, 33, 0.42); }
  .md-form input[type=text][disabled="disabled"] + label,
  .md-form input[type=text][disabled="disabled"] + label.active,
  .md-form input[type=password][disabled="disabled"] + label,
  .md-form input[type=password][disabled="disabled"] + label.active,
  .md-form input[type=email][disabled="disabled"] + label,
  .md-form input[type=email][disabled="disabled"] + label.active,
  .md-form input[type=url][disabled="disabled"] + label,
  .md-form input[type=url][disabled="disabled"] + label.active,
  .md-form input[type=time][disabled="disabled"] + label,
  .md-form input[type=time][disabled="disabled"] + label.active,
  .md-form input[type=date][disabled="disabled"] + label,
  .md-form input[type=date][disabled="disabled"] + label.active,
  .md-form input[type=datetime-local][disabled="disabled"] + label,
  .md-form input[type=datetime-local][disabled="disabled"] + label.active,
  .md-form input[type=tel][disabled="disabled"] + label,
  .md-form input[type=tel][disabled="disabled"] + label.active,
  .md-form input[type=number][disabled="disabled"] + label,
  .md-form input[type=number][disabled="disabled"] + label.active,
  .md-form input[type=search-md][disabled="disabled"] + label,
  .md-form input[type=search-md][disabled="disabled"] + label.active,
  .md-form input[type=search][disabled="disabled"] + label,
  .md-form input[type=search][disabled="disabled"] + label.active,
  .md-form textarea.md-textarea[disabled="disabled"] + label,
  .md-form textarea.md-textarea[disabled="disabled"] + label.active {
    color: rgba(33, 33, 33, 0.54); }
  .md-form input[type=text]:focus:not([read-only]),
  .md-form input[type=password]:focus:not([read-only]),
  .md-form input[type=email]:focus:not([read-only]),
  .md-form input[type=url]:focus:not([read-only]),
  .md-form input[type=time]:focus:not([read-only]),
  .md-form input[type=date]:focus:not([read-only]),
  .md-form input[type=datetime-local]:focus:not([read-only]),
  .md-form input[type=tel]:focus:not([read-only]),
  .md-form input[type=number]:focus:not([read-only]),
  .md-form input[type=search-md]:focus:not([read-only]),
  .md-form input[type=search]:focus:not([read-only]),
  .md-form textarea.md-textarea:focus:not([read-only]) {
    border-bottom: 1px solid #fbdecd;
    -moz-box-shadow: 0 1px 0 0 #fbdecd;
    -webkit-box-shadow: 0 1px 0 0 #fbdecd;
    box-shadow: 0 1px 0 0 #fbdecd; }
    .md-form input[type=text]:focus:not([read-only]) + label,
    .md-form input[type=password]:focus:not([read-only]) + label,
    .md-form input[type=email]:focus:not([read-only]) + label,
    .md-form input[type=url]:focus:not([read-only]) + label,
    .md-form input[type=time]:focus:not([read-only]) + label,
    .md-form input[type=date]:focus:not([read-only]) + label,
    .md-form input[type=datetime-local]:focus:not([read-only]) + label,
    .md-form input[type=tel]:focus:not([read-only]) + label,
    .md-form input[type=number]:focus:not([read-only]) + label,
    .md-form input[type=search-md]:focus:not([read-only]) + label,
    .md-form input[type=search]:focus:not([read-only]) + label,
    .md-form textarea.md-textarea:focus:not([read-only]) + label {
      font-size: .6rem;
      color: rgba(33, 33, 33, 0.54);
      top: 1.6rem; }
  .md-form textarea.md-textarea:focus:not([read-only]) + label {
    top: 1.4rem; }
  .md-form input[type=text].valid, .md-form input[type=text]:focus.valid,
  .md-form input[type=password].valid,
  .md-form input[type=password]:focus.valid,
  .md-form input[type=email].valid,
  .md-form input[type=email]:focus.valid,
  .md-form input[type=url].valid,
  .md-form input[type=url]:focus.valid,
  .md-form input[type=time].valid,
  .md-form input[type=time]:focus.valid,
  .md-form input[type=date].valid,
  .md-form input[type=date]:focus.valid,
  .md-form input[type=datetime-local].valid,
  .md-form input[type=datetime-local]:focus.valid,
  .md-form input[type=tel].valid,
  .md-form input[type=tel]:focus.valid,
  .md-form input[type=number].valid,
  .md-form input[type=number]:focus.valid,
  .md-form input[type=search-md].valid,
  .md-form input[type=search-md]:focus.valid,
  .md-form input[type=search].valid,
  .md-form input[type=search]:focus.valid,
  .md-form textarea.md-textarea.valid,
  .md-form textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #eb6011;
    -moz-box-shadow: 0 1px 0 0 #eb6011;
    -webkit-box-shadow: 0 1px 0 0 #eb6011;
    box-shadow: 0 1px 0 0 #eb6011; }
  .md-form input[type=text].invalid, .md-form input[type=text]:focus.invalid,
  .md-form input[type=password].invalid,
  .md-form input[type=password]:focus.invalid,
  .md-form input[type=email].invalid,
  .md-form input[type=email]:focus.invalid,
  .md-form input[type=url].invalid,
  .md-form input[type=url]:focus.invalid,
  .md-form input[type=time].invalid,
  .md-form input[type=time]:focus.invalid,
  .md-form input[type=date].invalid,
  .md-form input[type=date]:focus.invalid,
  .md-form input[type=datetime-local].invalid,
  .md-form input[type=datetime-local]:focus.invalid,
  .md-form input[type=tel].invalid,
  .md-form input[type=tel]:focus.invalid,
  .md-form input[type=number].invalid,
  .md-form input[type=number]:focus.invalid,
  .md-form input[type=search-md].invalid,
  .md-form input[type=search-md]:focus.invalid,
  .md-form input[type=search].invalid,
  .md-form input[type=search]:focus.invalid,
  .md-form textarea.md-textarea.invalid,
  .md-form textarea.md-textarea:focus.invalid {
    border-bottom: 1px solid #f44336;
    -moz-box-shadow: 0 1px 0 0 #f44336;
    -webkit-box-shadow: 0 1px 0 0 #f44336;
    box-shadow: 0 1px 0 0 #f44336; }
    .md-form input[type=text].invalid + label, .md-form input[type=text]:focus.invalid + label,
    .md-form input[type=password].invalid + label,
    .md-form input[type=password]:focus.invalid + label,
    .md-form input[type=email].invalid + label,
    .md-form input[type=email]:focus.invalid + label,
    .md-form input[type=url].invalid + label,
    .md-form input[type=url]:focus.invalid + label,
    .md-form input[type=time].invalid + label,
    .md-form input[type=time]:focus.invalid + label,
    .md-form input[type=date].invalid + label,
    .md-form input[type=date]:focus.invalid + label,
    .md-form input[type=datetime-local].invalid + label,
    .md-form input[type=datetime-local]:focus.invalid + label,
    .md-form input[type=tel].invalid + label,
    .md-form input[type=tel]:focus.invalid + label,
    .md-form input[type=number].invalid + label,
    .md-form input[type=number]:focus.invalid + label,
    .md-form input[type=search-md].invalid + label,
    .md-form input[type=search-md]:focus.invalid + label,
    .md-form input[type=search].invalid + label,
    .md-form input[type=search]:focus.invalid + label,
    .md-form textarea.md-textarea.invalid + label,
    .md-form textarea.md-textarea:focus.invalid + label {
      color: #f44336; }
    .md-form input[type=text].invalid + label:after, .md-form input[type=text]:focus.invalid + label:after,
    .md-form input[type=password].invalid + label:after,
    .md-form input[type=password]:focus.invalid + label:after,
    .md-form input[type=email].invalid + label:after,
    .md-form input[type=email]:focus.invalid + label:after,
    .md-form input[type=url].invalid + label:after,
    .md-form input[type=url]:focus.invalid + label:after,
    .md-form input[type=time].invalid + label:after,
    .md-form input[type=time]:focus.invalid + label:after,
    .md-form input[type=date].invalid + label:after,
    .md-form input[type=date]:focus.invalid + label:after,
    .md-form input[type=datetime-local].invalid + label:after,
    .md-form input[type=datetime-local]:focus.invalid + label:after,
    .md-form input[type=tel].invalid + label:after,
    .md-form input[type=tel]:focus.invalid + label:after,
    .md-form input[type=number].invalid + label:after,
    .md-form input[type=number]:focus.invalid + label:after,
    .md-form input[type=search-md].invalid + label:after,
    .md-form input[type=search-md]:focus.invalid + label:after,
    .md-form input[type=search].invalid + label:after,
    .md-form input[type=search]:focus.invalid + label:after,
    .md-form textarea.md-textarea.invalid + label:after,
    .md-form textarea.md-textarea:focus.invalid + label:after {
      -moz-transition: none;
      -o-transition: none;
      -webkit-transition: none;
      transition: none;
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 100%; }
    .md-form input[type=text].invalid + label:after,
    .md-form input[type=text].invalid + label.active:after, .md-form input[type=text]:focus.invalid + label:after,
    .md-form input[type=text]:focus.invalid + label.active:after,
    .md-form input[type=password].invalid + label:after,
    .md-form input[type=password].invalid + label.active:after,
    .md-form input[type=password]:focus.invalid + label:after,
    .md-form input[type=password]:focus.invalid + label.active:after,
    .md-form input[type=email].invalid + label:after,
    .md-form input[type=email].invalid + label.active:after,
    .md-form input[type=email]:focus.invalid + label:after,
    .md-form input[type=email]:focus.invalid + label.active:after,
    .md-form input[type=url].invalid + label:after,
    .md-form input[type=url].invalid + label.active:after,
    .md-form input[type=url]:focus.invalid + label:after,
    .md-form input[type=url]:focus.invalid + label.active:after,
    .md-form input[type=time].invalid + label:after,
    .md-form input[type=time].invalid + label.active:after,
    .md-form input[type=time]:focus.invalid + label:after,
    .md-form input[type=time]:focus.invalid + label.active:after,
    .md-form input[type=date].invalid + label:after,
    .md-form input[type=date].invalid + label.active:after,
    .md-form input[type=date]:focus.invalid + label:after,
    .md-form input[type=date]:focus.invalid + label.active:after,
    .md-form input[type=datetime-local].invalid + label:after,
    .md-form input[type=datetime-local].invalid + label.active:after,
    .md-form input[type=datetime-local]:focus.invalid + label:after,
    .md-form input[type=datetime-local]:focus.invalid + label.active:after,
    .md-form input[type=tel].invalid + label:after,
    .md-form input[type=tel].invalid + label.active:after,
    .md-form input[type=tel]:focus.invalid + label:after,
    .md-form input[type=tel]:focus.invalid + label.active:after,
    .md-form input[type=number].invalid + label:after,
    .md-form input[type=number].invalid + label.active:after,
    .md-form input[type=number]:focus.invalid + label:after,
    .md-form input[type=number]:focus.invalid + label.active:after,
    .md-form input[type=search-md].invalid + label:after,
    .md-form input[type=search-md].invalid + label.active:after,
    .md-form input[type=search-md]:focus.invalid + label:after,
    .md-form input[type=search-md]:focus.invalid + label.active:after,
    .md-form input[type=search].invalid + label:after,
    .md-form input[type=search].invalid + label.active:after,
    .md-form input[type=search]:focus.invalid + label:after,
    .md-form input[type=search]:focus.invalid + label.active:after,
    .md-form textarea.md-textarea.invalid + label:after,
    .md-form textarea.md-textarea.invalid + label.active:after,
    .md-form textarea.md-textarea:focus.invalid + label:after,
    .md-form textarea.md-textarea:focus.invalid + label.active:after {
      font-size: .7rem;
      top: 2.3rem; }
    .md-form input[type=text].invalid + label.active:after, .md-form input[type=text]:focus.invalid + label.active:after,
    .md-form input[type=password].invalid + label.active:after,
    .md-form input[type=password]:focus.invalid + label.active:after,
    .md-form input[type=email].invalid + label.active:after,
    .md-form input[type=email]:focus.invalid + label.active:after,
    .md-form input[type=url].invalid + label.active:after,
    .md-form input[type=url]:focus.invalid + label.active:after,
    .md-form input[type=time].invalid + label.active:after,
    .md-form input[type=time]:focus.invalid + label.active:after,
    .md-form input[type=date].invalid + label.active:after,
    .md-form input[type=date]:focus.invalid + label.active:after,
    .md-form input[type=datetime-local].invalid + label.active:after,
    .md-form input[type=datetime-local]:focus.invalid + label.active:after,
    .md-form input[type=tel].invalid + label.active:after,
    .md-form input[type=tel]:focus.invalid + label.active:after,
    .md-form input[type=number].invalid + label.active:after,
    .md-form input[type=number]:focus.invalid + label.active:after,
    .md-form input[type=search-md].invalid + label.active:after,
    .md-form input[type=search-md]:focus.invalid + label.active:after,
    .md-form input[type=search].invalid + label.active:after,
    .md-form input[type=search]:focus.invalid + label.active:after,
    .md-form textarea.md-textarea.invalid + label.active:after,
    .md-form textarea.md-textarea:focus.invalid + label.active:after {
      -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%);
      transition: none; }
  .md-form div.file-field.invalid {
    top: 12px; }
  .md-form label.invalid {
    color: #f44336; }
    .md-form label.invalid.file-field {
      position: absolute;
      font-size: 0.6rem;
      top: 1.5rem; }
      .md-form label.invalid.file-field + label.img-label.invalid {
        color: #f44336; }

/* Checkboxes */
.form-checkboxes.md-form.invalid > label,
.form-radios.md-form.invalid > label {
  color: #f44336; }

.form-checkboxes.md-form.invalid > label:after,
.form-radios.md-form.invalid > label:after {
  position: relative;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  display: block;
  content: attr(data-error);
  color: #f44336;
  opacity: 1;
  font-size: .7rem;
  transition: none; }

.form-checkboxes.md-form label,
.form-radios.md-form label {
  top: .5rem;
  font-size: .8rem; }

.form-checkboxes.md-form .form-check,
.form-radios.md-form .form-check {
  top: 1.3rem; }
  .form-checkboxes.md-form .form-check:last-of-type,
  .form-radios.md-form .form-check:last-of-type {
    padding-bottom: 2rem; }
  .form-checkboxes.md-form .form-check label,
  .form-radios.md-form .form-check label {
    padding-left: 2rem;
    top: 1rem; }
  .form-checkboxes.md-form .form-check [type="checkbox"][class*='filled-in']:checked + label:after,
  .form-checkboxes.md-form .form-check [type="radio"]:checked + label:after,
  .form-radios.md-form .form-check [type="checkbox"][class*='filled-in']:checked + label:after,
  .form-radios.md-form .form-check [type="radio"]:checked + label:after {
    border-color: #eb6011;
    background-color: #eb6011; }
  .form-checkboxes.md-form .form-check [type="radio"].with-gap:checked + label:before,
  .form-radios.md-form .form-check [type="radio"].with-gap:checked + label:before {
    border-color: #eb6011; }
  .form-checkboxes.md-form .form-check [type="checkbox"][class*='filled-in']:disabled:checked + label:after,
  .form-checkboxes.md-form .form-check [type="radio"]:disabled:checked + label:after,
  .form-radios.md-form .form-check [type="checkbox"][class*='filled-in']:disabled:checked + label:after,
  .form-radios.md-form .form-check [type="radio"]:disabled:checked + label:after {
    border-color: #fbdecd;
    background-color: #fbdecd; }
  .form-checkboxes.md-form .form-check [type="radio"].with-gap:disabled:checked + label:before,
  .form-radios.md-form .form-check [type="radio"].with-gap:disabled:checked + label:before {
    border-color: #fbdecd; }

.form-radios.md-form .form-check {
  top: .5rem; }

/* Select */
.form-mdb-select.md-form label {
  top: 0;
  font-size: .6rem;
  height: .6rem; }

.form-mdb-select.md-form.invalid > label {
  color: #f44336; }

.form-mdb-select.md-form.invalid > label:after {
  position: relative;
  -webkit-transform: translateY(150%);
  -ms-transform: translateY(150%);
  transform: translateY(150%);
  display: block;
  content: attr(data-error);
  color: #f44336;
  opacity: 1;
  font-size: .7rem;
  transition: none; }

.form-mdb-select.md-form.invalid .select-wrapper.mdb-select > input[type=text] {
  border-bottom: 1px solid #f44336;
  -moz-box-shadow: 0 1px 0 0 #f44336;
  -webkit-box-shadow: 0 1px 0 0 #f44336;
  box-shadow: 0 1px 0 0 #f44336; }

.form-mdb-select.md-form .select-wrapper input.select-dropdown:disabled {
  color: rgba(33, 33, 33, 0.7);
  border-bottom-style: dotted;
  border-bottom-color: rgba(33, 33, 33, 0.42); }

.form-mdb-select.md-form .select-wrapper.mdb-select span.caret {
  top: .5rem; }

.form-mdb-select.md-form .select-wrapper.mdb-select > ul li span.filtrable {
  color: rgba(33, 33, 33, 0.9); }

/* MD Bootstrap overrides */
.btn-primary {
  background-color: #ff0000 !important;
  color: #ffffff !important; }
  .btn-primary.dropdown-toggle {
    background-color: #ff0000 !important;
    color: #ffffff !important; }
    .btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus {
      background-color: #ff0000 !important;
      color: #ffffff !important; }

.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.show > .btn-primary.dropdown-toggle:active {
  background-color: #ff3333 !important; }

.btn-secondary,
.btn-secondary.dropdown-toggle,
.show > .btn-secondary.dropdown-toggle {
  background-color: #ff0000 !important;
  color: #ffffff !important; }
  .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus,
  .btn-secondary.dropdown-toggle:hover,
  .btn-secondary.dropdown-toggle:active,
  .btn-secondary.dropdown-toggle:focus,
  .show > .btn-secondary.dropdown-toggle:hover,
  .show > .btn-secondary.dropdown-toggle:active,
  .show > .btn-secondary.dropdown-toggle:focus {
    background-color: #ff0000 !important;
    color: #ffffff !important; }
  .btn-secondary.disabled, .btn-secondary:disabled,
  .btn-secondary.dropdown-toggle.disabled,
  .btn-secondary.dropdown-toggle:disabled,
  .show > .btn-secondary.dropdown-toggle.disabled,
  .show > .btn-secondary.dropdown-toggle:disabled {
    background-color: #ff0000 !important;
    color: #ffffff !important; }

.btn-secondary:not([disabled]):not(.disabled):active {
  background-color: #384959 !important; }

.dropdown-item:hover {
  background-color: white !important; }

.dropdown-item:active {
  background-color: #ffcccc !important; }

.dropdown-menu.force-scroll {
  overflow-y: auto;
  max-height: 180px; }

a {
  color: #eb6011; }
  a:hover, a:active, a:focus, a:visited {
    color: #e2440a; }

.small {
  color: #eb6011; }

.bg-navbar {
  background-color: #ffffff; }

.side-nav {
  background-color: #ffffff;
  margin-top: 66px; }
  .side-nav a {
    padding-left: 1rem; }

.double-nav {
  z-index: 1000;
  color: #000000; }

@media only screen and (max-width: 1024px) {
  .double-nav .breadcrumb-dn {
    display: none; } }

main {
  padding-left: 240px; }

a.button-collapse.mt-2 i {
  color: #ffffff; }

@media (max-width: 1440px) {
  main {
    padding-left: 0; }
  .double-nav .button-collapse,
  .double-nav .logo {
    display: inline-block !important; }
  .double-nav .button-collapse {
    left: 0px;
    margin-left: 0px; } }

.navbar {
  height: 66px; }

.custom-scrollbar {
  overflow: auto; }

.navbar .dropdown-menu.dropdown-menu-right,
.dropdown-menu-right {
  right: 0 !important;
  left: auto; }

.card {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  .card .tab-content {
    padding: 1.25rem;
    /* Use the same padding as card-body when using tabs in a card */ }
  .card .card-header {
    border-radius: 0; }

.card-body {
  background-color: #fff; }

.mdc-snackbar {
  min-width: 568px;
  max-width: 568px;
  border-radius: 0px; }

.connxt-dt-bottom .dataTables_length {
  /*IE11 fix for datatables rows per page label*/ }
  .connxt-dt-bottom .dataTables_length > label {
    vertical-align: top; }
  .connxt-dt-bottom .dataTables_length > .select-wrapper > input.select-dropdown {
    line-height: normal; }

/*Add resizability to control and disable transitions on edit forms*/
textarea.md-textarea {
  transition-duration: 0s;
  resize: vertical;
  max-height: 500px;
  overflow-y: auto; }

/*Custom validation summary styling*/
.validation-summary-errors {
  margin-top: 13px;
  padding-top: 20px;
  padding-bottom: 1px;
  border-left: 3px solid #ff3537; }
  .validation-summary-errors > ul > li {
    list-style-type: none;
    margin-left: -19px;
    color: #9e1d29; }

.module-header-title {
  color: #ffffff; }

.module-header .classic-tabs li a {
  background-color: rgba(0, 0, 0, 0);
  color: #ffffff; }
  .module-header .classic-tabs li a.active, .module-header .classic-tabs li a:active {
    background-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
    border-bottom: 3px solid #ffffff; }

.connxt-body {
  background-color: #e0e0e0; }

.dt-icon {
  font-size: 1.3rem; }

a.dropdown-item:visited {
  color: inherit; }

.connxt {
  background-color: #eb6011; }

.connxt-text {
  color: #eb6011; }

/* Left navigation */
.side-nav .custom-scrollbar .collapsible li {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  .side-nav .custom-scrollbar .collapsible li:hover a.collapsible-header.waves-effect.pt-2.connxt {
    background-color: #ff0000;
    color: #ffffff !important; }

.side-nav .custom-scrollbar .collapsible a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  .side-nav .custom-scrollbar .collapsible a.collapsible-header.waves-effect.pt-2.connxt {
    background-color: #ffffff;
    height: 3.2rem;
    font-size: 0.9rem;
    font-weight: 400;
    color: #000000 !important; }
    .side-nav .custom-scrollbar .collapsible a.collapsible-header.waves-effect.pt-2.connxt.active {
      background-color: #ff0000 !important;
      color: #ffffff !important; }
    .side-nav .custom-scrollbar .collapsible a.collapsible-header.waves-effect.pt-2.connxt > i.fa {
      font-size: 1.1rem; }

/* Module Header */
.module-header {
  position: relative;
  width: 100%;
  height: auto;
  color: #ffffff;
  padding: 0;
  background: #ff0000;
  background: linear-gradient(90deg, #ff0000, #ff2626);
  margin-top: 4.125rem;
  align-items: center;
  display: flex;
  flex-wrap: wrap; }
  .module-header .top-hierarchy-breadcrumb {
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer; }
    .module-header .top-hierarchy-breadcrumb .dropdown-menu {
      cursor: auto; }
  .module-header .title-wrapper {
    padding-left: 1em;
    padding-top: .6em;
    width: 100%;
    min-height: 65px;
    display: flex;
    align-items: center; }

.module-header h2 {
  font-family: Roboto,sans-serif;
  font-weight: 400;
  position: relative; }

.module-header .parallelogram {
  position: absolute;
  right: 3.5rem;
  top: 0;
  width: 14%;
  height: 100%;
  background: #ff0000;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg); }

/* Navbar*/
.navbar.scrolling-navbar {
  z-index: 1000; }

.navbar .logo {
  height: 42px;
  width: 240px;
  background: url(../images/Searchlight-logo.png);
  background-repeat: no-repeat;
  background-size: contain; }
  .navbar .logo img.logo-image {
    height: 42px; }

.navbar .navbar-content {
  float: left !important;
  display: flex;
  align-items: center; }
  .navbar .navbar-content a {
    color: #000000; }

/* Profile/User dropdown menu*/
.navbar .nav-item.avatar .dropdown-toggle img {
  height: 50px; }

.user-dropdown {
  top: 0px;
  width: 200px;
  padding: 0 !important; }

.user-dropdown a.dropdown-item,
.user-dropdown a.dropdown-item:hover {
  color: #424242 !important;
  border-radius: 0;
  transition: none;
  box-shadow: none !important; }

.dropdown-menu.user-dropdown .dropdown-item:hover,
.user-dropdown a.dropdown-item:hover {
  background-color: #eeeeee !important;
  color: #424242 !important; }

.user-dropdown .btn.logout {
  margin: 0;
  text-align: center; }

.user-dropdown a.dropdown-item.btn.logout,
.user-dropdown a.dropdown-item.btn.logout:hover {
  background-color: #ff0000 !important;
  color: #ffffff !important; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.profile-picture-sm {
  border: 2px solid #fff;
  box-shadow: inset 0 1.5px 3px 0 rgba(0, 0, 0, 0.15), 0 1.5px 3px 0 rgba(0, 0, 0, 0.5) !important; }

.profile-picture-md {
  border: 3px solid #fff;
  box-shadow: inset 0 2px 3.75px 0 rgba(0, 0, 0, 0.15), 0 2px 3.75px 0 rgba(0, 0, 0, 0.5) !important; }

.jstree-proton {
  font-family: Roboto, sans-serif !important; }

/* Date range picker override colors */
td.active.start-date:not(.off), td.active.end-date:not(.off) {
  background-color: #eb6011 !important;
  border-radius: 50% !important; }

td.active.start-date:hover, td.active.end-date:hover {
  background-color: #eb6011; }

/*
    The styling defined in this file are Device module specific. currently its not possible to use the SASS variable in modules.
    Move these styles to the device module when the sass variables are available in modules.
*/
.bar-primary rect {
  fill: #eb6011; }

.donut-disconnected,
.donut-disconnected rect,
.bar-disconnected rect {
  fill: #757575; }

.donut-error,
.donut-error rect,
.bar-error rect {
  fill: #f44336; }

.donut-warning,
.donut-warning rect,
.bar-warning rect {
  fill: #ffb300; }

.donut-ok,
.donut-ok rect,
.bar-ok rect {
  fill: #4caf50; }

.overflow-auto {
  overflow: auto; }

.donut-inner {
  color: #4caf50;
  font-weight: bold; }

.status-bar {
  height: 20px;
  min-width: 6px;
  float: left; }

.status-bar.ok {
  width: 100%;
  background-color: #4caf50 !important; }

.status-bar.warning {
  background-color: #ffb300 !important; }

.status-bar.error {
  background-color: #f44336 !important; }

.status-bar.disconnected {
  background-color: #757575 !important; }

.page-break {
  page-break-after: always;
  height: 0;
  margin: 0; }

.report-td-name {
  width: 20%; }

.report-td-fill {
  width: 25px; }

.report-td-stats {
  width: 100px;
  text-align: center; }

.report-td-stats > div {
  padding-left: 6px; }

.report-td-bar {
  margin-left: 25px;
  width: 400px; }

.img-preview-crop {
  display: block;
  margin-left: 6px;
  margin-bottom: 30px;
  background: #ffffff; }

.md-form .file-field div.btn {
  margin-left: 0; }

.md-form .img-preview {
  background-color: rgba(99, 99, 99, 0.1);
  margin-left: 0; }

/*# sourceMappingURL=output.css.map */