::-moz-selection,
::selection {
  color: #fff;
  background-color: #444;
}

body {
  height: 100%;
  margin: 0;
  font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #888;
  text-align: left;
  background-color: #fff;
}

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

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.row {
  margin-right: -.75rem;
  margin-left: -.75rem;
}

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

.text-gray-800 {
  color: #555 !important;
}

.text-primary {
  color: #444 !important;
}

.btn-primary {
  color: #fff;
  background-color: #444;
  border-color: #444;
}

.btn-primary:hover {
  background-color: #222;
  border-color: #222;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #444;
  border-color: #444;
}

.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
  background-color: #444;
  border-color: #444;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #222;
  border-color: #222;
}

.btn-primary.focus,
.btn-primary:focus {
  background-color: #222;
  border-color: #222;
  box-shadow: 0 0 0 .2rem rgba(0,0,0,.125);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(0,0,0,.125);
}

.form-control {
  color: #444;
  border-color: #ccc;
}

.form-control::placeholder {
  color: #666;
}

.form-control:focus {
  color: #444;
  border-color: #aaa;
  box-shadow: 0 0 0 .2rem rgba(0,0,0,.125);
}

.custom-select {
  color: #444;
  border-color: #ccc;
}

.custom-select:focus {
  border-color: #aaa;
  box-shadow: 0 0 0 .2rem rgba(0,0,0,.125);
}

.custom-checkbox {
  color: #444;
  border-color: #ccc;
}

.custom-checkbox > input,
.custom-checkbox > label {
  cursor: pointer;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #aaa;
  background-color: #444;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  border-color: #ccc;
  background-color: #ccc;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(0,0,0,.125);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #aaa;
}

.bootstrap-select .dropdown-toggle {
  color: #444;
  border-color: #ccc;
  background: #fff;
  min-width: 500px;
}

.bootstrap-select .dropdown-toggle:after {
  margin-left: .5em;
}

.bootstrap-select .dropdown-toggle:focus {
  border-color: #aaa;
  box-shadow: 0 0 0 .2rem rgba(0,0,0,.125);
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select.show > .btn-light.dropdown-toggle {
  color: #444;
  background-color: #fff;
  border-color: #aaa;
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active:focus,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active:focus,
.bootstrap-select.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(0,0,0,.125);
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: 0 !important;
  outline-offset: 0;
}

.alert-auto-size {
  display: inline-block;
}

.table {
  color: #222;
}

.table-bordered {
  border-color: #ddd !important;
}

.table thead th {
border-bottom-color: #ddd !important;
}

.table-bordered td,
.table-bordered th {
  border-color: #ddd !important;
}

.card .card-header[data-toggle="collapse"] {
  text-decoration: none;
  position: relative;
  padding: .75rem 3.25rem .75rem 1.25rem;
}

.card .card-header[data-toggle="collapse"].collapsed {
  border-radius: .35rem;
}

.card .card-header[data-toggle="collapse"]::after {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 1.725rem;
  line-height: 51px;
  font-weight: 900;
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  color: #aaa;
}

.card .card-header[data-toggle="collapse"].collapsed::after {
  content: '\f105';
}

.card .card-header a[data-toggle="collapse"] {
  text-decoration: none;
  position: relative;
  padding: 0 1rem 0 0;
}

.card .card-header a[data-toggle="collapse"].collapsed {
  border-radius: .35rem;
}

.card .card-header a[data-toggle="collapse"]::after {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1.2;
  font-weight: 900;
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  color: #aaa;
}

.card .card-header a[data-toggle="collapse"].collapsed::after {
  content: '\f105';
}

.card .card-header > .dropdown > .dropdown-toggle > i {
  color: #aaa;
}

.spinner-border {
  vertical-align: middle;
}

.shadow {
  box-shadow: 0 .15rem 1.75rem 0 rgba(58,58,58,.15) !important;
}

.dropdown-item {
  color: #444;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #222;
  background-color: #ddd;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  background-color: #444;
}

.w-min-rem-5 {
  min-width: 5rem;
}

.w-min-rem-9 {
  min-width: 9rem;
}

.w-min-rem-10 {
  min-width: 10rem;
}

.w-min-rem-15 {
  min-width: 15rem;
}

.callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-left-width: .25rem;
  border-radius: .25rem;
  background-color: #fff;
}

.callout h3,
.callout h4,
.callout h5,
.callout h6 {
  margin-top: 0;
  margin-bottom: .4rem;
}

.callout p:last-child {
  margin-bottom: 0;
}

.callout code {
  border-radius: .25rem;
}

.callout-default {
  border-left-color: #eee;
  color: #555;
}

.callout-primary {
  border-left-color: #222;
  color: #555;
}

.callout-success {
  border-left-color: #28a745;
  color: #555;
}

.callout-info {
  border-left-color: #17a2b8;
  color: #555;
}

.callout-warning {
  border-left-color: #ffc107;
  color: #555;
}

.callout-danger {
  border-left-color: #dc3545;
  color: #444;
}

.callout-secondary {
  border-left-color: #666;
  color: #555;
}

.callout-light {
  border-left-color: #eee;
  color: #555;
}

.callout-dark {
  border-left-color: #444;
  color: #555;
}

.callout-default h3,
.callout-default h4,
.callout-default h5,
.callout-default h6,
.callout-default > a
.callout-default > div > a
.callout-default > p > a {
  color: #555;
}

.callout-primary h3,
.callout-primary h4,
.callout-primary h5,
.callout-primary h6,
.callout-primary > a
.callout-primary > div > a
.callout-primary > p > a {
  color: #444;
}

.callout-success h3,
.callout-success h4,
.callout-success h5,
.callout-success h6,
.callout-success > a
.callout-success > div > a
.callout-success > p > a {
  color: #28a745;
}

.callout-info h3,
.callout-info h4,
.callout-info h5,
.callout-info h6,
.callout-info > a
.callout-info > div > a
.callout-info > p > a {
  color: #17a2b8;
}

.callout-warning h3,
.callout-warning h4,
.callout-warning h5,
.callout-warning h6,
.callout-warning > a
.callout-warning > div > a
.callout-warning > p > a {
  color: #ffc107;
}

.callout-danger h3,
.callout-danger h4,
.callout-danger h5,
.callout-danger h6,
.callout-danger > a
.callout-danger > div > a
.callout-danger > p > a {
  color: #dc3545;
}

.callout-secondary h3,
.callout-secondary h4,
.callout-secondary h5,
.callout-secondary h6,
.callout-secondary > a
.callout-secondary > div > a
.callout-secondary > p > a {
  color: #444;
}

.callout-light h3,
.callout-light h4,
.callout-light h5,
.callout-light h6,
.callout-light > a
.callout-light > div > a
.callout-light > p > a {
  color: #666;
}

.callout-dark h3,
.callout-dark h4,
.callout-dark h5,
.callout-dark h6,
.callout-dark > a
.callout-dark > div > a
.callout-dark > p > a {
  color: #222;
}

#wrapper {
  display: flex;
}

.sidebar {
  width: 6.5rem;
  height: 100vh;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

.bg-gradient-primary {
  background-color: #222;
  background-image: linear-gradient(180deg,#444 10%,#222 100%);
  background-size: cover;
}

@media (min-width: 768px){
  .sidebar {
    width: 18rem!important;
  }
}

.sidebar-dark .sidebar-brand {
  color: #fff;
}

.sidebar .sidebar-brand {
  height: 4.375rem;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 800;
  padding: 1.5rem 1rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .05rem;
  z-index: 1;
}

.sidebar .sidebar-brand .sidebar-brand-icon {
  width: 32px;
  height: 32px;
}

.sidebar .sidebar-brand .sidebar-brand-icon i {
  font-size: 2rem;
}

@media (min-width: 768px) {
  .sidebar .sidebar-brand .sidebar-brand-icon i {
    font-size: 2rem;
  }
}

@media (min-width: 768px) {
  .sidebar.toggled .sidebar-brand .sidebar-brand-icon i {
    font-size: 2rem;
  }
}

.sidebar .sidebar-brand .sidebar-brand-text {
  display: none;
}

@media (min-width: 768px) {
  .sidebar .sidebar-brand .sidebar-brand-text {
    display: inline;
  }
}

.sidebar.toggled .sidebar-brand .sidebar-brand-text {
  display: none;
}

.sidebar-dark #sidebarToggle {
  background-color: rgba(255,255,255,.2);
}

.sidebar-dark #sidebarToggle:hover {
  background-color: rgba(255,255,255,.25);
}

.sidebar #sidebarToggle {
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  margin-bottom: 1rem;
  cursor: pointer;
}

.sidebar #sidebarToggle:hover {
  text-decoration: none;
}

.sidebar-dark #sidebarToggle::after {
  color: rgba(255,255,255,.5);
}

.sidebar #sidebarToggle::after {
  font-weight: 900;
  content: '\f104';
  font-family: 'Font Awesome 5 Free';
  margin-right: .1rem;
}

.sidebar-dark hr.sidebar-divider {
  border-top: 1px solid rgba(255,255,255,.15);
}

.sidebar hr.sidebar-divider {
  margin: 0 1rem 1rem;
}

.sidebar.toggled {
  width: 0!important;
  overflow: hidden;
}

@media (min-width: 768px) {
  .sidebar.toggled {
    overflow: visible;
    width: 6.5rem!important;
  }
}

.sidebar-dark.toggled #sidebarToggle::after {
  color: rgba(255,255,255,.5);
}

.sidebar.toggled #sidebarToggle::after {
  content: '\f105';
  margin-left: .24rem;
}

.sidebar .nav-item {
  position: relative;
}

.sidebar-dark .nav-item .nav-link {
  color: rgba(255,255,255,.8);
}

.sidebar-dark .nav-item .nav-link:active,
.sidebar-dark .nav-item .nav-link:focus,
.sidebar-dark .nav-item .nav-link:hover {
  color: #fff;
}

.sidebar-dark .nav-item.active .nav-link {
  color: #fff;
}

.sidebar .nav-item.active .nav-link {
  font-weight: 700;
}

.sidebar .nav-item .nav-link {
  position: relative;
  text-align: center;
  padding: .75rem 1rem;
  width: 6.5rem;
}

@media (min-width: 768px) {
  .sidebar .nav-item .nav-link {
    display: block;
    width: 100%;
    text-align: left;
    padding: .75rem 1rem;
  }
  
  .sidebar.toggled .nav-item .nav-link {
    text-align: center;
    padding: .75rem 1rem;
    width: 6.5rem;
  }
}

.sidebar-dark .nav-item .nav-link i {
  color: rgba(255,255,255,.3);
}

.sidebar-dark .nav-item.active .nav-link i {
  color: #fff;
}

.sidebar-dark .nav-item .nav-link:active i,
.sidebar-dark .nav-item .nav-link:focus i,
.sidebar-dark .nav-item .nav-link:hover i {
  color: #fff;
}

@media (min-width: 768px) {
  .sidebar .nav-item .nav-link i {
    font-size: .85rem;
    margin-right: .25rem;
  }
  
  .sidebar.toggled .nav-item .nav-link i {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .sidebar .nav-item .nav-link[data-toggle="collapse"]::after {
    /* width: 1rem; */
    text-align: center;
    float: right;
    vertical-align: 0;
    border: 0;
    font-weight: 900;
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
  }
  
  .sidebar.toggled .nav-item .nav-link[data-toggle="collapse"]::after {
    display: none;
  }
}

.sidebar-dark .nav-item .nav-link[data-toggle="collapse"]::after {
  color: rgba(255,255,255,.5);
}

@media (min-width: 768px) {
  .sidebar .nav-item .nav-link[data-toggle="collapse"].collapsed::after {
    content: '\f105';
  }
}

.sidebar .nav-item .nav-link span {
  font-size: .65rem;
  display: block;
  word-wrap: break-word;
  hyphens: auto;
}

@media (min-width: 768px) {
  .sidebar .nav-item .nav-link span {
    font-size: .85rem;
    display: inline;
  }
  
  .sidebar.toggled .nav-item .nav-link span {
    font-size: .65rem;
    display: block;
  }
}

.sidebar-dark .sidebar-heading {
  color: rgba(255,255,255,.4);
}

.sidebar .sidebar-heading {
  text-align: center;
  padding: 0 1rem;
  font-weight: 800;
  font-size: .65rem;
}

.dropdown .dropdown-menu .dropdown-header,
.sidebar .sidebar-heading,
.text-uppercase {
  text-transform: uppercase !important;
}

@media (min-width: 768px) {
  .sidebar .sidebar-heading {
    text-align: left;
  }

  .sidebar.toggled .sidebar-heading {
    text-align: center;
  }
}

.sidebar .nav-item .collapse {
  position: absolute;
  left: calc(6.5rem + 1.5rem / 2);
  z-index: 1;
  top: 2px;
}

@media (max-width: 767px) {
  .sidebar .nav-item .collapsing {
    position: absolute;
    left: calc(6.5rem + 1.5rem / 2);
    z-index: 1;
    top: 2px;
    height: auto;
    overflow: visible;
    transition: none;
  }
}

@-webkit-keyframes growIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes growIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animated--grow-in,
.sidebar .nav-item .collapse {
  -webkit-animation-name: growIn;
  animation-name: growIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: transform cubic-bezier(.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1);
  animation-timing-function: transform cubic-bezier(.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1);
}

@media (min-width: 768px) {
  .sidebar .nav-item .collapse {
    position: relative;
    left: 0;
    z-index: 1;
    top: 0;
    -webkit-animation: none;
    animation: none;
  }
  
  .sidebar .nav-item .collapse,
  .sidebar .nav-item .collapsing {
    margin: 0 1rem;
  }
}

.sidebar .nav-item .collapse .collapse-inner,
.sidebar .nav-item .collapsing .collapse-inner {
  padding: .5rem 0;
  min-width: 10rem;
  font-size: .85rem;
  margin: 0 0 1rem 0;
}

.sidebar .nav-item .collapse .collapse-inner {
  border-radius: .35rem;
  box-shadow: 0 .15rem 1.75rem 0 rgba(68,68,68,.15);
}

@media (min-width: 768px) {
  .sidebar .nav-item .collapse .collapse-inner {
    border-radius: 0;
    box-shadow: none;
  }
  
  .sidebar.toggled .nav-item .collapse .collapse-inner {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
    border-radius: .35rem;
  }
}

.sidebar .nav-item .collapse .collapse-inner .collapse-header,
.sidebar .nav-item .collapsing .collapse-inner .collapse-header {
  margin: 0;
  white-space: nowrap;
  padding: .5rem 1.5rem;
  text-transform: uppercase;
  font-weight: 800;
  font-size: .65rem;
  color: #aaa;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item {
  padding: .5rem 1rem;
  margin: 0 .5rem;
  display: block;
  color: #444;
  text-decoration: none;
  border-radius: .35rem;
  white-space: nowrap;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
  background-color: #eaeaea;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:active {
  background-color: #dadada;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
  /* color: #4e73df; */
  font-weight: 700;
}

@media (min-width: 768px) {
  .sidebar.toggled .nav-item .collapse {
    position: absolute;
    left: calc(6.5rem + 1.5rem / 2);
    z-index: 1;
    top: 2px;
    -webkit-animation-name: growIn;
    animation-name: growIn;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: transform cubic-bezier(.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1);
    animation-timing-function: transform cubic-bezier(.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1);
  }

  .sidebar.toggled .nav-item .collapse,
  .sidebar.toggled .nav-item .collapsing {
    margin: 0;
  }
  
  .sidebar.toggled .nav-item .collapsing {
    display: none;
    transition: none;
  }
}

#wrapper #content-wrapper {
  background-color: #fafafa;
  width: 100%;
  overflow-x: hidden;
}

.topbar #sidebarToggleTop.btn-link {
  color: #444;
}

.topbar #sidebarToggleTop:hover {
  background-color: #fafafa;
}

.topbar #sidebarToggleTop:active {
  background-color: #eaeaea;
}

.sidebar .nav-item .nav-link .img-profile,
.topbar .nav-item .nav-link .img-profile {
  height: 2rem;
  width: 2rem;
}

.dropdown.no-arrow .dropdown-toggle::after {
  display: none;
}

div.navbar-nav {
  min-height: 48px;
}

#wrapper #content-wrapper #content {
  flex: 1 0 auto;
}

#t2wmainview.container-fluid {
  padding-right: 4.5rem;
}

form.user .form-control-user {
  font-size: .8rem;
  border-radius: 10rem;
  padding: 1.5rem 1rem;
}

form.user .btn-user {
  font-size: .8rem;
  border-radius: 10rem;
  padding: .75rem 1rem;
}

form.user .btn-primary {
  color: #fff;
  background-color: #444;
  border-color: #444;
}

form.user .btn-primary:hover {
  background-color: #666;
  border-color: #666;
}

.table-responsive > .dataTables_wrapper > .row {
  margin: 0;
}

.table-responsive > .dataTables_wrapper > .row > div[class^="col-"]:first-child {
  padding-left: 0;
}

.table-responsive > .dataTables_wrapper > .row > div[class^="col-"]:last-child {
  padding-right: 0;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

.dataTables_wrapper .dataTables_length select {
  width: auto;
  display: inline-block;
}

.dataTables_wrapper .dataTables_filter {
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

.dataTables_wrapper .badge {
  cursor: default;
  margin-right: 4px;
}

.dataTables_wrapper .badge:last-child {
  margin-right: 0;
}

.dataTables_wrapper .page-link {
  color: #222;
  border-color: #eee;
}

.dataTables_wrapper .page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,0,0,.125);
}

.dataTables_wrapper .page-item.active .page-link {
  background-color: #444;
  border-color: #444;
}

.dataTables_wrapper .page-item.disabled .page-link {
  color: #666;
  border-color: #eee;
}

.dataTables_wrapper .page-link:hover {
  background-color: #eee;
}

.dataTables_wrapper .page-item.active .page-link:hover {
  background-color: #444;
}

.dataTables_wrapper .page-item.disabled .page-link:hover {
  background-color: #fff;
}

#content .nav-tabs {
  border-bottom: 1px solid #ccc;
}

#content .nav-tabs .nav-link {
  color: #444;
}

#content .nav-tabs .nav-link:focus,
#content .nav-tabs .nav-link:hover {
  color: #222;
  border-color: #e2e2e2 #e2e2e2 #ccc;
}

#content .nav-tabs .nav-item.show .nav-link,
#content .nav-tabs .nav-link.active {
  color: #444;
  background-color: #fff;
  border-color: #ccc #ccc #fff;
}

#content .tt-menu {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: .35rem;
  box-shadow: 0 .15rem 1.75rem 0 rgba(58,58,58,.15) !important;
	margin-top: .8rem;
	padding: .35rem 0;
	/* width: 422px; */
}

#content .tt-suggestion {
	/* font-size: 22px;  /* Set suggestion dropdown font size */
  color: #444;
	padding: .2rem .75rem;
}

#content .tt-suggestion:hover {
	cursor: pointer;
	background-color: #444;
	color: #fff;
}

#content .tt-suggestion p {
	margin: 0;
}

#content .tt-suggestion .tt-highlight {
  color: #222;
}

#content .tt-suggestion:hover .tt-highlight {
  color: #fff;
}







footer.sticky-footer {
  padding: 2rem 0;
  flex-shrink: 0;
}

.bg-white {
  background-color: #fff!important;
}

.scroll-to-top {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  display: none;
  width: 2.75rem;
  height: 2.75rem;
  text-align: center;
  color: #fff;
  background: rgba(90,92,105,.5);
  line-height: 46px;
}

.scroll-to-top:hover {
  background: #5a5c69;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: #fff;
}

.t2w-debugbar {
  background-color: #fafafa;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

.t2w-debugbar .nav {
  color: #444;
  font-size: .75rem;
  border-top: solid 1px rgba(0,0,0,.15);
  border-bottom: solid 1px rgba(0,0,0,.15);
}

.t2w-debugbar .nav-link {
  color: #444;
}

.t2w-debugbar .nav-link:hover {
  color: #666;
}

.t2w-debugbar .nav-link.active {
  background-color: #444;
  color: #fff;
}

.t2w-debugbar .nav-link.active:hover {
  background-color: #222;
  color: #fff;
}

.t2w-debugbar .nav-link[data-toggle="collapse"]::after {
  text-align: center;
  float: right;
  vertical-align: 0;
  border: 0;
  font-weight: 900;
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  color: #444;
}

.t2w-debugbar .nav-link[data-toggle="collapse"].collapsed::after {
  content: '\f105';
}

.t2w-debugbar .tab-pane {
  height: 250px;
  font-size: .75rem;
  background-color: #fff;
  overflow: auto;
}