body {
  background-color: var(--content-background);
}

select > option {
  color: var(--select-color);
  background-color: var(--select-background);
}

hr {
  background-image: -webkit-linear-gradient(left, transparent, var(--hr-color), transparent);
}

::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}
::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}


#floating_buttons {
  position: fixed;
  bottom: 15px;
  right: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 99;
}
#floating_buttons div {
  margin-top: 5px;
  margin-bottom: 5px;
}


#spyeye-div {
  border-radius: 50px;
  color: var(--content-color);
	background-color: var(--panel-body-background);
	box-shadow: var(--form-control-border) 2px 2px 5px 0;
	padding: 13px 15px;
  border: solid 1px var(--primary-site-color);
  font-size: 14.5px;
	height: 50px;
}
#spyeye-div:hover {
  cursor: pointer;
  color: var(--primary-site-color);
}
#spyeye-div > span {
  max-width: 0px;
  max-height: 0px;
	display: inline-block;
	overflow: hidden;
	line-height: 15px;
  padding-right: 0px;
  white-space: nowrap;
  
  transition: all linear 300ms;
}
#spyeye-div:hover > span {
  max-width: 330px;
  max-height: 25px;
  padding-right: 10px;
	line-height: 15px;
  
  transition: all linear 300ms;
}

#link_node_div {
  cursor: pointer;
  color: var(--primary-site-color);
	background-color: var(--panel-body-background);
	box-shadow: var(--form-control-border) 2px 2px 5px 0;
	padding: 13px 15px;
  border: solid 1px var(--primary-site-color);
  font-size: 48px;
	height: 50px;
  width: 50px;
  padding: 0;
}





.content-body {
  color: var(--content-color);
  background-color: var(--content-background);
}

.page-header h2 {
  border-bottom: none;
  color: var(--auxiliar-text-color);
}

.sidebar-right-toggle i {
  color: var(--sidebar-toggle-color);
}

.sidebar-right-toggle:hover i {
  color: var(--sidebar-toggle-hover);
}

.sidebar-left {
  transition: width 150ms linear, margin-left 150ms linear !important;
}

.sidebar-left .sidebar-header .sidebar-title {
  color: var(--sidebar-title);
  overflow: hidden;
}

.sidebar-left .sidebar-header .sidebar-toggle {
  background-color: transparent;
}

.sidebar-left .sidebar-header .sidebar-toggle i {
  color: var(--sidebar-toggle-color);
}

.sidebar-left .sidebar-header .sidebar-toggle:hover i {
  color: var(--sidebar-toggle-color-hover);
}

ul.nav-main li .nav-children li a:hover, ul.nav-main li .nav-children li a:focus {
  background-color: var(--sidebar-menu-background-hover);
  color: var(--sidebar-menu-color-hover);
}

ul.nav-main > li > a:hover, ul.nav-main > li > a:focus {
  background-color: var(--sidebar-menu-background-hover);
  color: var(--sidebar-menu-color-hover);
}

.page-header {
  background-color: var(--page-header-background);
  border-left: none;
  padding: 0 20px;
  margin-bottom: 20px;
  box-shadow: 1px 3px 0 1px var(--page-header-border);
}

.sidebar-left {
  background-color: var(--sidebar-menu-background);
  max-width: 250px;
  box-shadow: 5px 0 0 var(--sidebar-menu-divisor) inset;
}

.sidebar-title {
  background-color: var(--page-header-background);
  height: 50px;
}

#menu > ul.nav-main {
  padding-bottom: 46px;
}

ul.nav-main li a {
  color: var(--sidebar-menu-color);
  padding-left: 20px;
}

ul.nav-main li a:hover {
  background-color: var(--sidebar-menu-background-hover);
  color: var(--sidebar-menu-color-hover);
}

ul.nav-main > li.nav-expanded > a {
  background-color: var(--sidebar-menu-background-hover);
}

ul.nav-main li.nav-parent > a:after {
  color: var(--sidebar-menu-color);
}

ul.nav-main li.nav-parent.nav-expanded {
  padding: 0;
}

ul.nav-main li.nav-parent > ul.nav-children {
  padding: 0;
  background-color: var(--sidebar-submenu-background);
  box-shadow: none;
}

ul.nav-main li .nav-children li a {
  padding: 6px 15px 6px 35px;
}

.disabled-nav * {
  color: var(--sidebar-menu-disabled-color);
  pointer-events: none;
}

.panel-title {
  color: var(--panel-heading-color);
}

.panel-heading, .panel-footer {
  color: var(--panel-heading-color);
  background-color: var(--panel-heading-background);
  border-color: var(--panel-heading-border);
}

.panel-featured-top {
  border-top-color: var(--panel-tab-active-border);
}

.panel-body {
  color: var(--panel-body-color);
  background-color: var(--panel-body-background);
  border: 1px solid var(--panel-body-border);  
  border-top: none;
}


.tabs {
  margin-bottom: 20px;
}

.tab-content {
  color: var(--panel-body-color);
  border-color: var(--panel-body-border);
  background-color: var(--panel-body-background);
}

.tabs .nav.nav-tabs {
  border: 1px solid var(--panel-body-border);
  border-radius: 5px 5px 0 0;
}

.tabs .nav.nav-tabs li:not(.active) a {
  color: var(--panel-tab-color);
  border-color: var(--panel-tab-border);
  background-color: var(--panel-tab-background);
}

.tabs .nav.nav-tabs li.active a {
  color: var(--panel-tab-color);
  border-top-color: var(--panel-tab-active-border);
  background-color: var(--panel-tab-active-background);
  border-bottom: 0;
}

.tabs .nav.nav-tabs li.active a:hover {
  color: var(--panel-tab-color);
  border-top-color: var(--panel-tab-active-border);
  background-color: var(--panel-tab-active-background);
}

.tabs.tabs-bottom .nav.nav-tabs {
  border-radius: 0 0 5px 5px;
}

.tabs-vertical.tabs-left .nav.nav-tabs {
  border-radius: 5px 0 0 5px;
}

.tabs-vertical.tabs-right .nav.nav-tabs {
  border-radius: 0 5px 5px 0;
}

section.content-body[role="main"] {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0;
}

#login_base {
  color: var(--page-header-color);
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  font-size: 15px;
  padding-right: 20px;
  line-height: 47px;
  height: 50px;
  display: inline-block;
}




.userbox {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
}

.userbox.open .dropdown-menu {
  background-color: var(--userbox-open-menu-bakcground);
}

#userbox {
  margin-top: 25px;
}

#userbox span.name {
  color: var(--page-header-color);
}

#userbox i.fa.custom-caret {
  color: var(--page-header-color);
}

#userbox span.role {
  color: var(--userbox-role-color);
}

#userbox.open span.name {
  color: var(--userbox-open-name-color);
}

#userbox.open span.role {
  color: var(--userbox-open-role-color);
}

#userbox.open i.fa.custom-caret {
  color: var(--userbox-open-name-color);
}

#userbox div.dropdown-menu a[role="menuitem"] {
  color: var(--userbox-open-menu-color) !important;
  background-color: var(---userbox-open-menu-background) !important;
}

#userbox div.dropdown-menu a[role="menuitem"]:hover {
  color: var(--userbox-open-menu-color-hover) !important;
  background-color: var(--userbox-open-menu-background-hover) !important;
}

.logo-div {
  margin-top: -8px;
}




.panel-heading {
  position: initial !important;
}

.panel-actions {
  position: initial !important;
  float: right;
}


 .col-xs-1,  .col-sm-1,  .col-md-1,  .col-lg-1,  .col-xs-2,  .col-sm-2,  .col-md-2,  .col-lg-2,
 .col-xs-3,  .col-sm-3,  .col-md-3,  .col-lg-3,  .col-xs-4,  .col-sm-4,  .col-md-4,  .col-lg-4,
 .col-xs-5,  .col-sm-5,  .col-md-5,  .col-lg-5,  .col-xs-6,  .col-sm-6,  .col-md-6,  .col-lg-6,
 .col-xs-7,  .col-sm-7,  .col-md-7,  .col-lg-7,  .col-xs-8,  .col-sm-8,  .col-md-8,  .col-lg-8,
 .col-xs-9,  .col-sm-9,  .col-md-9,  .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: inherit !important;
}

.nav.nav-tabs li, .nav.nav-tabs li * {
  position: initial;
}

li#quickium-copright {
  position: sticky;
  bottom: 45px;
  height: 50px;
  width: 110%;
  color: var(--page-header-color) !important;
  background-color: var(--page-header-background) !important;
}
li#quickium-copright * {
  font-weight: bold !important;
  color: var(--page-header-color) !important;
  background-color: var(--page-header-background) !important;
}
  li#quickium-copright *:hover {
  color: var(--page-header-color) !important;
  background-color: var(--page-header-background) !important;
}

.input-group {
  position: initial !important;
}

.input-group-addon {
  color: var(--select-group-addon-color) !important;
  border-color: var(--select-group-addon-border) !important;
  background-color: var(--select-group-addon-background) !important;
}

.form-control {
  position: initial !important;
  color: var(--form-control-color);
  background-color: var(--form-control-background);
  border-color: var(--form-control-border);
}

.form-control:disabled {
  color: var(--form-control-disabled-color);
  background-color: var(--form-control-disabled-background);
}

input.form-control::placeholder {
color: var(--form-control-input-placeholder) !important;
opacity: 1; /* Firefox */
}

input.form-control::-ms-input-placeholder { /* Edge 12-18 */ 
color: var(--form-control-input-placeholder) !important;
}

.profile-card-name {
  font-weight: 600;
}

.userbox .profile-picture img {
  height: 40px;
  width: 40px;
  border-radius: 100%;
}

.client-picture {
	position: absolute;
	margin-top: 2px;
	max-height: 0px;
  width: 90%;
  display: flex;
  justify-content: center;
}
.client-picture > img {
  height: 44px;
}

button.close {
  opacity: 1 !important;
  color: #00000055;
}



/* plugin sidebar menu */
.plugin-menu-header {
  position: absolute;
  margin-top: -27px;
  text-align: center;
  width: 100%;
  font-size: larger;
  background: linear-gradient(to left, transparent 10%, var(--sidebar-menu-background) 30%
              , var(--sidebar-menu-background) 70%, transparent 90%);
}
.plugin-menu-header span.plugin-link {
  cursor: pointer;
}
.plugin-menu-header span.plugin-link, .plugin-menu-header span.plugin-nolink {
  font-weight: 600;
}
.plugin-menu-header span.plugin-link ~ span.plugin-link, .plugin-menu-header span.plugin-nolink ~ span.plugin-nolink {
  margin-left: 5px;
}
.plugin-menu-header span.plugin-link:hover {
  opacity: 0.6;
}




/* bootstrap buttons */
.row {
  margin: 0;
}

label {
  font-size: 15px;
}

*:disabled {
  filter: opacity(0.8);
}

.btn-primary:hover,.btn-primary:focus {
  background-color: var(--primary-site-color) !important;
  border-color: var(--primary-site-color) !important;
}

.btn:hover:not(.btn-default),.btn:focus:not(.btn-default) {
  filter: brightness(1.3);
}

.btn.btn-default {
  color: var(--bootstrap-default-color) !important;
  background-color: var(--bootstrap-default) !important;
  border-color: var(--bootstrap-default-border) !important;
}
.btn.btn-default:disabled {
  border-color: var(--bootstrap-default-disabled) !important;
  background-color: var(--bootstrap-default-disabled) !important;
}

.btn.btn-primary {
  color: var(--bootstrap-primary-color) !important;
  border-color: var(--bootstrap-primary) !important;
  background-color: var(--bootstrap-primary) !important;
}
.btn.btn-primary:disabled {
  border-color: var(--bootstrap-primary-disabled) !important;
  background-color: var(--bootstrap-primary-disabled) !important;
}

.btn.btn-success {
  color: var(--bootstrap-success-color) !important;
  border-color: var(--bootstrap-success) !important;
  background-color: var(--bootstrap-success) !important;
}
.btn.btn-success:disabled {
  border-color: var(--bootstrap-success-disabled) !important;
  background-color: var(--bootstrap-success-disabled) !important;
}

.btn.btn-danger {
  color: var(--bootstrap-danger-color) !important;
  border-color: var(--bootstrap-danger) !important;
  background-color: var(--bootstrap-danger) !important;
}
.btn.btn-danger:disabled {
  border-color: var(--bootstrap-danger-disabled) !important;
  background-color: var(--bootstrap-danger-disabled) !important;
}

.btn.btn-warning {
  color: var(--bootstrap-warning-color) !important;
  border-color: var(--bootstrap-warning) !important;
  background-color: var(--bootstrap-warning) !important;
}
.btn.btn-warning:disabled {
  border-color: var(--bootstrap-warning-disabled) !important;
  background-color: var(--bootstrap-warning-disabled) !important;
}

.btn.btn-info {
  color: var(--bootstrap-info-color) !important;
  border-color: var(--bootstrap-info) !important;
  background-color: var(--bootstrap-info) !important;
}
.btn.btn-info:disabled {
  border-color: var(--bootstrap-info-disabled) !important;
  background-color: var(--bootstrap-info-disabled) !important;
}





/* jstree */
i.jstree-themeicon {
  color: inherit !important;
}

.jstree-default .jstree-hovered {
  color: var(--jstree-hover-color) !important;
  background-color: var(--jstree-hover-background) !important;
  box-shadow: none !important;
}

.jstree-hovered i.jstree-themeicon {
  color: var(--jstree-hover-color) !important;
}

.jstree-hovered > .jstree-checkbox {
  background-position: -164px -36px !important;
}

.jstree-hovered.jstree-clicked > .jstree-checkbox {
  background-position: -228px -36px !important;
}

.jstree-hovered > .jstree-checkbox.jstree-undetermined {
  background-position: -196px -36px !important;
}

.jstree-anchor {
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.jstree-default .jstree-clicked {
  background-color: var(--jstree-selected-background) !important;
  box-shadow: none !important;
}




/* bootstrap select */
.bootstrap-select .dropdown-menu {
  position: inherit;
  margin: 0;
  color: var(--form-control-color) !important;
  background-color: var(--form-control-background) !important;
  border-color: var(--form-control-border) !important;
}

.bootstrap-select .dropdown-menu.inner span.text {
  color: var(--form-control-color) !important;
}
.bootstrap-select .dropdown-menu.inner span.text:hover {
  background-color: var(--form-control-disabled-background) !important;
}

.bootstrap-select .dropdown-menu.inner .no-results {
  color: var(--form-control-color) !important;
  background-color: var(--form-control-background) !important;
}

.bootstrap-select .dropdown-toggle {
  height: 34px;
  color: var(--form-control-color) !important;
  background-color: var(--form-control-background) !important;
  border-color: var(--form-control-border) !important;
}

/* Bootstrap Select */
div.bootstrap-select div.dropdown-menu.open ul.dropdown-menu.inner li a:hover {
  background-color: #00000055 !important;
}

div.bootstrap-select div.dropdown-menu.open ul.dropdown-menu.inner li a span:hover {
  background-color: transparent !important;
}



/* DataTables */
li.paginate_button:not(.active) > a {
  color: var(--form-control-color) !important;
  background-color: var(--form-control-background) !important;
  border-color: var(--form-control-border) !important;
}
li.paginate_button.disabled:not(.active) > a {
  color: var(--form-control-disabled-color) !important;
  background-color: var(--form-control-disabled-background) !important;
}



/* flatpickr */
input.form-control.flatpickr-input {
  color: var(--form-control-color) !important;
  background-color: var(--form-control-background) !important;
  border-color: var(--form-control-border) !important;
}

.flatpickr-calendar {
  background-color: var(--flatpickr-background) !important;
  color: var(--flatpickr-color) !important;
  overflow: hidden;
  margin: 0 auto;
}

.flatpickr-months input, .flatpickr-months select {
  color: var(--flatpickr-input-color) !important;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  fill: var(--flatpickr-input-color) !important;
}

.flatpickr-months .flatpickr-prev-month svg:hover,
.flatpickr-months .flatpickr-next-month svg:hover {
  fill: var(--flatpickr-arrow-hover) !important;
}

.flatpickr-monthDropdown-month {
  background-color: var(--flatpickr-background) !important;
}

.flatpickr-weekdays span{
  color: var(--flatpickr-weekday-color) !important;
}

.flatpickr-day {
  color: var(--flatpickr-day-color) !important;
}

.flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay{
  color: var(--flatpickr-day-disabled-color) !important;
}

.flatpickr-day.selected {
  color: var(--flatpickr-day-selected-color) !important;
  background-color: var(--flatpickr-day-selected-background) !important;
  border-color: var(--flatpickr-day-selected-border) !important;
}

.flatpickr-day.selected:hover {
  background-color: var(--flatpickr-today-hover-background) !important;
  color: var(--flatpickr-today-hover-color) !important;

}

.flatpickr-day.today {
  border-color: var(--flatpickr-today-border) !important;
}

.flatpickr-day.today:hover {
  color: var(--flatpickr-today-hover-color) !important;
  background-color: var(--flatpickr-today-hover-background) !important;
}

.flatpickr-day:hover{
  color: var(--flatpickr-day-hover-color) !important;
  background-color: var(--flatpickr-day-hover-background) !important;
}

.flatpickr-time input.flatpickr-hour:focus,
.flatpickr-time input.flatpickr-minute:focus,
.flatpickr-time input.flatpickr-second:focus,
.flatpickr-time input.flatpickr-hour:hover,
.flatpickr-time input.flatpickr-minute:hover,
.flatpickr-time input.flatpickr-second:hover {
  background-color: var(--flatpickr-background) !important;
  color: var(--flatpickr-color) !important;
}

.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  color: var(--flatpickr-color) !important;
}

/* Alerts */
.alert.alert-info {
  background-color: var(--alert-info-background);
  border-color: var(--alert-info-background);
  color: var(--alert-info-color);
}
.alert.alert-default {
  background-color: var(--alert-default-background);
  border-color: var(--alert-default-background);
  color: var(--alert-default-color);
}
.alert.alert-warning {
  background-color: var(--alert-warning-background);
  border-color: var(--alert-warning-background);
  color: var(--alert-warning-color);
}
.alert.alert-danger {
  background-color: var(--alert-danger-background);
  border-color: var(--alert-danger-background);
  color: var(--alert-danger-color);
}
.alert.alert-success {
  background-color: var(--alert-success-background);
  border-color: var(--alert-success-background);
  color: var(--alert-success-color);
}


/* jquery-confirm */
.jconfirm.jconfirm-my-theme .jconfirm-bg{
  background-color: #444 !important;
  opacity: .2 !important;
}
.jconfirm.jconfirm-my-theme .jconfirm-box{
  background-color: var(--panel-body-background) !important;
  color: var(--panel-body-color) !important;
}
.jconfirm.jconfirm-my-theme .jconfirm-box.jconfirm-type-red{
  border-color: var(--bootstrap-danger) !important;
}
.jconfirm.jconfirm-my-theme .jconfirm-box.jconfirm-type-blue{
  border-color: var(--primary-site-color) !important;
}
.jconfirm.jconfirm-my-theme .jconfirm-box.jconfirm-type-orange{
  border-color: var(--bootstrap-warning) !important;
}
.jconfirm.jconfirm-my-theme .jconfirm-box.loading{
}
.jconfirm.jconfirm-my-theme .jconfirm-box.loading:before{
}
.jconfirm.jconfirm-my-theme .jconfirm-box.loading:after{
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-closeIcon{
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-title-c{
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{
  margin-right: 8px !important;
}
.jconfirm.jconfirm-my-theme .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{
  color: var(--bootstrap-danger) !important;
}
.jconfirm.jconfirm-my-theme .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{
  color: var(--primary-site-color) !important;
}
.jconfirm.jconfirm-my-theme .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{
  color: var(--bootstrap-warning) !important;
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-content-pane{
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-content{
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-buttons{
  text-align: right !important;
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-buttons button{
}


/* highcharts */
.highcharts-root {
  font-size: 14px !important;
}


/* select2 */
.select2.select2-container.select2-container--default {
  width: 100% !important;
}
.select2-container--default .select2-selection--single {
  background-color: var(--form-control-background) !important;
  border: 1px solid var(--form-control-border) !important;
  height: 34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--form-control-color) !important;
  line-height: 34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--form-control-color) transparent transparent transparent !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--form-control-background) !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--form-control-color) transparent !important;
}
.select2-container--default .select2-dropdown.select2-dropdown--below {
  background-color: var(--form-control-background) !important;
  border: 1px solid var(--form-control-border) !important;
}
.select2-container--default .select2-search--dropdown {
  background-color: var(--form-control-background) !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--form-control-border) !important;
  background-color: var(--form-control-background) !important;
  color: var(--form-control-color)
}
.select2-container--default .select2-results__option--disabled {
  color: var(--form-control-disabled-color) !important; }

.select2-container--default .select2-results__option--selected {
  background-color: var(--form-control-background) !important;
  color: var(--form-control-color) !important;
}
.select2-container--default .select2-results__option.select2-results__option--selectable {
  background-color: var(--form-control-background) !important;
  color: var(--form-control-color) !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb !important;
  color: white !important;
}


/* media */
@media only screen and (max-width: 767px) {
  #login_base {
    padding-right: 0;
  }
  .page-header h2{
    text-overflow: ellipsis;
    max-width: 90px;
    font-size: 15px
  }


  .userbox.open .dropdown-menu {
    padding: 45px 10px 0 !important;
    background-color: var(--userbox-open-menu-bakcground);
  }

  html.csstransforms .sidebar-left {
    padding-top: 0 !important;
  }

  .toggle-sidebar-left {
    float: left;
    margin-left: 0px;
    color: var(--secondary-site-color);
    font-size: 20px;
    line-height: 50px;
  }

  section.content-body[role="main"] {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  li#quickium-copright {
    position: fixed !important;
    bottom: -5px !important;
    width: 100%;
  }
}

@media only screen and (min-width: 768px){
  html.sidebar-left-collapsed .sidebar-left .sidebar-title {
    opacity: 1 !important;
  }
}