@charset "UTF-8";
/*
*	############################################################################
*	Author: Daniele Vaccari
*	Version		1.4.5
*	############################################################################
*/

/* *:focus {
  outline: none;
}

*, input, select, textarea, option, button {
  outline: none !important;
} */

.form-group {
    margin-bottom: 15px;
}

.inner-center {
  margin: 0 auto;
}

.text-italic {
  font-style: italic;
}

.text-center-ver {
  vertical-align: middle;
}

.text-thin {
  font-weight: 300;
}

.text-normal {
  font-weight: normal;
}

.text-semibold {
  font-weight: 600;
}

.text-bold {
  font-weight: 700;
}

.text-through {
  text-decoration: line-through
}

.text-5x,
.text-4x,
.text-5x,
.text-2x,
.text-lg,
.text-sm,
.text-xs {
  line-height: 1.25;
  font-size: 4em;
}

.text-4x {
  font-size: 4em;
}

.text-3x {
  font-size: 3em;
}

.text-2x {
  font-size: 2em;
}

.text-lg {
  font-size: 1.2em;
}

.text-sm {
  font-size: .9em;
}

.text-xs {
  font-size: .8em;
}

.text-overflow {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-unit {
  font-size: 15px;
  vertical-align: top;
  line-height: 1.5em;
}

.size17 {
  font-size: 17px;
}

.align-center {
  display: flex;
  align-items: center;
}

.fgap {
  gap: 15px;
}

.unselectable {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.unselectable ::selection {
  background-color: transparent;
  color: inherit;
}

.unselectable ::-moz-selection {
  background-color: transparent;
  color: inherit;
}

.expandible-no {
  width: 100%;
  resize: none;
}

.expandible-ver {
  width: 100%;
  min-height: 1em;
  resize: vertical;
}

/* .expandible{
	max-height: 25px;
	width: 100%;
	resize:none;
}

.expandible:focus{
	height: 75;
	max-height: 75px;
} */

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

.mar-all {
  margin: 15px;
}

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

.mar-btm {
  margin-bottom: 15px;
}

.mar-lft {
  margin-left: 15px;
}

.mar-rgt {
  margin-right: 15px;
}

.mar-hor {
  margin-left: 15px;
  margin-right: 15px;
}

.mar-ver {
  margin-top: 15px;
  margin-bottom: 15px;
}

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

.pad-all {
  padding: 20px;
}

.pad-top {
  padding-top: 15px;
}

.pad-btm {
  padding-bottom: 15px;
}

.pad-lft {
  padding-left: 15px;
}

.pad-rgt {
  padding-right: 15px;
}

.pad-hor {
  padding-left: 15px;
  padding-right: 15px;
}

.pad-ver {
  padding-top: 15px;
  padding-bottom: 15px;
}

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

.bord-all {
  border: 1px solid #e9e9e9;
}

.bord-top {
  border-top: 1px solid #e9e9e9;
}

.bord-btm {
  border-bottom: 1px solid #e9e9e9;
}

.bord-lft {
  border-left: 1px solid #e9e9e9;
}

.bord-rgt {
  border-right: 1px solid #e9e9e9;
}

.bord-ver {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.bord-hor {
  border-right: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}

.equal,
.equal>div[class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 1 auto;
}

/** Search Box **/
@media(min-width:768px) {
  #page-title {
    display: table;
    table-layout: fixed;
    padding-bottom: 0;
  }

  .page-header,
  .searchbox,
  .daterangebox {
    display: table-cell;
    vertical-align: middle;
  }

  .searchbox,
  .daterangebox {
    width: 400px;
  }

  .searchbox .form-control {
    background-color: transparent;
  }
}

@media(min-width:992px) {

  .searchbox,
  .daterangebox {
    margin-right: -25px;
  }

  .searchbox .custom-search-form {
    margin-right: 0;
  }
}

#page-title {
  padding: 0 0 15px;
  /* color: #2b425b; */
  width: 100%;
}

.page-header {
  border: 0 none;
  font-size: 1.7em;
  font-weight: normal;
  margin: 0;
  padding: 10px 0;
}

.page-header .label {
  margin-right: .5em;
}

.page-header h2 {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  margin: 0;
  padding-right: 10px;
  margin-right: 10px;
  border-right-style: solid;
  border-right-width: 1px;
}

@media screen and (max-width: 768px) {
  .page-header h2 {
    display: block;
    border-right: none;
  }
}

.page-header em {
  font-size: 13px;
  font-weight: normal;
}

.searchbox {
  margin-right: -20px;
}

.searchbox button {
  border: 0;
  background: 0;
  padding: 2px 5px;
  margin-top: 2px;
  position: relative;
  left: -28px;
  font-size: 14px;
  z-index: 2;
}

.searchbox .custom-search-form {
  margin-right: -5px;
}

.searchbox .custom-search-form .input-group-btn {
  position: static;
}

.searchbox .custom-search-form .input-group-btn:before {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  bottom: -1px;
  z-index: 99;
  left: 50%;
  right: 50%;
  transition: left .3s, right .3s;
}

.searchbox .custom-search-form input {
  background-color: transparent;
  border-color: transparent;
  padding-right: 30px;
}

.searchbox>.input-group.custom-search-form input {
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.searchbox>.input-group input:focus~.input-group-btn:before {
  content: "";
  left: 0;
  right: 25px;
  transition: left .3s, right .3s;
}

/*------------------------------------------------*/
/*	Multiselect Theme
/*------------------------------------------------*/
span.multiselect-native-select {
  position: relative
}

span.multiselect-native-select select {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px -1px -1px -3px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  left: 50%;
  top: 30px
}

.multiselect.btn-multiselect {
  display: block;
  width: 100%;
  height: 38px;
  padding: 6px 6px 6px 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  text-align: left;
}

.multiselect.btn-multiselect b.caret {
  float: right;
  margin-top: 8px;
  vertical-align: middle;
  border-top: 5px dashed;
  border-top: 5px solid\9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.multiselect.btn-multiselect:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.has-error .multiselect.btn-multiselect {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/** per bootstrap5 ho aggiunto questa regola per l'has-error */
.has-error .form-control{
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.row-filter .multiselect.btn-multiselect {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  /* line-height: 1.5; */
}

.row-filter .multiselect.btn-multiselect b.caret {
  margin-top: 4px;
}

.multiselect-container {
  position: absolute;
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.multiselect-container li.disabled {
  display: none;
}

/* .multiselect-container li.disabled ~ li.multiselect-item.multiselect-group {display:none;} */

.multiselect-container::-webkit-scrollbar {
  width: 10px;
}

/* .multiselect-container::-webkit-scrollbar-button {
  color:#333;
  background: #f1f1f1; } */

.multiselect-container::-webkit-scrollbar-track {
  /*  -webkit-box-shadow: none;
                                                    box-shadow: none; */
  background: #f1f1f1;
}

.multiselect-container::-webkit-scrollbar-thumb {
  background: #a8a8a8;
  /* border-radius: 0;
                                                  -webkit-box-shadow: none; */
  box-shadow: none;
}

.multiselect-container::-webkit-scrollbar-thumb:window-inactive {
  background: #f1f1f1;
}

.multiselect-container .input-group {
  margin-top: 5px;
}

.multiselect-container .multiselect-reset .input-group {
  width: 93%
}

.multiselect-container>li {
  padding: 0;
}

.multiselect-container>li>a.multiselect-all label {
  font-weight: 700;
}

.multiselect-container>li>label.multiselect-group {
  margin: 0;
  padding: 3px 20px;
  height: 100%;
  font-weight: 700;
}

.multiselect-container>li.multiselect-group-clickable label {
  cursor: pointer
}
.multiselect-item.multiselect-group a{
  text-decoration: none;
}
.multiselect-container>li{
    padding-left: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 5px;
}
.multiselect-item.multiselect-filter{
    margin-bottom: 5px;
}

/* .multiselect-container > li > a > label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 20px 3px 40px;
} */

.multiselect-container>li>a>label {
  display: block;
  width: 100%;
  /* height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem; */
  height: 100%;
  cursor: pointer;
  margin: 0;
  padding: 3px 20px 3px 40px;
  /* font-size: 1rem; */
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
}

.multiselect-container>li>a>label.radio,
.multiselect-container>li>a>label.checkbox {
  margin: 0;
  padding-left: 3px;
}

.multiselect-container>li>a>label>input[type=checkbox] {
  margin-bottom: 5px;
}

.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
  /* border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px;
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0;
}

.multiselect-container>li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 700;
}

.multiselect-container>li>a label.checkbox input[type="checkbox"],
.multiselect-container>li>a label.radio input[type="radio"] {
  display: none;
}

.multiselect-container>li.active>a,
.multiselect-container>li.active>a>label {
  background-color: var(--bs-dropdown-link-active-bg);
  color: #fff;
}

/* .multiselect-container>li>a:hover, */
/* .multiselect-container>li>a:hover>label, */
.multiselect-container>li>a:focus,
.multiselect-container>li>a:focus>label,
.multiselect-container>li.active>a:hover,
.multiselect-container>li.active>a:hover>label,
.multiselect-container>li.active>a:focus,
.multiselect-container>li.active>a:focus>label {
  background-color: var(--bs-dropdown-link-active-bg);
  color: #fff;
}

.multiselect-container.hasOptGroup>li:not(.multiselect-item)>a>label {
  padding-left: 20px;
}

/* multiselect checkbox */
.multiselect-container>li>a label.checkbox:before {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border: 1px solid #ccc;
  background-color: #fafafa;
}

.multiselect-container>li.active>a label.checkbox:before {
  font-family: "Font Awesome 5 Free";
  content: '\f00c';
  font-weight: 900;
  font-size: 12px;
  color: #99A1A7;
  text-align: center;
  line-height: 15px;
  background-color: #EDEDED;
}


/* multiselect radio */
.multiselect-container>li>a label.radio:before {
  display: inline-block;
  vertical-align: middle;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  bottom: 1px;
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border: 1px solid #ccc;
  background-color: #fafafa;
}

.multiselect-container>li.active>a label.radio:before {
  font-family: "Font Awesome 5 Free";
  content: '\f111';
  color: #99a1a7;
  font-size: 8px;
  font-weight: 900;
  text-align: center;
  line-height: 15px;
}

.multiselect-container.dropdown-menu .dropdown-item:last-child{
    padding-bottom: 5px;
}

/*!
 * Bootstrap Colorpicker
 * http://mjaalnir.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
.colorpicker-saturation {
  float: left;
  width: 100px;
  height: 100px;
  cursor: crosshair;
  background-image: url('../img/bootstrap-colorpicker/saturation.png?1385667212');
}

.colorpicker-saturation i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: -4px 0 0 -4px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.colorpicker-saturation i b {
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.colorpicker-hue,
.colorpicker-alpha {
  float: left;
  width: 15px;
  height: 100px;
  margin-bottom: 4px;
  margin-left: 4px;
  cursor: row-resize;
}

.colorpicker-hue i,
.colorpicker-alpha i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background: #000;
  border-top: 1px solid #fff;
}

.colorpicker-hue {
  background-image: url('../img/bootstrap-colorpicker/hue.png?1385667212');
}

.colorpicker-alpha {
  display: none;
  background-image: url('../img/bootstrap-colorpicker/alpha.png?1385667212');
}

.colorpicker {
  top: 0;
  left: 0;
  z-index: 2500;
  min-width: 130px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.colorpicker:before,
.colorpicker:after {
  display: table;
  line-height: 0;
  content: "";
}

.colorpicker:after {
  clear: both;
}

.colorpicker:before {
  position: absolute;
  top: -7px;
  left: 6px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.colorpicker:after {
  position: absolute;
  top: -6px;
  left: 7px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.colorpicker div {
  position: relative;
}

.colorpicker.colorpicker-with-alpha {
  min-width: 140px;
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block;
}

.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url('../img/bootstrap-colorpicker/alpha.png?1385667212');
  background-position: 0 100%;
}

.colorpicker-color div {
  height: 10px;
}

.colorpicker-element .input-group-text i {
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.colorpicker.colorpicker-inline {
  position: relative;
  display: inline-block;
  float: none;
}

.colorpicker.colorpicker-horizontal {
  width: 110px;
  height: auto;
  min-width: 110px;
}

.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px;
}

.colorpicker.colorpicker-horizontal .colorpicker-color {
  width: 100px;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  float: left;
  width: 100px;
  height: 15px;
  margin-bottom: 4px;
  margin-left: 0;
  cursor: col-resize;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 15px;
  margin-top: 0;
  background: #ffffff;
  border: none;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url('../img/bootstrap-colorpicker/hue-horizontal.png?1385667212');
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url('../img/bootstrap-colorpicker/alpha-horizontal.png?1385667212');
}

.colorpicker.colorpicker-hidden {
  display: none;
}

.colorpicker.colorpicker-visible {
  display: block;
}

.colorpicker-inline.colorpicker-visible {
  display: inline-block;
}

/*
 * Very simple jQuery Color Picker
 * https://github.com/tkrotoff/jquery-simplecolorpicker
 *
 * Copyright (C) 2012-2013 Tanguy Krotoff <tkrotoff@gmail.com>
 *
 * Licensed under the MIT license
 */
/*
 * Inspired by Bootstrap Twitter.
 * See https://github.com/twbs/bootstrap/blob/master/less/navbar.less
 * See https://github.com/twbs/bootstrap/blob/master/less/dropdowns.less
 */

.simplecolorpicker.picker {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1051;
  /* Above Bootstrap modal (@zindex-modal = 1050) */
  display: none;
  float: left;
  min-width: 160px;
  max-width: 283px;
  /* @popover-max-width = 276px + 7 */
  padding: 5px 0 0 5px;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff;
  /* @dropdown-bg */
  border: 1px solid #ccc;
  /* @dropdown-fallback-border */
  border: 1px solid rgba(0, 0, 0, 0.15);
  /* @dropdown-border */
  -webkit-border-radius: 4px;
  /* @border-radius-base */
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.simplecolorpicker.inline {
  display: inline-block;
  padding: 6px 0;
}

.simplecolorpicker span {
  margin: 0 5px 5px 0;
}

.simplecolorpicker.icon,
.simplecolorpicker span.color {
  display: inline-block;
  cursor: pointer;
  border: 1px solid transparent;
}

.simplecolorpicker.icon:after,
.simplecolorpicker span.color:after {
  content: '\00a0\00a0\00a0\00a0';
  /* Spaces */
}

.simplecolorpicker span.color[data-disabled]:hover {
  cursor: not-allowed;
  border: 1px solid transparent;
}

.simplecolorpicker span.color:hover,
.simplecolorpicker span.color[data-selected],
.simplecolorpicker span.color[data-selected]:hover {
  border: 1px solid #222;
  /* @gray-dark */
}

.simplecolorpicker span.color[data-selected]:after {
  color: #fff;
}

/* Vertical separator, replaces optgroup. */
.simplecolorpicker span.vr {
  border-left: 1px solid #222;
  /* @gray-dark */
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.date-picker {
  width: 170px;
  height: 25px;
  padding: 0;
  border: 0;
  line-height: 25px;
  padding-left: 10px;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  cursor: pointer;
  color: #303030;
  position: relative;
  z-index: 2;
}

.date-picker-wrapper {
  position: absolute;
  z-index: 1;
  border: 1px solid #bfbfbf;
  background-color: #efefef;
  padding: 5px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #aaa;
  font-family: Arial;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  box-sizing: initial;
}

.date-picker-wrapper.inline-wrapper {
  position: relative;
  box-shadow: none;
  display: inline-block;
}

.date-picker-wrapper.single-date {
  width: auto;
}

.date-picker-wrapper.no-shortcuts {
  padding-bottom: 12px;
}

.date-picker-wrapper.no-topbar {
  padding-top: 12px;
}

.date-picker-wrapper .footer {
  font-size: 11px;
  padding-top: 3px;
  display: none;
}

.date-picker-wrapper b {
  color: #666;
  font-weight: 700;
}

.date-picker-wrapper a {
  color: rgb(107, 180, 214);
  text-decoration: underline;
}

.date-picker-wrapper .month-name {
  text-transform: uppercase;
}

.date-picker-wrapper .month-wrapper {
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  background-color: #fff;
  padding: 5px;
  cursor: default;
  position: relative;
  _overflow: hidden;
}

.date-picker-wrapper .month-wrapper table {
  width: 190px;
  float: left;
}

.date-picker-wrapper .month-wrapper table.month2 {
  width: 190px;
  float: left;
}

.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
  vertical-align: middle;
  text-align: center;
  line-height: 14px;
  margin: 0px;
  padding: 0px;
}

.date-picker-wrapper .month-wrapper table .day {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #ccc;
  cursor: default;
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth {
  color: #999;
  cursor: default;
}

.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: rgb(156, 219, 247);
}

.date-picker-wrapper .month-wrapper table .week-name {
  height: 20px;
  line-height: 20px;
  font-weight: 100;
  text-transform: uppercase;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
  cursor: help !important;
}

.date-picker-wrapper .time label {
  white-space: nowrap;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #333;
  cursor: pointer;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #cdecfa;
}

.date-picker-wrapper .month-wrapper table .day.nextMonth,
.date-picker-wrapper .month-wrapper table .day.lastMonth {
  display: none;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
  background-color: rgb(255, 230, 132);
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background-color: rgb(112, 204, 213);
}


.date-picker-wrapper table .caption {
  height: 40px;
}

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
  padding: 0 5px;
  cursor: pointer;
}

.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
  background-color: #ccc;
  color: white;
}

.date-picker-wrapper .gap {
  position: relative;
  z-index: 1;
  width: 15px;
  height: 100%;
  background-color: red;
  font-size: 0;
  line-height: 0;
  float: left;
  top: -5px;
  margin: 0 10px -10px;
  visibility: hidden;
  height: 0;
}

.date-picker-wrapper .gap .gap-lines {
  height: 100%;
  overflow: hidden;
}

.date-picker-wrapper .gap .gap-line {
  height: 15px;
  width: 15px;
  position: relative;
}

.date-picker-wrapper .gap .gap-line .gap-1 {
  z-index: 1;
  height: 0;
  border-left: 8px solid white;
  border-top: 8px solid #eee;
  border-bottom: 8px solid #eee;
}

.date-picker-wrapper .gap .gap-line .gap-2 {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid white;
}

.date-picker-wrapper .gap .gap-line .gap-3 {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-bottom: 8px solid white;
}

.date-picker-wrapper .gap .gap-top-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 1px;
  background-color: #eee;
  z-index: 3;
}

.date-picker-wrapper .gap .gap-bottom-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 7px;
  background-color: #eee;
  z-index: 3;
}

.date-picker-wrapper .selected-days {
  display: none;
}

.date-picker-wrapper .drp_top-bar {
  line-height: 1.4;
  position: relative;
  padding: 10px 40px 10px 0;
}

.date-picker-wrapper .drp_top-bar .error-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar .normal-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar .default-top {
  display: block;
}

.date-picker-wrapper .drp_top-bar.error .default-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar.error .error-top {
  display: block;
  color: red;
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
  display: block;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
  position: absolute;
  right: 0px;
  top: 6px;
  padding: 3px 5px;
  margin: 0;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;

  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
  color: white;
  line-height: initial;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  cursor: pointer;
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

/*time styling*/
.date-picker-wrapper .time {
  position: relative;
}

.date-picker-wrapper.single-month .time {
  display: none;
}

.date-picker-wrapper .time input[type=range] {
  vertical-align: middle;
  width: 129px;
  padding: 0;
  margin: 0;
  height: 20px;
}

.date-picker-wrapper .time1,
.time2 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}

.date-picker-wrapper .time1 {
  float: left;
}

.date-picker-wrapper .time2 {
  float: right;
}

.date-picker-wrapper .hour,
.minute {
  text-align: right;
}

.date-picker-wrapper .hide {
  display: none;
}

.date-picker-wrapper .first-date-selected {
  background-color: #49e !important;
  color: white !important;
}

.date-picker-wrapper .last-date-selected {
  background-color: #49e !important;
  color: white !important;
}

.date-picker-wrapper .date-range-length-tip {
  position: absolute;
  margin-top: -4px;
  margin-left: -8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  display: none;
  background-color: yellow;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
  -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
  -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
  -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
}

.date-picker-wrapper .date-range-length-tip:after {
  content: '';
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid yellow;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
}


.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev {
  display: none;
}

.date-picker-wrapper .week-number {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #999;
  cursor: pointer;
}

.date-picker-wrapper .week-number.week-number-selected {
  color: #4499EE;
  font-weight: bold;
}

/*Grid*/
.ui-jqgrid {
  position: relative;
}

.ui-jqgrid .ui-jqgrid-view {
  position: relative;
  left: 0;
  top: 0;
  padding: 0;
  font-size: 11px;
}

/* caption*/
.ui-jqgrid .ui-jqgrid-titlebar {
  padding: .3em .2em .2em .3em;
  position: relative;
  border-left: 0 none;
  border-right: 0 none;
  border-top: 0 none;
}

.ui-jqgrid .ui-jqgrid-title {
  float: left;
  margin: .1em 0 .2em;
}

.ui-jqgrid .ui-jqgrid-titlebar-close {
  position: absolute;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
  cursor: pointer;
}

.ui-jqgrid .ui-jqgrid-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
  padding: 0;
}

/* header*/
.ui-jqgrid .ui-jqgrid-hdiv {
  position: relative;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  border-left: 0 none !important;
  border-top: 0 none !important;
  border-right: 0 none !important;
}

.ui-jqgrid .ui-jqgrid-hbox {
  float: left;
  padding-right: 20px;
}

.ui-jqgrid .ui-jqgrid-htable {
  table-layout: fixed;
  margin: 0;
}

.ui-jqgrid .ui-jqgrid-htable th {
  height: 22px;
  padding: 0 2px 0 2px;
}

.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
  background-color: #ccc;
  color: white;
}

.date-picker-wrapper .gap {
  position: relative;
  z-index: 1;
  width: 15px;
  height: 100%;
  background-color: red;
  font-size: 0;
  line-height: 0;
  float: left;
  top: -5px;
  margin: 0 10px -10px;
  visibility: hidden;
  height: 0;
}

.date-picker-wrapper .gap .gap-lines {
  height: 100%;
  overflow: hidden;
}

.date-picker-wrapper .gap .gap-line {
  height: 15px;
  width: 15px;
  position: relative;
}

.date-picker-wrapper .gap .gap-line .gap-1 {
  z-index: 1;
  height: 0;
  border-left: 8px solid white;
  border-top: 8px solid #eee;
  border-bottom: 8px solid #eee;
}

.date-picker-wrapper .gap .gap-line .gap-2 {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid white;
}

.date-picker-wrapper .gap .gap-line .gap-3 {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-bottom: 8px solid white;
}

.date-picker-wrapper .gap .gap-top-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 1px;
  background-color: #eee;
  z-index: 3;
}

.date-picker-wrapper .gap .gap-bottom-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 7px;
  background-color: #eee;
  z-index: 3;
}

.date-picker-wrapper .selected-days {
  display: none;
}

.date-picker-wrapper .drp_top-bar {
  line-height: 1.4;
  position: relative;
  padding: 10px 40px 10px 0;
}

.date-picker-wrapper .drp_top-bar .error-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar .normal-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar .default-top {
  display: block;
}

.date-picker-wrapper .drp_top-bar.error .default-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar.error .error-top {
  display: block;
  color: red;
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
  display: block;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
  position: absolute;
  right: 0px;
  top: 6px;
  padding: 3px 5px;
  margin: 0;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;

  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
  color: white;
  line-height: initial;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  cursor: pointer;
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

/*time styling*/
.date-picker-wrapper .time {
  position: relative;
}

.date-picker-wrapper.single-month .time {
  display: none;
}

.date-picker-wrapper .time input[type=range] {
  vertical-align: middle;
  width: 129px;
  padding: 0;
  margin: 0;
  height: 20px;
}

.date-picker-wrapper .time1,
.time2 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}

.date-picker-wrapper .time1 {
  float: left;
}

.date-picker-wrapper .time2 {
  float: right;
}

.date-picker-wrapper .hour,
.minute {
  text-align: right;
}

.date-picker-wrapper .hide {
  display: none;
}

.date-picker-wrapper .first-date-selected {
  background-color: #49e !important;
  color: white !important;
}

.date-picker-wrapper .last-date-selected {
  background-color: #49e !important;
  color: white !important;
}

.date-picker-wrapper .date-range-length-tip {
  position: absolute;
  margin-top: -4px;
  margin-left: -8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  display: none;
  background-color: yellow;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
  -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
  -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
  -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
}

.date-picker-wrapper .date-range-length-tip:after {
  content: '';
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid yellow;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
}


.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev {
  display: none;
}

.date-picker-wrapper .week-number {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #999;
  cursor: pointer;
}

.date-picker-wrapper .week-number.week-number-selected {
  color: #4499EE;
  font-weight: bold;
}

/*Grid*/
.ui-jqgrid {
  position: relative;
}

.ui-jqgrid .ui-jqgrid-view {
  position: relative;
  left: 0;
  top: 0;
  padding: 0;
  font-size: 11px;
}

/* caption*/
.ui-jqgrid .ui-jqgrid-titlebar {
  padding: .3em .2em .2em .3em;
  position: relative;
  border-left: 0 none;
  border-right: 0 none;
  border-top: 0 none;
}

.ui-jqgrid .ui-jqgrid-title {
  float: left;
  margin: .1em 0 .2em;
}

.ui-jqgrid .ui-jqgrid-titlebar-close {
  position: absolute;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
  cursor: pointer;
}

.ui-jqgrid .ui-jqgrid-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
  padding: 0;
}

/* header*/
.ui-jqgrid .ui-jqgrid-hdiv {
  position: relative;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  border-left: 0 none !important;
  border-top: 0 none !important;
  border-right: 0 none !important;
}

.ui-jqgrid .ui-jqgrid-hbox {
  float: left;
  padding-right: 20px;
}

.ui-jqgrid .ui-jqgrid-htable {
  table-layout: fixed;
  margin: 0;
}

.ui-jqgrid .ui-jqgrid-htable th {
  height: 22px;
  padding: 0 2px 0 2px;
}

.ui-jqgrid .ui-jqgrid-htable th div {
  overflow: hidden;
  position: relative;
  height: 17px;
}

.ui-th-column,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  border-top: 0 none;
  border-bottom: 0 none;
}

.ui-th-ltr,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
  border-left: 0 none;
}

.ui-th-rtl,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {
  border-right: 0 none;
}

.ui-first-th-ltr {
  border-right: 1px solid;
}

.ui-first-th-rtl {
  border-left: 1px solid;
}

.ui-jqgrid .ui-th-div-ie {
  white-space: nowrap;
  zoom: 1;
  height: 17px;
}

.ui-jqgrid .ui-jqgrid-resize {
  height: 20px !important;
  position: relative;
  cursor: e-resize;
  display: inline;
  overflow: hidden;
}

.ui-jqgrid .ui-grid-ico-sort {
  overflow: hidden;
  position: absolute;
  display: inline;
  cursor: pointer !important;
}

.ui-jqgrid .ui-icon-asc {
  margin-top: -3px;
  height: 12px;
}

.ui-jqgrid .ui-icon-desc {
  margin-top: 3px;
  height: 12px;
}

.ui-jqgrid .ui-i-asc {
  margin-top: 0;
  height: 16px;
}

.ui-jqgrid .ui-i-desc {
  margin-top: 0;
  margin-left: 13px;
  height: 16px;
}

.ui-jqgrid .ui-jqgrid-sortable {
  cursor: pointer;
}

.ui-jqgrid tr.ui-search-toolbar th {
  border-top-width: 1px !important;
  border-top-color: inherit !important;
  border-top-style: ridge !important;
}

tr.ui-search-toolbar input {
  margin: 1px 0 0 0;
}

tr.ui-search-toolbar select {
  margin: 1px 0 0 0;
}

/* body */
.ui-jqgrid .ui-jqgrid-bdiv {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: auto;
  text-align: left;
}

.ui-jqgrid .ui-jqgrid-btable {
  table-layout: fixed;
  margin: 0;
  outline-style: none;
}

.ui-jqgrid tr.jqgrow {
  outline-style: none;
}

.ui-jqgrid tr.jqgroup {
  outline-style: none;
}

.ui-jqgrid tr.jqgrow td {
  font-weight: normal;
  overflow: hidden;
  white-space: pre;
  height: 22px;
  padding: 0 2px 0 2px;
  border-bottom-width: 1px;
  border-bottom-color: inherit;
  border-bottom-style: solid;
}

.ui-jqgrid tr.jqgfirstrow td {
  padding: 0 2px 0 2px;
  border-right-width: 1px;
  border-right-style: solid;
}

.ui-jqgrid tr.jqgroup td {
  font-weight: normal;
  overflow: hidden;
  white-space: pre;
  height: 22px;
  padding: 0 2px 0 2px;
  border-bottom-width: 1px;
  border-bottom-color: inherit;
  border-bottom-style: solid;
}

.ui-jqgrid tr.jqfoot td {
  font-weight: bold;
  overflow: hidden;
  white-space: pre;
  height: 22px;
  padding: 0 2px 0 2px;
  border-bottom-width: 1px;
  border-bottom-color: inherit;
  border-bottom-style: solid;
}

.ui-jqgrid tr.ui-row-ltr td {
  text-align: left;
  border-right-width: 1px;
  border-right-color: inherit;
  border-right-style: solid;
}

.ui-jqgrid tr.ui-row-rtl td {
  text-align: right;
  border-left-width: 1px;
  border-left-color: inherit;
  border-left-style: solid;
}

.ui-jqgrid td.jqgrid-rownum {
  padding: 0 2px 0 2px;
  margin: 0;
  border: 0 none;
}

.ui-jqgrid .ui-jqgrid-resize-mark {
  width: 2px;
  left: 0;
  background-color: #777;
  cursor: e-resize;
  cursor: col-resize;
  position: absolute;
  top: 0;
  height: 100px;
  overflow: hidden;
  display: none;
  border: 0 none;
  z-index: 99999;
}

/* footer */
.ui-jqgrid .ui-jqgrid-sdiv {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-left: 0 none !important;
  border-top: 0 none !important;
  border-right: 0 none !important;
}

.ui-jqgrid .ui-jqgrid-ftable {
  table-layout: fixed;
  margin-bottom: 0;
}

.ui-jqgrid tr.footrow td {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  height: 21px;
  padding: 0 2px 0 2px;
  border-top-width: 1px;
  border-top-color: inherit;
  border-top-style: solid;
}

.ui-jqgrid tr.footrow-ltr td {
  text-align: left;
  border-right-width: 1px;
  border-right-color: inherit;
  border-right-style: solid;
}

.ui-jqgrid tr.footrow-rtl td {
  text-align: right;
  border-left-width: 1px;
  border-left-color: inherit;
  border-left-style: solid;
}

/* Pager*/
.ui-jqgrid .ui-jqgrid-pager {
  border-left: 0 none !important;
  border-right: 0 none !important;
  border-bottom: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  height: 25px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 11px;
}

.ui-jqgrid .ui-pager-control {
  position: relative;
}

.ui-jqgrid .ui-pg-table {
  position: relative;
  padding-bottom: 2px;
  width: auto;
  margin: 0;
}

.ui-jqgrid .ui-pg-table td {
  font-weight: normal;
  vertical-align: middle;
  padding: 1px;
}

.ui-jqgrid .ui-pg-button {
  height: 19px !important;
}

.ui-jqgrid .ui-pg-button span {
  display: block;
  margin: 1px;
  float: left;
}

.ui-jqgrid .ui-pg-button:hover {
  padding: 0;
}

.ui-jqgrid .ui-state-disabled:hover {
  padding: 1px;
}

.ui-jqgrid .ui-pg-input {
  height: 13px;
  font-size: .8em;
  margin: 0;
}

.ui-jqgrid .ui-pg-selbox {
  font-size: .8em;
  line-height: 18px;
  display: block;
  height: 18px;
  margin: 0;
}

.ui-jqgrid .ui-separator {
  height: 18px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 1px;
  float: right;
}

.ui-jqgrid .ui-paging-info {
  font-weight: normal;
  height: 19px;
  margin-top: 3px;
  margin-right: 4px;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
  padding: 1px 0;
  float: left;
  position: relative;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-button {
  cursor: pointer;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
  float: left;
  margin: 0 2px;
}

.ui-jqgrid td input,
.ui-jqgrid td select .ui-jqgrid td textarea {
  margin: 0;
}

.ui-jqgrid td textarea {
  width: auto;
  height: auto;
}

.ui-jqgrid .ui-jqgrid-toppager {
  border-left: 0 none !important;
  border-right: 0 none !important;
  border-top: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  height: 25px !important;
  white-space: nowrap;
  overflow: hidden;
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
  padding: 1px 0;
  float: left;
  position: relative;
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button {
  cursor: pointer;
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
  float: left;
  margin: 0 2px;
}

/*subgrid*/
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {
  display: block;
}

.ui-jqgrid .ui-subgrid {
  margin: 0;
  padding: 0;
  width: 100%;
}

.ui-jqgrid .ui-subgrid table {
  table-layout: fixed;
}

.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {
  height: 18px;
  border-right-width: 1px;
  border-right-color: inherit;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: inherit;
  border-bottom-style: solid;
}

.ui-jqgrid .ui-subgrid td.subgrid-data {
  border-top: 0 none !important;
}

.ui-jqgrid .ui-subgrid td.subgrid-cell {
  border-width: 0 0 1px 0;
}

.ui-jqgrid .ui-th-subgrid {
  height: 20px;
}

/* loading */
.ui-jqgrid .loading {
  position: absolute;
  top: 45%;
  left: 45%;
  width: auto;
  z-index: 101;
  padding: 6px;
  margin: 5px;
  text-align: center;
  font-weight: bold;
  display: none;
  border-width: 2px !important;
  font-size: 11px;
}

.ui-jqgrid .jqgrid-overlay {
  display: none;
  z-index: 100;
}

* html .jqgrid-overlay {
  width: expression(this.parentNode.offsetWidth+'px');
  height: expression(this.parentNode.offsetHeight+'px');
}

* .jqgrid-overlay iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: expression(this.parentNode.offsetWidth+'px');
  height: expression(this.parentNode.offsetHeight+'px');
}

/* end loading div */
/* toolbar */
.ui-jqgrid .ui-userdata {
  border-left: 0 none;
  border-right: 0 none;
  height: 21px;
  overflow: hidden;
}

/*Modal Window */
.ui-jqdialog {
  display: none;
  width: 300px;
  position: absolute;
  padding: .2em;
  font-size: 11px;
  overflow: visible;
}

.ui-jqdialog .ui-jqdialog-titlebar {
  padding: .3em .2em;
  position: relative;
}

.ui-jqdialog .ui-jqdialog-title {
  margin: .1em 0 .2em;
}

.ui-jqdialog .ui-jqdialog-titlebar-close {
  position: absolute;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
  cursor: pointer;
}

.ui-jqdialog .ui-jqdialog-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-jqdialog .ui-jqdialog-titlebar-close:hover,
.ui-jqdialog .ui-jqdialog-titlebar-close:focus {
  padding: 0;
}

.ui-jqdialog-content,
.ui-jqdialog .ui-jqdialog-content {
  border: 0;
  padding: .3em .2em;
  background: none;
  height: auto;
}

.ui-jqdialog .ui-jqconfirm {
  padding: .4em 1em;
  border-width: 3px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  overflow: visible;
  display: none;
  height: 80px;
  width: 220px;
  text-align: center;
}

.ui-jqdialog>.ui-resizable-se {
  bottom: -3px;
  right: -3px;
}

.ui-jqgrid>.ui-resizable-se {
  bottom: -3px;
  right: -3px;
}

/* end Modal window*/
/* Form edit */
.ui-jqdialog-content .FormGrid {
  margin: 0;
}

.ui-jqdialog-content .EditTable {
  width: 100%;
  margin-bottom: 0;
}

.ui-jqdialog-content .DelTable {
  width: 100%;
  margin-bottom: 0;
}

.EditTable td input,
.EditTable td select,
.EditTable td textarea {
  margin: 0;
}

.EditTable td textarea {
  width: auto;
  height: auto;
}

.ui-jqdialog-content td.EditButton {
  text-align: right;
  border-top: 0 none;
  border-left: 0 none;
  border-right: 0 none;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ui-jqdialog-content td.navButton {
  text-align: center;
  border-left: 0 none;
  border-top: 0 none;
  border-right: 0 none;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ui-jqdialog-content input.FormElement {
  padding: .3em;
}

.ui-jqdialog-content select.FormElement {
  padding: .3em;
}

.ui-jqdialog-content .data-line {
  padding-top: .1em;
  border: 0 none;
}

.ui-jqdialog-content .CaptionTD {
  vertical-align: middle;
  border: 0 none;
  padding: 2px;
  white-space: nowrap;
}

.ui-jqdialog-content .DataTD {
  padding: 2px;
  border: 0 none;
  vertical-align: top;
}

.ui-jqdialog-content .form-view-data {
  white-space: pre;
}

.fm-button {
  display: inline-block;
  margin: 0 4px 0 0;
  padding: .4em .5em;
  text-decoration: none !important;
  cursor: pointer;
  position: relative;
  text-align: center;
  zoom: 1;
}

.fm-button-icon-left {
  padding-left: 1.9em;
}

.fm-button-icon-right {
  padding-right: 1.9em;
}

.fm-button-icon-left .ui-icon {
  right: auto;
  left: .2em;
  margin-left: 0;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.fm-button-icon-right .ui-icon {
  left: auto;
  right: .2em;
  margin-left: 0;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

#nData,
#pData {
  float: left;
  margin: 3px;
  padding: 0;
  width: 15px;
}


/* inline edit actions button*/
.ui-inline-del.ui-state-hover span,
.ui-inline-edit.ui-state-hover span,
.ui-inline-save.ui-state-hover span,
.ui-inline-cancel.ui-state-hover span {
  margin: -1px;
}

/* the norm */
#gritter-notice-wrapper {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 301px;
  z-index: 9999;
}

#gritter-notice-wrapper.top-left {
  left: 20px;
  right: auto;
}

#gritter-notice-wrapper.bottom-right {
  top: auto;
  left: auto;
  bottom: 20px;
  right: 20px;
}

#gritter-notice-wrapper.bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
}

.gritter-item-wrapper {
  position: relative;
  margin: 0 0 10px 0;
  background: url("../images/ie-spacer.gif");
  /* ie7/8 fix */
}

.gritter-top {
  background: url('../images/gritter.png') no-repeat left -30px;
  height: 10px;
}

.hover .gritter-top {
  background-position: right -30px;
}

.gritter-bottom {
  background: url('../images/gritter.png') no-repeat left bottom;
  height: 8px;
  margin: 0;
}

.hover .gritter-bottom {
  background-position: bottom right;
}

.gritter-item {
  display: block;
  background: url('../images/gritter.png') no-repeat left -40px;
  color: #eee;
  padding: 2px 11px 8px 11px;
  font-size: 11px;
  font-family: verdana;
}

.hover .gritter-item {
  background-position: right -40px;
}

.gritter-item p {
  padding: 0;
  margin: 0;
  word-wrap: break-word;
}

.gritter-close {
  display: none;
  position: absolute;
  top: 5px;
  left: 3px;
  background: url('../images/gritter.png') no-repeat left top;
  cursor: pointer;
  width: 30px;
  height: 30px;
  text-indent: -9999em;
}

.gritter-title {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 7px 0;
  display: block;
  text-shadow: 1px 1px 0 #000;
  /* Not supported by IE :( */
}

.gritter-image {
  width: 48px;
  height: 48px;
  float: left;
}

.gritter-with-image,
.gritter-without-image {
  padding: 0;
}

.gritter-with-image {
  width: 220px;
  float: right;
}

/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
  background-image: url('../images/gritter-light.png');
  color: #222;
}

.gritter-light .gritter-title {
  text-shadow: none;
}

/*!
 * bootstrap-progressbar v0.6.0 by @minddust
 * Copyright (c) 2012-2013 Stephan Gross
 *
 * https://www.minddust.com/bootstrap-progressbar
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.progress {
  position: relative;
}

.progress .progress-bar {
  position: absolute;
  overflow: hidden;
  line-height: 20px;
}

.progress .progressbar-back-text {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}

.progress .progressbar-front-text {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}

.progress.right .progress-bar {
  right: 0;
}

.progress.right .progressbar-front-text {
  position: absolute;
  right: 0;
}

.progress.vertical {
  float: left;
  width: 20px;
  height: 100%;
  margin-right: 20px;
}

.progress.vertical.bottom {
  position: relative;
}

.progress.vertical.bottom .progressbar-front-text {
  position: absolute;
  bottom: 0;
}

.progress.vertical .progress-bar {
  width: 100%;
  height: 0;
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
}

.progress.vertical.bottom .progress-bar {
  position: absolute;
  bottom: 0;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* The MIT License */
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dropzone {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(0, 0, 0, 0.02);
  padding: 1em;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone.dz-drag-hover {
  border-color: rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.04);
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
}

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}

.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}

.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}

.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}

.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d;
}

.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none;
}

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
}

.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}

.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245, 245, 245, 0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}

.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}

.dropzone {
  border: 1px solid rgba(0, 0, 0, 0.03);
  min-height: 360px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.03);
  padding: 23px;
}

.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-image: url("../images/spritemap.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 428px;
  height: 123px;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 1.5 / 1),
(min-device-pixel-ratio: 1.5),
(min-resolution: 138dpi),
(min-resolution: 1.5dppx) {
  .dropzone .dz-default.dz-message {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}

.dropzone .dz-default.dz-message span {
  display: none;
}

.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
}

.dropzone.dz-started .dz-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  font-size: 14px;
}

.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}

.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: url("../images/spritemap.png");
  background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 1.5 / 1),
(min-device-pixel-ratio: 1.5),
(min-resolution: 138dpi),
(min-resolution: 1.5dppx) {

  .dropzone .dz-preview .dz-error-mark,
  .dropzone-previews .dz-preview .dz-error-mark,
  .dropzone .dz-preview .dz-success-mark,
  .dropzone-previews .dz-preview .dz-success-mark {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}

.dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
  display: none;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  background-position: -268px -123px;
}

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  background-position: -268px -163px;
}

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: url("../images/spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 1.5 / 1),
(min-device-pixel-ratio: 1.5),
(min-resolution: 138dpi),
(min-resolution: 1.5dppx) {

  .dropzone .dz-preview .dz-progress .dz-upload,
  .dropzone-previews .dz-preview .dz-progress .dz-upload {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}

.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
  background-image: -webkit-linear-gradient(top, #fafafa, #eee);
  background-image: -moz-linear-gradient(top, #fafafa, #eee);
  background-image: -o-linear-gradient(top, #fafafa, #eee);
  background-image: -ms-linear-gradient(top, #fafafa, #eee);
  background-image: linear-gradient(to bottom, #fafafa, #eee);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #eee;
  text-decoration: none;
  display: block;
  padding: 4px 5px;
  text-align: center;
  color: #aaa;
  margin-top: 26px;
}

.dropzone a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover {
  color: #666;
}

@-moz-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}

@-webkit-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}

@-o-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}

@-ms-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}

@keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}

/* ===========================================================
# bootstrap-tour - v0.9.1
# http://bootstraptour.com
# ==============================================================
# Copyright 2012-2013 Ulrich Sossou
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
#     http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
*/
.tour-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: #000;
  opacity: 0.8;
}

.tour-step-backdrop {
  position: relative;
  z-index: 1101;
  background: inherit;
}

.tour-step-background {
  position: absolute;
  z-index: 1100;
  background: inherit;
  border-radius: 6px;
}

.popover[class*="tour-"] {
  z-index: 1100;
}

.popover[class*="tour-"] .popover-navigation {
  padding: 9px 14px;
}

.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: right;
}

.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer;
}

.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
  cursor: default;
}

.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0;
}

.popover[class*="tour-"].orphan .arrow {
  display: none;
}

/*! X-editable - v1.5.1
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
.editableform {
  margin-bottom: 0;
  /* overwrites bootstrap margin */
}

.editableform .control-group {
  margin-bottom: 0;
  /* overwrites bootstrap margin */
  white-space: nowrap;
  /* prevent wrapping buttons on new line */
  line-height: 20px;
  /* overwriting bootstrap line-height. See #133 */
}

/*
  BS3 width:1005 for inputs breaks editable form in popup
  See: https://github.com/vitalets/x-editable/issues/393
*/
.editableform .form-control {
  width: auto;
}

.editable-buttons {
  display: inline-block;
  /* should be inline to take effect of parent's white-space: nowrap */
  vertical-align: top;
  margin-left: 7px;
  /* inline-block emulation for IE7*/
  zoom: 1;
}

.editable-buttons.editable-buttons-bottom {
  display: block;
  margin-top: 7px;
  margin-left: 0;
}

.editable-input {
  vertical-align: top;
  display: inline-block;
  /* should be inline to take effect of parent's white-space: nowrap */
  width: auto;
  /* bootstrap-responsive has width: 100% that breakes layout */
  white-space: normal;
  /* reset white-space decalred in parent*/
  /* display-inline emulation for IE7*/
  zoom: 1;
}

.editable-buttons .editable-cancel {
  margin-left: 7px;
}

/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
  height: 24px;
  width: 30px;
}

.editableform-loading {
  background: url("../img/loading.gif") center center no-repeat;
  height: 25px;
  width: auto;
  min-width: 25px;
}

.editable-inline .editableform-loading {
  background-position: left 5px;
}

.editable-error-block {
  max-width: 300px;
  margin: 5px 0 0 0;
  width: auto;
  white-space: normal;
}

/*add padding for jquery ui*/
.editable-error-block.ui-state-error {
  padding: 3px;
}

.editable-error {
  color: red;
}

/* ---- For specific types ---- */
.editableform .editable-date {
  padding: 0;
  margin: 0;
  float: left;
}

/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
  margin-top: 3px;
  margin-left: 1px;
}

/* checklist vertical alignment */
.editable-checklist label input[type="checkbox"],
.editable-checklist label span {
  vertical-align: middle;
  margin: 0;
}

.editable-checklist label {
  white-space: nowrap;
}

/* set exact width of textarea to fit buttons toolbar */
.editable-wysihtml5 {
  width: 566px;
  height: 250px;
}

/* clear button shown as link in date inputs */
.editable-clear {
  clear: both;
  font-size: 0.9em;
  text-decoration: none;
  text-align: right;
}

/* IOS-style clear button for text inputs */
.editable-clear-x {
  background: url("../img/clear.png") center center no-repeat;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  opacity: 0.6;
  z-index: 100;
  top: 50%;
  right: 6px;
  margin-top: -6px;
}

.editable-clear-x:hover {
  opacity: 1;
}

.editable-pre-wrapped {
  white-space: pre-wrap;
}

.editable-container.editable-popup {
  max-width: none !important;
  /* without this rule poshytip/tooltip does not stretch */
}

.editable-container.popover {
  width: auto;
  /* without this rule popover does not stretch */
}

.editable-container.editable-inline {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  /* inline-block emulation for IE7*/
  zoom: 1;
}

.editable-container.ui-widget {
  font-size: inherit;
  /* jqueryui widget font 1.1em too big, overwrite it */
  z-index: 9990;
  /* should be less than select2 dropdown z-index to close dropdown first when click */
}

.editable-click,
a.editable-click,
a.editable-click:hover {
  text-decoration: none;
  border-bottom: dashed 1px #0088cc;
}

.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
  color: #585858;
  cursor: default;
  border-bottom: none;
}

.editable-empty,
.editable-empty:hover,
.editable-empty:focus {
  font-style: italic;
  color: #DD1144;
  /* border-bottom: none; */
  text-decoration: none;
}

.editable-unsaved {
  font-weight: bold;
}

.editable-bg-transition {
  -webkit-transition: background-color 1400ms ease-out;
  -moz-transition: background-color 1400ms ease-out;
  -o-transition: background-color 1400ms ease-out;
  -ms-transition: background-color 1400ms ease-out;
  transition: background-color 1400ms ease-out;
}

/*see https://github.com/vitalets/x-editable/issues/139 */
.form-horizontal .editable {
  padding-top: 5px;
  display: inline-block;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}

.tt-dropdown-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.tt-suggestion {
  display: block;
  padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.tt-suggestion.tt-is-under-cursor a {
  color: #fff;
}

.tt-suggestion p {
  margin: 0;
}

/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}

.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}

.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}

.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -5px;
}

.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}

.slider.slider-vertical {
  height: 210px;
  width: 20px;
}

.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}

.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}

.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}

.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}

.slider input {
  display: none;
}

.slider .tooltip-inner {
  white-space: nowrap;
}

.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.slider-selection {
  position: absolute;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
  background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
  background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  opacity: 0.8;
  border: 0px solid transparent;
}

.slider-handle.round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.slider-handle.triangle {
  background: transparent none;
}

/*** MODAL **/
.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  --bs-modal-width: 600px;

}

.modal-dialog {
  /*margin-left: auto;
  margin-right: auto;
  width: auto;*/
  padding: 10px;
  z-index: 1050;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030 !important;
  background-color: #000000;
}

/*.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}*/

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.428571429px;
  border-radius: 20px 20px 0 0;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before,
.modal-footer:after {
  content: " ";

  display: table;

}

.modal-footer:after {
  clear: both;
}

.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn+.btn {
  margin-left: 5px;
  /*margin-bottom: 0;*/
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0;
}
.btn.btn-block{
	width:100%;
}
@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .modal-dialog.modal-lg {
    width: 1024px;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}

/** Tooltip **/
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;

}
.popover-header{
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.popover.top {
  margin-top: -10px;
}

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

.popover.bottom {
  margin-top: 10px;
}

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

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 20px 20px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}

.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-inner>.item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
  display: block;
}

.carousel-inner>.active {
  left: 0;
}

.carousel-inner>.next,
.carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner>.next {
  left: 100%;
}

.carousel-inner>.prev {
  left: -100%;
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
  left: 0;
}

.carousel-inner>.active.left {
  left: -100%;
}

.carousel-inner>.active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-control.left {
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {

  .carousel-control .glyphicons-chevron-left,
  .carousel-control .glyphicons-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }

  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }

  .carousel-indicators {
    bottom: 20px;
  }
}

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

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }

  tr.visible-xs.visible-sm {
    display: table-row !important;
  }

  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }

  tr.visible-xs.visible-md {
    display: table-row !important;
  }

  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }

  tr.visible-xs.visible-lg {
    display: table-row !important;
  }

  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}

.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }

  tr.visible-sm.visible-xs {
    display: table-row !important;
  }

  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }

  tr.visible-sm.visible-md {
    display: table-row !important;
  }

  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }

  tr.visible-sm.visible-lg {
    display: table-row !important;
  }

  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}

.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }

  tr.visible-md.visible-xs {
    display: table-row !important;
  }

  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }

  tr.visible-md.visible-sm {
    display: table-row !important;
  }

  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }

  tr.visible-md.visible-lg {
    display: table-row !important;
  }

  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}

.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }

  tr.visible-lg.visible-xs {
    display: table-row !important;
  }

  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }

  tr.visible-lg.visible-sm {
    display: table-row !important;
  }

  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }

  tr.visible-lg.visible-md {
    display: table-row !important;
  }

  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

.hidden-xs {
  display: block !important;
}

tr.hidden-xs {
  display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}

@media (max-width: 767px) {

  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  .hidden-xs.hidden-sm,
  tr.hidden-xs.hidden-sm,
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {

  .hidden-xs.hidden-md,
  tr.hidden-xs.hidden-md,
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {

  .hidden-xs.hidden-lg,
  tr.hidden-xs.hidden-lg,
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}

.hidden-sm {
  display: block !important;
}

tr.hidden-sm {
  display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}

@media (max-width: 767px) {

  .hidden-sm.hidden-xs,
  tr.hidden-sm.hidden-xs,
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {

  .hidden-sm.hidden-md,
  tr.hidden-sm.hidden-md,
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {

  .hidden-sm.hidden-lg,
  tr.hidden-sm.hidden-lg,
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}

.hidden-md {
  display: block !important;
}

tr.hidden-md {
  display: table-row !important;
}

th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}

@media (max-width: 767px) {

  .hidden-md.hidden-xs,
  tr.hidden-md.hidden-xs,
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  .hidden-md.hidden-sm,
  tr.hidden-md.hidden-sm,
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {

  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {

  .hidden-md.hidden-lg,
  tr.hidden-md.hidden-lg,
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}

.hidden-lg {
  display: block !important;
}

tr.hidden-lg {
  display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}

@media (max-width: 767px) {

  .hidden-lg.hidden-xs,
  tr.hidden-lg.hidden-xs,
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  .hidden-lg.hidden-sm,
  tr.hidden-lg.hidden-sm,
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {

  .hidden-lg.hidden-md,
  tr.hidden-lg.hidden-md,
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {

  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}

.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }

  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}

.md-editor {
  display: block;
  border: 1px solid #ddd;
}

.md-editor>.md-header,
.md-editor .md-footer {
  display: block;
  padding: 6px 4px;
  background: #fff;
}

.md-editor>.md-header {
  margin: 0;
}

.md-editor>.md-preview {
  background: #fff;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  min-height: 10px;
  overflow: auto;
}

.md-editor>textarea {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 14px;
  outline: 0;
  outline: thin dotted \9;
  margin: 0;
  display: block;
  padding: 0;
  width: 100%;
  border: 0;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  border-radius: 0;
  box-shadow: none;
  background: #eee;
}

.md-editor>textarea:focus {
  box-shadow: none;
  background: #fff;
}

.md-editor.active {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 10px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
}

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: auto !important;
  max-width: inherit;
}

.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}

.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/*
 *  Bootstrap TouchSpin - v3.0.1
 *  A mobile and touch friendly input spinner component for Bootstrap 3.
 *  http://www.virtuosoft.eu/code/bootstrap-touchspin/
 *
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 */
.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 9px;
  font-weight: normal;
}

div.dataTables_length label {
  font-weight: normal;
  float: left;
  text-align: left;
}

div.dataTables_length select {
  width: 75px;
}

div.dataTables_filter label {
  font-weight: normal;
  float: right;
}

div.dataTables_filter input {
  width: 16em;
}

div.dataTables_info {
  padding-top: 8px;
  font-size: 11px;
}

div.dataTables_paginate {
  float: right;
  margin: 0;
}

div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  font-size: 11px;
}

table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
}

table.dataTable thead .sorting {
  background: url("../images/sort_both.png") no-repeat center right;
}

table.dataTable thead .sorting_asc {
  background: url("../images/sort_asc.png") no-repeat center right;
}

table.dataTable thead .sorting_desc {
  background: url("../images/sort_desc.png") no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled {
  background: url("../images/sort_asc_disabled.png") no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled {
  background: url("../images/sort_desc_disabled.png") no-repeat center right;
}

table.dataTable thead>tr>th {
  padding-left: 18px;
  padding-right: 18px;
}

table.dataTable th:active {
  outline: none;
}

/* Scrolling */
div.dataTables_scrollHead table {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none;
}

/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */
table.table-bordered.dataTable {
  border-collapse: separate !important;
}

table.table-bordered thead th,
table.table-bordered thead td {
  border-left-width: 0;
  border-top-width: 0;
}

table.table-bordered tbody th,
table.table-bordered tbody td {
  border-left-width: 0;
  border-bottom-width: 0;
}

table.table-bordered th:last-child,
table.table-bordered td:last-child {
  border-right-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

/*
 * TableTools styles
 */

.table {
  table-layout: auto;
  margin-bottom: 0;
}

.table .pagination,
.pagination-sm {
  margin: 10px 0;
}

.dataTablesInfo {
  float: left;
  line-height: 50px;
  padding: 0 10px;
  font-size: 0.85em;
  font-weight: normal;
}

.table-striped {
  border-bottom: 1px solid #ddd;
}

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
  background-color: #017ebc;
}

/* .table-dark-header thead tr th > a,.table-dark-header thead tr th > a:focus {color:#fff; display:block;}
.table-sortable thead a i {float:right} */
.table thead .row-filter {
  background-color: #eaeaea;
}

.table thead .row-filter select {
  background-color: #fff;
}

/* .table thead .row-filter .input-filter { padding:0 5px; height:22px; font-size:12px; font-weight:normal;}
.table thead .row-filter .btn-maxheight .input-group{ max-width:130px}
.table thead .row-filter .btn-maxheight .btn {max-width:150px;}
.table thead .row-filter ul.multiselect-container > li > a { padding: 0 10px;} */


.table thead th:focus {
  outline: 0 solid transparent;
}

.table thead th .th-inner {
  padding: 4px;
  line-height: 20px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center  ;
}

.table thead th .sortable {
  cursor: pointer;
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 30px;
}

.table thead th .both {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
}

.table thead th .asc {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AsDEQsVLDjbugAAAGpJREFUOMvtzCEOglAAgOFHwc2NU9A8g8VjEM1k7gEH8B4kLmK0GygOy0cgySiAhe1921//EA4LZ9RI/zGr8EW5d3TBy+SJfOsowcOvBsmW2Q3v2azHde0oQ2dZi9Oa2R0DPgsNKEIURTMjip2dj2fN+UMAAAAASUVORK5CYII=');
}

.table thead th .desc {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AsDEQsH34Gq8gAAAHNJREFUOMvt0i0Og1AQRWEwNGnCKnBdA6bLqERXsw9YAPuoYiOV9RU1hJoPg3rB8GNI3knGntyZO0kSiUQC8MCIYWFGVGtkF7ws0yNfm67ELxB9cd+yaoo2kHVIt96uwHsWfXDbW8YTf9RHNJuhwfW8/zkBRWGdjw3oJmwAAAAASUVORK5CYII=');
}

.table tbody tr.active td,
.table tbody tr.active th {
  background-color: #08C;
  color: white;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
  background-color: #0075b0 !important;
}

.table tbody tr.active a {
  color: white;
}



table.DTTT_selectable tbody tr {
  cursor: pointer;
}

div.DTTT .btn {
  color: #333 !important;
  font-size: 12px;
}

div.DTTT .btn:hover {
  text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
  z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a {
  color: #333 !important;
}

ul.DTTT_dropdown.dropdown-menu li {
  position: relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
  background-color: #0088cc;
  color: white !important;
}

div.DTTT_collection_background {
  z-index: 2002;
}

/* TableTools information display */
div.DTTT_print_info.modal {
  height: 150px;
  margin-top: -75px;
  text-align: center;
}

div.DTTT_print_info h6 {
  font-weight: normal;
  font-size: 28px;
  line-height: 28px;
  margin: 1em;
}

div.DTTT_print_info p {
  font-size: 14px;
  line-height: 20px;
}

/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
  background-color: white;
  margin-bottom: 0;
}

div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table {
  margin-bottom: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
  border-top: none;
  margin: 0 !important;
}

div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
  border-top: none;
}

div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
  border-top: none;
}

/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
  margin: 0 !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * ColVis styles
 */
div.ColVis {
  float: right;
  margin-bottom: 1em;
}

button.ColVis_Button,
ul.ColVis_collection li {
  position: relative;
  float: left;
  margin-right: 3px;
  padding: 5px 8px;
  border: 1px solid #999;
  cursor: pointer;
  font-size: 0.88em;
  color: black !important;
  white-space: nowrap;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 3px #ccc;
  -moz-box-shadow: 1px 1px 3px #ccc;
  -ms-box-shadow: 1px 1px 3px #ccc;
  -o-box-shadow: 1px 1px 3px #ccc;
  box-shadow: 1px 1px 3px #ccc;
  /* Generated by http://www.colorzilla.com/gradient-editor/ */
  background: #ffffff;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
  /* IE6-9 */
}

.ColVis_Button:hover,
ul.ColVis_collection li:hover {
  border: 1px solid #666;
  text-decoration: none !important;
  -webkit-box-shadow: 1px 1px 3px #999;
  -moz-box-shadow: 1px 1px 3px #999;
  -ms-box-shadow: 1px 1px 3px #999;
  -o-box-shadow: 1px 1px 3px #999;
  box-shadow: 1px 1px 3px #999;
  background: #f3f3f3;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0);
  /* IE6-9 */
}

button.ColVis_Button {
  height: 30px;
  padding: 3px 8px;
}

button.ColVis_Button::-moz-focus-inner {
  border: none !important;
  padding: 0;
}

button.ColVis_Button:active {
  outline: none;
}

div.ColVis_collectionBackground {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  z-index: 1100;
}

ul.ColVis_collection {
  width: 150px;
  padding: 8px 8px 4px 8px;
  margin: 0;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #f3f3f3;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  z-index: 2002;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

ul.ColVis_collection li {
  position: relative;
  height: auto;
  left: 0;
  right: 0;
  padding: 0.5em;
  display: block;
  float: none;
  margin-bottom: 4px;
  -webkit-box-shadow: 1px 1px 3px #999;
  -moz-box-shadow: 1px 1px 3px #999;
  -ms-box-shadow: 1px 1px 3px #999;
  -o-box-shadow: 1px 1px 3px #999;
  box-shadow: 1px 1px 3px #999;
}

ul.ColVis_collection li {
  text-align: left;
}

ul.ColVis_collection li.ColVis_Button:hover {
  border: 1px solid #999;
  background-color: #f0f0f0;
}

ul.ColVis_collection li span {
  display: inline-block;
  padding-left: 0.5em;
  cursor: pointer;
}

ul.ColVis_collection li.ColVis_Special {
  border-color: #555;
  background: #ededed;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */
}

ul.ColVis_collection li.ColVis_Special:hover {
  background: #e2e2e2;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e2e2e2', GradientType=0);
  /* IE6-9 */
}

span.ColVis_radio {
  display: inline-block;
  width: 20px;
}

div.ColVis_catcher {
  position: absolute;
  z-index: 1101;
}

.disabled {
  color: #999;
}

/*
 * Namespace DTCR - "DataTables ColReorder" plug-in
 */
table.DTCR_clonedTable {
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 202;
}

div.DTCR_pointer {
  width: 1px;
  background-color: #0259C4;
  z-index: 201;
}

/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     GPL v2 / 3 point BSD
 * Project:     DataTables
 *
 * Copyright 2009-2012 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   BUTTON_STYLES         Action specific button styles
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 */
/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */
div.DTTT_container {
  position: relative;
  float: right;
  margin-bottom: 1em;
}

@media screen and (max-width: 640px) {
  div.DTTT_container {
    float: none !important;
    text-align: center;
  }

  div.DTTT_container:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
  position: relative;
  display: inline-block;
  margin-right: 3px;
  padding: 5px 8px;
  border: 1px solid #999;
  cursor: pointer;
  font-size: 0.88em;
  color: black !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 3px #ccc;
  -moz-box-shadow: 1px 1px 3px #ccc;
  -ms-box-shadow: 1px 1px 3px #ccc;
  -o-box-shadow: 1px 1px 3px #ccc;
  box-shadow: 1px 1px 3px #ccc;
  /* Generated by http://www.colorzilla.com/gradient-editor/ */
  background: #ffffff;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
  /* IE6-9 */
}

/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */
button.DTTT_button {
  height: 30px;
  padding: 3px 8px;
}

.DTTT_button embed {
  outline: none;
}

button.DTTT_button:hover,
div.DTTT_button:hover,
a.DTTT_button:hover {
  border: 1px solid #666;
  text-decoration: none !important;
  -webkit-box-shadow: 1px 1px 3px #999;
  -moz-box-shadow: 1px 1px 3px #999;
  -ms-box-shadow: 1px 1px 3px #999;
  -o-box-shadow: 1px 1px 3px #999;
  box-shadow: 1px 1px 3px #999;
  background: #f3f3f3;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0);
  /* IE6-9 */
}

button.DTTT_button:focus,
div.DTTT_button:focus,
a.DTTT_button:focus {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #a3d0ef 100%;
  background-image: -webkit-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  background-image: -moz-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  background-image: -ms-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  background-image: -o-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  background-image: linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#a3d0ef', EndColorStr='#a3d0ef');
}

button.DTTT_button:active,
div.DTTT_button:active,
a.DTTT_button:active {
  -webkit-box-shadow: inset 1px 1px 3px #999999;
  -moz-box-shadow: inset 1px 1px 3px #999999;
  box-shadow: inset 1px 1px 3px #999999;
}

button.DTTT_disabled,
div.DTTT_disabled,
a.DTTT_disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0);
  /* IE6-9 */
}

/*
 * BUTTON_STYLES
 * Action specific button styles
 * If you want images - comment this back in

a.DTTT_button_csv,
a.DTTT_button_xls,
a.DTTT_button_copy,
a.DTTT_button_pdf,
a.DTTT_button_print {
	padding-right: 0px;
}

a.DTTT_button_csv span,
a.DTTT_button_xls span,
a.DTTT_button_copy span,
a.DTTT_button_pdf span,
a.DTTT_button_print span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding-right: 30px;
}


a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }

a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }

a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }

a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }

a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }

 */
button.DTTT_button_collection span {
  padding-right: 17px;
  background: url(../images/collection.png) no-repeat center right;
}

button.DTTT_button_collection:hover span {
  padding-right: 17px;
  background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;
}

/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
  cursor: pointer;
}

table.dataTable tr.DTTT_selected.odd {
  background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_1 {
  background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_2 {
  background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_3 {
  background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.even {
  background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_1 {
  background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_2 {
  background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_3 {
  background-color: #B0BED9;
}

/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */
div.DTTT_collection {
  width: 150px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #f3f3f3;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  z-index: 2002;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

div.DTTT_collection_background {
  background: transparent url(../images/background.png) repeat top left;
  z-index: 2001;
}

div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
  position: relative;
  left: 0;
  right: 0;
  display: block;
  float: none;
  margin-bottom: 4px;
  -webkit-box-shadow: 1px 1px 3px #999;
  -moz-box-shadow: 1px 1px 3px #999;
  -ms-box-shadow: 1px 1px 3px #999;
  -o-box-shadow: 1px 1px 3px #999;
  box-shadow: 1px 1px 3px #999;
}

/*
 * PRINTING
 * Print display styles
 */
.DTTT_print_info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
  margin-top: -75px;
  text-align: center;
  color: #333;
  padding: 10px 30px;
  background: #ffffff;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
  /* IE6-9 */
  opacity: 0.95;
  border: 1px solid black;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

.DTTT_print_info h6 {
  font-weight: normal;
  font-size: 28px;
  line-height: 28px;
  margin: 1em;
}

.DTTT_print_info p {
  font-size: 14px;
  line-height: 20px;
}

/* jsTree default theme (customized)
 * changed: all image assets url
 */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.jstree-node {
  white-space: nowrap;
}

.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}

.jstree-anchor:focus {
  outline: 0;
}

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}

.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-ocl {
  cursor: pointer;
}

.jstree-leaf>.jstree-ocl {
  cursor: default;
}

.jstree .jstree-open>.jstree-children {
  display: block;
}

.jstree .jstree-closed>.jstree-children,
.jstree .jstree-leaf>.jstree-children {
  display: none;
}

.jstree-anchor>.jstree-themeicon {
  margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon,
.jstree-anchor>.jstree-themeicon-hidden {
  display: none;
}

.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}

.jstree-rtl .jstree-anchor>.jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}

.jstree-rtl .jstree-node {
  margin-left: 0;
}

.jstree-rtl .jstree-container-ul>.jstree-node {
  margin-right: 0;
}

.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}

.jstree-wholerow-ul .jstree-leaf>.jstree-ocl {
  cursor: pointer;
}

.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}

.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.vakata-context {
  display: none;
}

.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  -moz-box-shadow: 5px 5px 4px -4px #666666;
  -webkit-box-shadow: 2px 2px 2px #999999;
  box-shadow: 2px 2px 2px #999999;
}

.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}

.vakata-context .vakata-context-end ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context li {
  list-style: none;
  display: inline;
}

.vakata-context li>a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  -moz-text-shadow: 1px 1px 0 white;
  -webkit-text-shadow: 1px 1px 0 white;
  text-shadow: 1px 1px 0 white;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}

.vakata-context li>a:hover {
  position: relative;
  background-color: #e8eff7;
  -moz-box-shadow: 0 0 2px #0a6aa1;
  -webkit-box-shadow: 0 0 2px #0a6aa1;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context li>a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}

.vakata-context li>a:focus {
  outline: 0;
}

.vakata-context .vakata-context-hover>a {
  position: relative;
  background-color: #e8eff7;
  -moz-box-shadow: 0 0 2px #0a6aa1;
  -webkit-box-shadow: 0 0 2px #0a6aa1;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context .vakata-context-separator>a,
.vakata-context .vakata-context-separator>a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  -moz-text-shadow: 0 0 0 transparent;
  -webkit-text-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}

.vakata-context li>a>i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}

.vakata-context li>a>i:empty {
  width: 2.4em;
  line-height: 2.4em;
}

.vakata-context li>a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}

.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}

.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context-rtl li>a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}

.vakata-context-rtl .vakata-context-separator>a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}

.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}

.vakata-context-rtl li>a>i {
  margin: 0 -2em 0 0;
}

.vakata-context-rtl li>a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}

#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}

#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}

#jstree-dnd .jstree-ok {
  background: green;
}

#jstree-dnd .jstree-er {
  background: red;
}

#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}

.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999;
}

.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon {
  display: none;
}

.jstree-default .jstree-disabled {
  background: transparent;
  color: #666666;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-disabled>.jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}

.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}

.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}

.jstree-default>.jstree-striped {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}

.jstree-default>.jstree-wholerow-ul .jstree-hovered,
.jstree-default>.jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}

.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -moz-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #beebff), color-stop(100%, #a8e4ff));
  background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: -o-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: -ms-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );*/
}

.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}

.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}

.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}

.jstree-default .jstree-wholerow {
  height: 24px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url("../../assets/js/plugins/tree/themes/default/32px.png");
}

.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}

.jstree-default .jstree-last {
  background: transparent;
}

.jstree-default .jstree-open>.jstree-ocl {
  background-position: -132px -4px;
}

.jstree-default .jstree-closed>.jstree-ocl {
  background-position: -100px -4px;
}

.jstree-default .jstree-leaf>.jstree-ocl {
  background-position: -68px -4px;
}

.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}

.jstree-default>.jstree-no-dots .jstree-node,
.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl {
  background: transparent;
}

.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {
  background-position: -36px -4px;
}

.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {
  background-position: -4px -4px;
}

.jstree-default .jstree-disabled {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}

.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
.jstree-default .jstree-checked>.jstree-checkbox {
  background-position: -228px -4px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
.jstree-default .jstree-checked>.jstree-checkbox:hover {
  background-position: -228px -36px;
}

.jstree-default .jstree-anchor>.jstree-undetermined {
  background-position: -196px -4px;
}

.jstree-default .jstree-anchor>.jstree-undetermined:hover {
  background-position: -196px -36px;
}

.jstree-default>.jstree-striped {
  background-size: auto 48px;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default.jstree-rtl .jstree-open>.jstree-ocl {
  background-position: -132px -36px;
}

.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl {
  background-position: -100px -36px;
}

.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl {
  background-position: -68px -36px;
}

.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
  background: transparent;
}

.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
  background-position: -36px -36px;
}

.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
  background-position: -4px -36px;
}

.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl {
  background: url("../../assets/js/plugins/tree/themes/default/throbber.gif") center center no-repeat;
}

.jstree-default .jstree-file {
  background: url("../../assets/js/plugins/tree/themes/default/32px.png") -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
  background: url("../../assets/js/plugins/tree/themes/default/32px.png") -260px -4px no-repeat;
}

.jstree-default>.jstree-container-ul>.jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-image: url("../../assets/js/plugins/tree/themes/default/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}

#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}

.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}

.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}

.jstree-default-small .jstree-wholerow {
  height: 18px;
}

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url("../../assets/js/plugins/tree/themes/default/32px.png");
}

.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}

.jstree-default-small .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-open>.jstree-ocl {
  background-position: -135px -7px;
}

.jstree-default-small .jstree-closed>.jstree-ocl {
  background-position: -103px -7px;
}

.jstree-default-small .jstree-leaf>.jstree-ocl {
  background-position: -71px -7px;
}

.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}

.jstree-default-small>.jstree-no-dots .jstree-node,
.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl {
  background: transparent;
}

.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl {
  background-position: -39px -7px;
}

.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl {
  background-position: -7px -7px;
}

.jstree-default-small .jstree-disabled {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}

.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
.jstree-default-small .jstree-checked>.jstree-checkbox {
  background-position: -231px -7px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
.jstree-default-small .jstree-checked>.jstree-checkbox:hover {
  background-position: -231px -39px;
}

.jstree-default-small .jstree-anchor>.jstree-undetermined {
  background-position: -199px -7px;
}

.jstree-default-small .jstree-anchor>.jstree-undetermined:hover {
  background-position: -199px -39px;
}

.jstree-default-small>.jstree-striped {
  background-size: auto 36px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl {
  background-position: -135px -39px;
}

.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl {
  background-position: -103px -39px;
}

.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl {
  background-position: -71px -39px;
}

.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
  background: transparent;
}

.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
  background-position: -39px -39px;
}

.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
  background-position: -7px -39px;
}

.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl {
  background: url("../../assets/js/plugins/tree/themes/default/throbber.gif") center center no-repeat;
}

.jstree-default-small .jstree-file {
  background: url("../../assets/js/plugins/tree/themes/default/32px.png") -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
  background: url("../../assets/js/plugins/tree/themes/default/32px.png") -263px -7px no-repeat;
}

.jstree-default-small>.jstree-container-ul>.jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
  background-image: url("../../assets/js/plugins/tree/themes/default/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}

#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}

#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}

.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}

.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}

.jstree-default-large .jstree-wholerow {
  height: 32px;
}

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url("../../assets/js/plugins/tree/themes/default/32px.png");
}

.jstree-default-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}

.jstree-default-large .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-open>.jstree-ocl {
  background-position: -128px 0px;
}

.jstree-default-large .jstree-closed>.jstree-ocl {
  background-position: -96px 0px;
}

.jstree-default-large .jstree-leaf>.jstree-ocl {
  background-position: -64px 0px;
}

.jstree-default-large .jstree-themeicon {
  background-position: -256px 0px;
}

.jstree-default-large>.jstree-no-dots .jstree-node,
.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl {
  background: transparent;
}

.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl {
  background-position: -32px 0px;
}

.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl {
  background-position: 0px 0px;
}

.jstree-default-large .jstree-disabled {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-large .jstree-checkbox {
  background-position: -160px 0px;
}

.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
.jstree-default-large .jstree-checked>.jstree-checkbox {
  background-position: -224px 0px;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
.jstree-default-large .jstree-checked>.jstree-checkbox:hover {
  background-position: -224px -32px;
}

.jstree-default-large .jstree-anchor>.jstree-undetermined {
  background-position: -192px 0px;
}

.jstree-default-large .jstree-anchor>.jstree-undetermined:hover {
  background-position: -192px -32px;
}

.jstree-default-large>.jstree-striped {
  background-size: auto 64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl {
  background-position: -128px -32px;
}

.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl {
  background-position: -96px -32px;
}

.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl {
  background-position: -64px -32px;
}

.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
  background: transparent;
}

.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
  background-position: -32px -32px;
}

.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
  background-position: 0px -32px;
}

.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl {
  background: url("../../assets/js/plugins/tree/themes/default/throbber.gif") center center no-repeat;
}

.jstree-default-large .jstree-file {
  background: url("../../assets/js/plugins/tree/themes/default/32px.png") -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
  background: url("../../assets/js/plugins/tree/themes/default/32px.png") -256px 0px no-repeat;
}

.jstree-default-large>.jstree-container-ul>.jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
  background-image: url("../../assets/js/plugins/tree/themes/default/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0px -64px;
}

#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }

  #jstree-dnd.jstree-dnd-responsive>i {
    background: transparent;
    width: 40px;
    height: 40px;
  }

  #jstree-dnd.jstree-dnd-responsive>.jstree-ok {
    background-image: url("../../assets/js/plugins/tree/themes/default/40px.png");
    background-position: 0 -200px;
    background-size: 120px 240px;
  }

  #jstree-dnd.jstree-dnd-responsive>.jstree-er {
    background-image: url("../../assets/js/plugins/tree/themes/default/40px.png");
    background-position: -40px -200px;
    background-size: 120px 240px;
  }

  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}

@media (max-width: 768px) {
  .jstree-default-responsive .jstree-icon {
    background-image: url("../../assets/js/plugins/tree/themes/default/40px.png");
  }

  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-leaf>.jstree-ocl {
    background: transparent;
  }

  .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }

  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }

  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .jstree-default-responsive>.jstree-container-ul>.jstree-node {
    margin-left: 0;
  }

  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
  }

  .jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node {
    margin-right: 0;
  }

  .jstree-default-responsive .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }

  .jstree-default-responsive .jstree-leaf>.jstree-ocl {
    background: transparent;
  }

  .jstree-default-responsive .jstree-open>.jstree-ocl {
    background-position: 0 0px !important;
  }

  .jstree-default-responsive .jstree-closed>.jstree-ocl {
    background-position: 0 -40px !important;
  }

  .jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl {
    background-position: -40px 0px !important;
  }

  .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }

  .jstree-default-responsive .jstree-checkbox,
  .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }

  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
  .jstree-default-responsive .jstree-checked>.jstree-checkbox,
  .jstree-default-responsive .jstree-checked>.jstree-checkbox:hover {
    background-position: 0 -80px;
  }

  .jstree-default-responsive .jstree-anchor>.jstree-undetermined,
  .jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover {
    background-position: 0 -120px;
  }

  .jstree-default-responsive .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }

  .jstree-default-responsive>.jstree-striped {
    background: transparent;
  }

  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }

  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }

  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }

  .jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }

  .jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }

  .jstree-default-responsive .jstree-children .jstree-open+.jstree-open {
    box-shadow: none;
  }

  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-node>.jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-image: url("../../assets/js/plugins/tree/themes/default/40px.png");
    background-size: 120px 240px;
  }

  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }

  .jstree-default-responsive .jstree-last {
    background: transparent;
  }

  .jstree-default-responsive .jstree-leaf>.jstree-ocl {
    background-position: -40px -120px;
  }

  .jstree-default-responsive .jstree-last>.jstree-ocl {
    background-position: -40px -160px;
  }

  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }

  .jstree-default-responsive .jstree-file {
    background: url("../../assets/js/plugins/tree/themes/default/40px.png") 0 -160px no-repeat;
    background-size: 120px 240px;
  }

  .jstree-default-responsive .jstree-folder {
    background: url("../../assets/js/plugins/tree/themes/default/40px.png") -40px -40px no-repeat;
    background-size: 120px 240px;
  }

  .jstree-default-responsive>.jstree-container-ul>.jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}

/*------------------------------------------------*/
/*	General Styles
/*------------------------------------------------*/
html,
body {
  height: 100%;
}

body {
  font-family: "intersemibold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #555;
  --bs-emphasis-color: #555;
  background: #ececec;
}

h1,
h2 {
  font-family: "interbold";
}

h3,
h4,
h5,
h6 {
  font-family: "intersemibold", Helvetica, Arial, sans-serif;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  /*border-top-color: #ddd;*/
}

hr.inner-separator {
  border-style: dashed;
}

label {
  font-weight: 300;
}

blockquote {
  border-color: #e4e4e4;
}

input {
  border-radius: 0;
}

@media screen and (min-width: 768px) {
  .container {
    max-width: 100%;
    width: 100%;
  }
}

/* @font-face {
  font-family: "latolight";
  src: url('../fonts/lato-lig-webfont.eot?1383488388');
  src: url('../fonts/lato-lig-webfont.eot?&1383488388#iefix') format('embedded-opentype'), url('../fonts/lato-lig-webfont.woff?1383488388') format('woff'), url('../fonts/lato-lig-webfont.ttf?1383488388') format('truetype'), url('../fonts/lato-lig-webfont.svg?1383488388') format('svg');
}

@font-face {
  font-family: "latoregular";
  src: url('../fonts/lato-reg-webfont.eot?1386010378');
  src: url('../fonts/lato-reg-webfont.eot?&1386010378#iefix') format('embedded-opentype'), url('../fonts/lato-reg-webfont.woff?1386010378') format('woff'), url('../fonts/lato-reg-webfont.ttf?1386010378') format('truetype'), url('../fonts/lato-reg-webfont.svg?1386010378') format('svg');
}

@font-face {
  font-family: "latobold";
  src: url('../fonts/lato-bol-webfont.eot?1384273632');
  src: url('../fonts/lato-bol-webfont.eot?&1384273632#iefix') format('embedded-opentype'), url('../fonts/lato-bol-webfont.woff?1384273632') format('woff'), url('../fonts/lato-bol-webfont.ttf?1384273632') format('truetype'), url('../fonts/lato-bol-webfont.svg?1384273632') format('svg');
} */

@font-face {
  font-family: 'interbold';
  src: url('../fonts/Inter-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'interextrabold';
  src: url('../fonts/Inter-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'intersemibold';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
}

/*
.wrapper {
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
} */

#wrapper {
  width: 100%;
  margin: 0 auto;
}

body.topnav-fixed #wrapper {
  padding-top: 54px;
}

/* full page such as 404, login, register */
.full-page-wrapper.wrapper {
  min-height: 96%;
  height: 96%;
}

.full-page-wrapper .inner-page {
  padding-top: 5%;
}

@media screen and (max-width: 768px) {
  .full-page-wrapper {
    position: initial;
    padding-top: 5em;
    margin-top: 0;
  }

  .full-page-wrapper .inner-page {
    position: relative;
    padding: 0 1em;
  }
}

@media screen and (max-width: 480px) {
  .full-page-wrapper {
    padding-top: 0;
  }

  .full-page-wrapper .inner-page {
    padding: 5em 1em;
  }
}

.red-font {
  color: #E60404 !important;
}

.yellow-font {
  color: #FFB800 !important;
}

.green-font {
  color: #3E9C1A !important;
}

.orange-font {
  color: #ff7600 !important;
}

.blue-font{
    color:cornflowerblue!important
}

.red-bg {
  background-color: #E60404 !important;
}

.yellow-bg {
  background-color: #FFB800 !important;
}

.green-bg {
  background-color: #3E9C1A !important;
}

.blue-bg {
    background-color: cornflowerblue !important;
}

.link-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.bottom-30px {
  margin-bottom: 30px;
}

/* 2 column data presentation */
.data-row {
  margin-bottom: 0;
}

.data-row .data-name,
.data-row .data-value {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
}

@media screen and (max-width: 480px) {

  .data-row .data-name,
  .data-row .data-value {
    display: block;
  }
}

.data-row .data-name {
  width: 12em;
  background-color: #ececec;
  color: #b9b9b9;
  font-size: 0.9em;
  vertical-align: top;
}

.data-row .data-value {
  padding-left: 10px;
}

.control-inline {
  display: -moz-inline-stack !important;
  display: inline-block !important;
  vertical-align: middle !important;
  zoom: 1 !important;
  margin-right: 10px;
}

.setpoint-container{
  display: flex;
  justify-content: center;
  gap: 10px;
}

/*------------------------------------------------*/
/*	Top
/*------------------------------------------------*/
.top-bar {
  padding: 10px 0;
  background-color: #555;
}

.top-bar .logo {
  position: relative;
  top: 7px;
}

.top-bar .top-bar-right {
  text-align: right;
  position: relative;
  top: 5px;
  float: right;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: -3px;
}

.top-bar .top-bar-right .btn-link {
  margin: 0 8px;
  color: #ddd;
}

.top-bar .top-bar-right .btn-link:hover {
  color: #fff;
}

.top-bar .top-bar-right #global-volume {
  padding: 0;
  display: none;
}

@media screen and (min-width: 620px) {
  .top-bar .top-bar-right #global-volume {
    display: inline-block;
    vertical-align: middle;
    padding: initial;
  }
}

.top-bar .top-bar-right #start-tour {
  display: none;
  padding: 0;
}

@media screen and (min-width: 620px) {
  .top-bar .top-bar-right #start-tour {
    display: inline-block;
    vertical-align: middle;
  }
}

.top-bar .searchbox {
  display: inline-block;
  vertical-align: middle;
  width: 16em;
  position: relative;
  top: 3px;
}

.top-bar .searchbox input[type="search"] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 3px 6px;
  height: 28px;
  font-size: 0.85em;
  color: #fff;
  background-color: #4d4d4d;
  border-color: #484848;
  -webkit-appearance: none;
}

.top-bar .searchbox .btn {
  padding: 3px 6px;
  background-color: #4d4d4d;
  border-color: #484848;
}

.top-bar .searchbox .btn i {
  color: gray;
}

.top-bar .searchbox .btn:hover {
  border-color: #484848;
}

.top-bar .searchbox .btn:hover i {
  color: #8d8d8d;
}

@media screen and (max-width: 850px) {
  .top-bar .searchbox {
    display: none;
  }
}

.top-bar .notifications,
.top-bar .logged-user {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.dropdown-menu {
  border-radius: 20px;
}
.dropdown-menu li.divider
{
    width: 96%;
    margin: auto;
    border-color: #c2c2c2a1;
    border-bottom: 1px solid;
}
.dropdown-menu>li>a {
    font-size: 0.9em;
}

.dropdown-menu li:first-child a {
  border-radius: 20px 20px 0 0;
}

.dropdown-menu li:last-child a {
  border-radius: 0 0 20px 20px;
}

.top-bar .dropdown-menu {
  padding: 0;
}

.top-bar .dropdown-menu>li>a {
     padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

ul.dropdown-menu.notification-list .ibox-item{
  padding-top: 10px;
}

li.ibox-item {
    padding-left: 10px;
}
/* .top-bar .dropdown-menu>li>a:hover {
  background-color: #fafafa;
} */

/* .top-bar .dropdown-menu>li:hover {
  background-color: #fafafa;
} */

/*
.top-bar .notifications {
  margin-left: 10px;
  margin-right: 28px;
}

.top-bar .notifications .notification-item {
  position: relative;
  margin-left: 25px;
}

.top-bar .notifications .notification-item .open .circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 19px;
  left: 4px;
  background-color: #fff;
}

.top-bar .notifications .notification-item .btn-group.open>a {
  color: #fff;
}

.top-bar .notifications .notification-item .btn-group>a {
  color: #fff;
}

.top-bar .notifications .notification-item .btn-group>a:hover {
  color: #fff;
  text-decoration: none;
}

.top-bar .notifications .btn-group.open .dropdown-toggle {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.top-bar .notifications>ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline;
}

.top-bar .notifications>ul li {
  margin: 0;
  padding: 0;
  display: inline;
}

.top-bar .notifications>ul>li li {
  display: block;
  padding: 0;
  border-top: 1px solid #f1f1f1;
}

.top-bar .notifications>ul>li li:first-child {
  border-top: none;
}*/

/*.top-bar .notifications .count {
  position: absolute;
  top: -7px;
  left: 58%;
  padding: 0px 5px;
  border-radius: 30px;
  line-height: 16px;
  text-align: center;
  font-size: 10px;
  border-width: 2px;
  border-style: solid;
  color: #fff;
  background: #E60404 !important;
  border-color: #555;
}*/

.top-bar .dropdown .count {
  position: absolute;
  top: -7px;
  left: 58%;
  padding: 0px 5px;
  border-radius: 30px;
  line-height: 16px;
  text-align: center;
  font-size: 10px;
  border-width: 2px;
  border-style: solid;
  color: #fff;
  background: #E60404 !important;
  border-color: #555;
}


.top-bar .notifications .dropdown-menu {
  top: 26px;
  width: 350px;
}

.top-bar .notifications .dropdown-menu .notification-header {
  font-size: 0.85em;
  font-weight: 700;
  line-height: 2;
  padding: 0 8px;
}

.top-bar .notifications .dropdown-menu .notification-footer a {
  text-align: center;
  font-size: 0.85em;
}

.top-bar .notifications .dropdown-menu .notification-footer a:hover {
  background: none;
  text-decoration: underline;
}

.top-bar .notifications .dropdown-menu .text {
  font-size: 0.85em;
  margin-bottom: 0;
  color: #888888;
}


.top-bar .notifications .dropdown-menu .timestamp {
  font-size: 0.75em;
  color: #888888;
}

.top-bar .notifications .inbox .dropdown-menu {
  left: -141px;
}

@media screen and (max-width: 480px) {
  .top-bar .notifications .inbox .dropdown-menu {
    left: -7.5em;
  }
}

.top-bar .notifications .inbox .inbox-item {
  display: block;
}

.top-bar .notifications .inbox .inbox-item.unread {
  background-color: #E7E7E7;
}

.top-bar .notifications .inbox img {
  width: 32px;
}

.top-bar .notifications .inbox .name {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.85em;
  color: #555;
  font-weight: 700;
  margin-bottom: 0;
}

.top-bar .notifications .general .dropdown-menu {
  left: -183px;
}

.top-bar .notifications .general .dropdown-menu li a i {
  min-width: 14px;
}

.top-bar .notifications .general .dropdown-menu li a .timestamp {
  float: right;
}

@media screen and (max-width: 480px) {
  .top-bar .notifications .general .dropdown-menu {
    left: -10.5em;
  }
}

@media screen and (max-width: 620px) {
  .top-bar .notifications {
    display: none;
  }
}

.top-bar .logged-user .btn {
  padding: 0;
  border: none;
  font-size: 0.9em;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
}

.top-bar .logged-user .btn .name {
  font-weight: 400;
}

.top-bar .logged-user .btn .caret {
  border-top-color: #fff;
}

.top-bar .logged-user .btn:hover {
  color: #fff;
  text-decoration: none;
}

.top-bar .logged-user .btn img {
  border: 1px solid #5e5e5e;
}

.top-bar .logged-user .open .btn {
  color: #fff;
}

.top-bar .logged-user .dropdown-menu {
  left: -38px;
  top: 31px;
  padding: 0;
}

.top-bar .logged-user .dropdown-menu>li {
  border-top: 1px solid #f1f1f1;
}

.top-bar .logged-user .dropdown-menu>li:first-child {
  border-top: none;
}

.top-bar .logged-user .dropdown-menu>li>a {
  color: #555;
  font-size: 0.9em;
}

@media screen and (max-width: 991px) {
  .top-bar.navbar-fixed-top+.bottom {
    margin-top: 112px;
  }
}

body.focus-mode .top-bar {
  opacity: 0;
  filter: alpha(opacity=0);
}

.btn-global-volume i:before {
  display: block;
  width: 13px;
}

/*------------------------------------------------*/
/*	Main Navigation
/*------------------------------------------------*/
.main-nav {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.main-nav-toggle {
  float: left;
  color: #fff;
}

.main-nav-toggle i {
  font-size: 28px;
}

.main-nav-toggle:hover,
.main-nav-toggle:focus {
  color: #ddd;
}

/* breadcrumb */
.breadcrumb li+li:before {
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  content: "\f105";
  color: #b2b6bf;
  margin-right: 2px;
  padding: 0 5px 0 2px;
  position: relative;
  top: 1px;
}

/* main menu */
ul.main-menu {
  padding-left: 0;
  list-style-type: none;
}

ul.main-menu>li a {
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px 0 10px 15px;
  color: #5c5c5c;
  background-color: #efefef;
  border-top: 0.5px solid #efefef;
  text-decoration: none;
}


ul.sub-menu>li>a {
  background-color: #5c5c5c;
  color: #efefef;
}

ul.sub-menu>li>a.sub-active {
  color: #5c5c5c;
}

/* ul.main-menu>li a:hover {
  background-color: #8c8c8c;
} */

ul.main-menu>li:first-child>a {
  border-top: none;
}

ul.main-menu>li i {
  width: 16px;
  text-align: center;
  font-size: initial;
}

ul.main-menu>li .text {
  padding-left: 8px;
  /* font-size: 0.9em; */
}

ul.main-menu>li .toggle-icon {
  font-size: 14px;
  width: 10px;
  position: absolute;
  right: 10px;
  top: 13px;
  text-shadow: none;
}

ul.main-menu .sub-menu {
  position: relative;
  display: none;
  padding-left: 0;
}

ul.main-menu .sub-menu li a {
  padding-left: 33px;
}

ul.main-menu .sub-menu li.active>a {
  font-weight: 700;
}

ul.main-menu .sub-menu.open {
  overflow: hidden;
  display: block;
}

ul.main-menu .sub-menu .sub-menu li a {
  padding-left: 50px;
}

ul.main-menu>li>a,
.content-wrapper {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.left-sidebar {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 230px;
  padding-right: 0;
  padding-left: 0;
  left: 0;
  position: absolute;
  float: none;
  z-index: 999;
  background-color: #ececec;
}

.left-sidebar.minified {
  width: 40px;
  margin-right: -40px;
  z-index: 9;
}

.left-sidebar.minified .main-menu>li {
  position: relative;
}

.left-sidebar.minified .main-menu>li i {
  width: 40px;
}

.left-sidebar.minified .main-menu>li .toggle-icon {
  display: none;
}

.left-sidebar.minified .main-menu>li>a {
  padding-left: 0;
}

.left-sidebar.minified .main-menu>li>a>.text {
  display: none;
}

.left-sidebar.minified .main-menu>li:hover>a>.text {
  position: absolute;
  display: block;
  left: 40px;
  top: -1px;
  min-width: 200px;
  z-index: 9999;
  padding: 13px 10px;
  border: 2px solid #dfdfdf;
  line-height: 1.5;
  background: #dfdfdf;
  font-weight: 700;
  opacity: 1 !important;
}

.left-sidebar.minified .main-menu>li:hover>ul.sub-menu {
  display: block !important;
  min-width: 200px;
  position: absolute;
  margin-left: 40px;
  z-index: 9999;
  border: 1px solid #E4E4E4;
  border-top: none;
  list-style-type: none;
}

.left-sidebar.minified .main-menu>li:hover>ul.sub-menu>li>a {
  padding-left: 10px;
}

.left-sidebar.sidebar-hide-left {
  left: -230px;
}

@media screen and (max-width: 992px) {
  .left-sidebar {
    left: -230px;
  }
}

body.sidebar-float .left-sidebar {
  left: -230px;
  -moz-box-shadow: 1px 4px 5px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 4px 5px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 4px 5px 4px rgba(0, 0, 0, 0.3);
}

body.sidebar-float .left-sidebar.sidebar-float-active {
  left: 0;
}

body.sidebar-fixed .left-sidebar {
  position: fixed;
  height: 100%;
}

body.focus-mode .left-sidebar {
  opacity: 0;
  filter: alpha(opacity=0);
}

.sidebar-minified {
  text-align: center;
  position: relative;
  margin: 8px 0;
}

@media screen and (max-width: 992px) {
  .sidebar-minified {
    display: none;
  }
}

.sidebar-minified:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  height: 0;
  border-top: 1px solid #c4c4c4;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 13px;
}

.sidebar-minified i {
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  position: relative;
  border: 1px solid #A2A2A2;
  color: #A2A2A2;
  padding: 4px;
  background-color: #f1f1f1;
  cursor: pointer;
}

.sidebar-minified i:hover {
  background-color: #f6f6f6;
}

.toggle-sidebar-collapse {
  font-size: 22px;
  margin-right: 15px;
  line-height: 34px;
}

/* .toggle-sidebar-collapse:hover, .toggle-sidebar-collapse:active, .toggle-sidebar-collapse:focus {
    color: #fff;
  } */

/*------------------------------------------------*/
/*	Main Content
/*------------------------------------------------*/
.content-wrapper {
  padding: 0;
  margin-left: 230px;
  position: relative;
}

.content-wrapper.expanded {
  width: 100%;
  padding-left: 70px;
  margin-left: 0;
}

.content-wrapper.expanded-full {
  margin-left: 0;
}

.content-wrapper .content {
  /* padding: 15px 30px; */
  padding: 15px;
}

body.sidebar-float .content-wrapper {
  margin-left: 0;
  /* padding: 15px;  */
}

@media screen and (max-width: 480px) {
  /*
  .content-wrapper .content {
    padding: 15px;
  }
   body.sidebar-float .content-wrapper {
    margin-left: 0;
    padding: 0;
  }  */
}

.top-general-alert {
  padding: 10px 15px;
  /*margin-bottom: 30px;*/
  margin: 0;
  border: none;
  text-align: center;
  display: none;
}

.top-general-alert .close {
  text-decoration: none;
  position: relative;
  top: -3px;
  /* font-size: 12px;
  float: none; */
  font-size: 20px;
  float: right;
  margin-right: 20px;
}

@media screen and (max-width: 992px) {
  .top-general-alert {
    position: relative;
    padding-right: 45px;
    text-align: left;
  }

  .top-general-alert .close {
    position: absolute;
    right: 7px;
    top: 0px;
    font-size: 2em;
  }
}

.breadcrumb {
  background-color: inherit;
  padding-left: 0;
}

.breadcrumb a {
  color: #555;
}

.breadcrumb i {
  font-size: 1.2em;
  margin-right: 5px;
}

.breadcrumb .active {
  font-weight: 300;
}

/* top content, visible on every page */
@media screen and (max-width: 1199px) {
  div[class*="col-lg-"] .top-content {
    text-align: center;
  }
}

.top-content {
  text-align: right;
  margin-bottom: 20px;
  /* dashboard only */
  /* every page except dashboard */
}

.top-content ul.mini-stat {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}

@media screen and (max-width: 992px) {
  .top-content ul.mini-stat {
    display: block;
  }
}

.top-content ul.mini-stat>li {
  border-left: 1px solid #ddd;
  padding-left: 15px;
  padding-right: 15px;
}

.top-content ul.mini-stat>li:first-child {
  border-left: none;
}

@media screen and (max-width: 992px) {
  .top-content ul.mini-stat>li {
    width: 100%;
    border-left: none;
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 992px) {
  .top-content ul.mini-stat>li {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.top-content ul.mini-stat h5 {
  float: left;
  margin: 0;
  text-align: left;
  font-size: 0.85em;
  color: #888888;
}

.top-content ul.mini-stat h5 .stat-value {
  display: block;
  font-size: 1.5em;
  margin-top: 3px;
}

.top-content ul.mini-stat h5 .stat-value.stat-color-seagreen {
  color: #3F7577;
}

.top-content ul.mini-stat h5 .stat-value.stat-color-blue {
  color: #1D92AF;
}

.top-content ul.mini-stat h5 .stat-value.stat-color-orange {
  color: #CE7B11;
}

.top-content .mini-bar-chart {
  display: block;
  float: right;
  margin: 6px 0 0 20px;
}

.top-content ul.quick-access {
  margin-bottom: 0;
}

.top-content ul.quick-access>li {
  width: 15em;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .top-content ul.quick-access>li {
    width: 100%;
  }
}

.top-content ul.quick-access>li a,
.top-content ul.quick-access>li a:focus,
.top-content ul.quick-access>li a:hover {
  text-decoration: none;
}

.top-content ul.quick-access>li .quick-access-item {
  display: block;
  position: relative;
  background-color: #555;
  color: #fff;
  padding: 15px;
  text-align: left;
  overflow: hidden;
}

.top-content ul.quick-access>li .quick-access-item h5,
.top-content ul.quick-access>li .quick-access-item p {
  margin: 0;
}

.top-content ul.quick-access>li .quick-access-item em {
  font-size: 0.85em;
}

.top-content ul.quick-access>li .quick-access-item i {
  opacity: 0.1;
  filter: alpha(opacity=10);
  position: absolute;
  top: 0.15em;
  right: -0.1em;
  font-size: 5em;
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.top-content ul.quick-access>li .quick-access-item:hover i {
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.top-content ul.quick-access>li .quick-access-item.bg-color-green {
  background-color: #859419;
}

.top-content ul.quick-access>li .quick-access-item.bg-color-blue {
  background-color: #1D92AF;
}

.top-content ul.quick-access>li .quick-access-item.bg-color-orange {
  background-color: #CE7B11;
}

.main-header {
  margin-bottom: 50px;
}

.main-header h2 {
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #ccc;
  margin: 0;
  padding-right: 10px;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .main-header h2 {
    display: block;
    border-right: none;
  }
}

.main-header em {
  color: #bbbbbb;
}

.content-wrapper {
  background-color: #f1f1f1;
  border-left: 1px solid #e4e4e4;
}

.main-content {
  /*padding-bottom: 30px;*/
  padding-bottom: 78px;
}

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

.form-control[readonly] {
  cursor: default;
}

.widget {
  border-width: 1px;
  border-style: solid;
  margin-bottom: 20px;
  border-radius: 22px 22px 20px 20px;
  background-color: #fff;
  border-color: lightgray;
  overflow: hidden;
}

.widget.widget-hide-header {
  border: none;
  background: none;
}

.widget.widget-focus-enabled {
  z-index: 999;
  position: relative;
}

.widget.widget-quick-note .widget-content {
  padding: 0;
}

.widget.widget-quick-note input.title,
.widget.widget-quick-note textarea {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  resize: none;
}

.widget.widget-quick-note input.title {
  font-weight: 700;
}

.widget.widget-quick-note textarea:focus {
  outline: none;
}

.widget.quick-note-create .widget-footer {
  display: none;
}

.widget.quick-note-saved:hover {
  cursor: pointer;
}

.widget .widget-header {
  padding: 0 20px;
  height: 35px;
  border-bottom-width: 1px ;
  border-bottom-style: solid;
  border-bottom-color: lightgray;
  border-radius: 20px 20px 0px 0px;
  background-color: #eeeeee;
  width: 100%;
  justify-content: space-between;
}

.widget.collapsed .widget-header {
  border-radius: 20px; /* angoli tutti arrotondati quando è chiuso */
}

/*@media screen and (max-width: 480px) {
  .widget .widget-header {
    height: 100%;
  }
}*/

.widget .widget-header h3 {
  display: inline-block;
  vertical-align: middle;
  /*vertical-align: auto;
  *zoom: 1;
  *display: inline;*/
  font-size: 1.1em;
  margin: 0;
  line-height: 35px;
  float: left;
}

/*@media screen and (max-width: 480px) {
  .widget .widget-header h3 {
    float: none;
  }
}*/

.widget .widget-header i {
  margin-right: 5px;
}

.widget .widget-header em {
  float: left;
  font-size: 0.9em;
  color: #a4a4a4;
  line-height: 35px;
  margin-left: 4px;
}

@media screen and (max-width: 1279px) {
  .widget .widget-header em {
    display: none;
  }
}

.widget .widget-header .btn-help {
  float: left;
  padding: 0;
  position: relative;
  top: 3px;
  left: 3px;
}

@media screen and (max-width: 1279px) {
  .widget .widget-header .btn-help {
    display: none;
  }
}

.widget .widget-header .btn-group>a {
  color: #555;
}

.widget .widget-header .widget-header-toolbar {
  float: right;
  width: auto;
  height: 35px;
  border-left: 1px solid #ddd;
  padding-left: 10px;
  margin-left: 10px;
}

/*@media screen and (max-width: 480px) {
  .widget .widget-header .widget-header-toolbar {
    display: block;
    float: none;
    border-left: none;
    margin-left: 0;
    padding-left: 0;
  }
}*/

.widget .widget-header .widget-header-toolbar>a {
  margin-left: 5px;
}

.widget .widget-header .widget-header-toolbar.btn-init-hide {
  display: none;
}

.widget .widget-header .widget-header-toolbar.process-status {
  border-left: none;
  /* status like loading, saved, failed always on the leftmost */
}

.widget .widget-header .widget-header-toolbar.process-status i {
  font-size: 15px;
  line-height: 35px;
  margin-right: 0;
}

.widget .widget-header .widget-header-toolbar.process-status span {
  display: none;
}

.widget .widget-header .widget-header-toolbar .control-title {
  font-size: 0.9em;
  color: #a4a4a4;
  position: relative;
  top: 1px;
}

.widget .widget-header .widget-header-toolbar .label {
  position: relative;
  top: 5px;
}

.widget .widget-header .widget-header-toolbar .toolbar-item-group {
  padding-top: 0.3em;
  height: 100%;
}

.widget .widget-header .widget-header-toolbar .toolbar-item-group .label {
  position: relative;
  top: 1px;
}

.widget .widget-header .widget-header-toolbar .toolbar-item-group .multiselect {
  margin-top: 0;
}

.widget .widget-header .widget-header-toolbar .btn,
.widget .widget-header .widget-header-toolbar .btn-borderless {
  display: inline-block;
  vertical-align: middle;
  height: 25px;
}

.widget .widget-header .widget-header-toolbar .btn-borderless {
  padding-top: 5px;
}

.widget .widget-header .widget-header-toolbar .btn-borderless i {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.widget .widget-header .widget-header-toolbar .btn {
  margin-top: 5px;
}

.widget .widget-header .widget-header-toolbar .btn.btn-sm {
  padding: 0 10px;
}

.widget .widget-header .widget-header-toolbar .btn.btn-sm i {
  width: 10px;
  height: 12px;
}

.widget .widget-header .widget-header-toolbar .progress {
  width: 150px;
  height: 15px;
  margin-bottom: 0;
  margin-top: 10px;
}

.widget .widget-header .widget-header-toolbar .progress .progress-bar {
  font-size: 10px;
  line-height: 1.5;
}

.widget .widget-content {
  padding: 20px 10px;
}

.widget .widget-content h4 {
  font-size: 14px;
}

.widget .widget-content h5 {
  font-size: 13px;
}

.widget .widget-content h6 {
  font-size: 12px;
}

.widget .widget-footer {
  padding: 7px 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #f0f0f0;
  background-color: #f7f7f7;
}

#focus-overlay {
  background: rgba(0, 0, 0, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

/* sidebar content */
.sidebar-content {
  padding: 0 10px;
  margin-top: 30px;
}

@media screen and (max-width: 480px) {
  .sidebar-content {
    display: none;
  }
}

.sidebar-content .panel-heading h5 {
  margin: 0;
}

.sidebar-content p {
  font-size: 0.85em;
}

.sidebar-content>h5 {
  display: block;
  font-size: 0.9em;
  text-align: left;
  margin-bottom: 0;
}

.sidebar-content .list-info-sidebar {
  border: 1px solid #ccc;
}

.sidebar-content .list-info-sidebar li {
  font-size: 12px;
}

.sidebar-content .list-info-sidebar .data-name {
  width: 100%;
  background-color: transparent;
}

@media screen and (min-width: 1366px) {
  .sidebar-content .list-info-sidebar .data-name {
    width: 10em;
  }
}

@media screen and (min-width: 1850px) {
  .sidebar-content .list-info-sidebar .data-name {
    width: 15em;
  }
}

.sidebar-content .list-info-sidebar .progress {
  margin-bottom: 0;
}

.left-sidebar.minified .sidebar-content {
  display: none;
}

/* status bar list */
.status-bar-list>li {
  padding: 15px 0;
}

.status-bar-list .progress {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
}

.status-bar-list .progress.progress-xs {
  height: 3px;
}

.status-bar-list .progress.progress-success {
  background-color: rgba(75, 168, 75, 0.1);
}

.status-bar-list .progress.progress-info {
  background-color: rgba(70, 176, 207, 0.1);
}

.status-bar-list .progress.progress-warning {
  background-color: rgba(231, 161, 61, 0.1);
}

.status-bar-list .progress.progress-danger {
  background-color: rgba(219, 56, 51, 0.1);
}

.status-bar-list .progress .progress-bar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.status-bar-list p {
  margin-bottom: 0;
  font-size: 0.85em;
}

/*------------------------------------------------*/
/*	Chart
/*------------------------------------------------*/
/* easy pie chart */
.easy-pie-chart {
  position: relative;
  width: 110px;
  margin: 0 auto;
  margin-bottom: 15px;
  text-align: center;
}

.easy-pie-chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.easy-pie-chart .percent {
  display: inline-block;
  vertical-align: middle;
  line-height: 110px;
  z-index: 2;
}

.easy-pie-chart .percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}

/* chart navigation */
.chart-nav {
  margin-bottom: 40px;
}

@media screen and (max-width: 480px) {
  .chart-nav strong {
    display: block;
  }
}

.chart-nav ul {
  list-style-type: none;
  border-bottom: none;
  margin-bottom: 30px;
}

.chart-nav ul,
.chart-nav ul li {
  margin: 0;
  padding: 0;
  display: inline;
}

.chart-nav ul li a {
  font-size: 0.9em;
  border: none;
  padding: 5px 8px;
  color: #555;
}

.chart-nav ul li a:hover,
.chart-nav ul li a a:focus {
  border: none;
  text-decoration: none;
  background-color: #ececec;
  border-bottom: 1px solid #E1E1E1;
  text-decoration: none;
}

.chart-nav ul li.active a,
.chart-nav ul li.active a:hover,
.chart-nav ul li.active a:focus {
  background-color: #ececec;
  border-bottom: 1px solid #E1E1E1;
  text-decoration: none;
}

.chart-content {
  margin-bottom: 15px;
}

#line-chart1 {
  height: 250px;
}

/* flot chart */
.flot-tooltip {
  border: 1px solid #ccc;
  background-color: rgba(255, 255, 255, 0.7);
  color: #aaa;
}

#flotTip,
.jqstooltip {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0;
  border-radius: 0 !important;
  background-color: #f3f3f3 !important;
  color: #555 !important;
  border-color: silver !important;
}

.sales-chart {
  width: 100%;
  height: 350px;
}

#visit-chart {
  height: 300px;
}

.widget.real-time-chart .widget-content {
  padding-right: 40px;
}

.donut-label {
  font-size: 12px;
  color: #FFF;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 3px;
}

.secondary-stat .secondary-stat-item {
  color: #fff;
  background-color: #aaa;
  padding: 5px 20px 0 20px;
}

.secondary-stat .secondary-stat-item .data {
  float: left;
  margin-bottom: 0;
}

.secondary-stat .secondary-stat-item .inlinesparkline {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 15px;
  bottom: 0;
}

.secondary-stat #secondary-stat-item1 {
  background-color: #3F7577;
}

.secondary-stat #secondary-stat-item2 {
  background-color: #67773F;
}

.secondary-stat #secondary-stat-item3 {
  background-color: #D36B19;
}

/* sparkline tooltip fix */
.jqstooltip {
  width: auto !important;
  height: auto !important;
}

.jqsfield {
  color: #555 !important;
}

.widget-sparkline .sparkline-stat-item {
  padding: 8px 0;
  margin-bottom: 30px;
}

.widget-sparkline .sparkline-stat-item strong {
  display: block;
  font-size: 1.5em;
  font-weight: 300;
}

/* dashboard mini pie chart */
.panel-pie-chart .panel-body {
  text-align: center;
}

.panel-pie-chart ul {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}

.panel-pie-chart ul>li {
  text-align: center;
  font-size: 0.85em;
  padding-right: 24px;
  margin-bottom: 5px;
}

/* big number with sparkline */
.big-number {
  font-family: "latolight";
  font-size: 3.5em;
}

.big-number-stat span {
  display: inline-block;
  vertical-align: middle;
}

.big-number-stat em {
  display: block;
  font-style: normal;
}

.big-number-stat .col-left {
  float: left;
  margin-right: 10px;
  line-height: 1.8;
}

.big-number-stat .col-right {
  float: right;
  position: relative;
  top: 1.5em;
}

@media screen and (max-width: 480px) {
  .big-number-stat .col-right {
    float: none;
  }
}

@media screen and (max-width: 480px) {
  .big-number-stat span {
    display: block;
  }

  .big-number-stat .col-left {
    float: none;
  }

  .big-number-stat .col-right {
    top: 0;
    margin-bottom: 15px;
  }
}

/* interactive charts, choices toggle checkbox */
@media screen and (max-width: 992px) {
  .widget-chart-toggle-series #choices {
    margin-top: 30px;
  }

  .widget-chart-toggle-series #choices>div {
    display: inline-block;
    vertical-align: middle;
  }
}

/* d3 heatmap */
rect.bordered {
  stroke: #E6E6E6;
  stroke-width: 1px;
}

text.mono {
  font-size: 12px;
  fill: #aaa;
}

text.axis-workweek {
  fill: #000;
}

text.axis-worktime {
  fill: #000;
}

/* d3 barchart */
.bar.positive {
  fill: #1D92AF;
}

.bar.negative {
  fill: #BD0026;
}

.axis text {
  font-size: 10px;
}

.axis path,
.axis line {
  fill: none;
  stroke: #646464;
  shape-rendering: crispEdges;
}

/* number-chart widget, number on the left and chart on the right */
.number-chart {
  padding: 15px 0 0 0;
  margin: 0 30px;
  border-bottom: 2px solid #ddd;
}

@media screen and (max-width: 480px) {
  .number-chart {
    width: auto;
  }
}

.number-chart .number {
  height: 103px;
  min-width: 105px;
  padding-top: 1.5em;
  font-weight: 300;
}

@media screen and (max-width: 480px) {
  .number-chart .number {
    float: none !important;
    text-align: center;
    height: 70px;
  }
}

.number-chart .number>span {
  font-size: 22px;
  line-height: 1.4;
}

.number-chart .number>span+span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 2;
}

.number-chart .number i {
  font-size: 12px;
}

.number-chart .mini-stat {
  padding: 20px 0;
  text-align: center;
}

.number-chart .mini-stat p {
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 11px;
}

.number-chart .mini-stat i {
  margin-right: 2px;
  font-size: 18px;
  position: relative;
  top: 2px;
}

/*------------------------------------------------*/
/*	UI Bootstrap Elements
/*------------------------------------------------*/
/* remove round border */
.panel,
.well,
code {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* nav stacked */
.nav-stacked>li {
  border: 1px solid #ddd;
}

.nav-stacked>li:not(:first-child) {
  border-top: none;
}

.nav-stacked>li>a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.nav-stacked>li+li {
  margin-top: 0;
}

/* bootstrap form elements */
.radio label,
.checkbox label,
.radio-inline,
.checkbox-inline {
  font-weight: 300;
}

.radio label,
.radio-inline {
  line-height: 1.8;
}

select[multiple].form-control {
  height: auto;
}

select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline style='fill: %23555' points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
  background-size: 0.8em;
  background-position: right 5px top 12px;
  background-color: #FFFFFF;
}

select.form-control.hide-disabled option[disabled] {
  display: none;
}

select[multiple].form-control {
  background: none;
  /* height: auto; */
  height: 30px;
}

select.input-lg {
  line-height: initial;
  background-position: right 5px top 17px;
}

select.input-sm {
  line-height: initial;
  background-position: right 5px top 11px;
}

.dropdown-menu>.active>a {
  background-color: #99A1A7;
}

.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  background-color: #99A1A7;
}

fieldset {
  margin-bottom: 1em;
}

.form-horizontal .control-label {
  /* text-align: left; */
  padding-top: 7px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right !important;
  }
}

.form-control,
.input-group .form-control {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.input-group-text {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
}

.input-group-text.input-sm,
.input-group-text.input-lg {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.input-group-text i {
  min-width: 12px;
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-text,
.input-group-lg>.input-group-btn>.btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-text,
.input-group-sm>.input-group-btn>.btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.input-group-appendable {
  margin-bottom: 10px;
}

.input-group-appendable .btn {
  min-width: 34px;
}

/* pagination */
.pagination {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

/*.pagination > li:last-child > a,
.pagination > li:last-child > span {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}*/

/* button */
.btn {
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
  border-radius: 5px;
}

/* .btn i {
  margin-right: 3px;
} */

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
}

.btn-emulate {
  cursor: pointer;
}

.btn-default {
  color: #fff;
  background-color: #626262;
  border-color: #555555;
}

.btn-default:hover,
.open .dropdown-toggle.btn-default,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #fff;
  background-color: #494949;
  border-color: #555555;
}

.btn-default.disabled,
.btn-default[disabled],
.btn-default.disabled:hover,
.open .disabled.dropdown-toggle.btn-default,
.btn-default[disabled]:hover,
.open [disabled].dropdown-toggle.btn-default,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
.btn-default.disabled.active,
.btn-default[disabled].active {
  background-color: #7c7c7c;
  border-color: #555555;
}

.btn-default .caret {
  border-top-color: #fff;
}

fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .open .dropdown-toggle.btn-default,
.open fieldset[disabled] .dropdown-toggle.btn-default,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #7c7c7c;
}

.btn-primary {
  background-color: #296EAA;
  border-color: #246195;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary .open .dropdown-toggle.btn-primary {
  background-color: #246195;
}

.btn-info {
  background-color: #46B0CF;
  border-color: #34a6c8;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info .open .dropdown-toggle.btn-info {
  background-color: #34a6c8;
}

.btn-success {
  background-color: #4BA84B;
  border-color: #439643;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success .open .dropdown-toggle.btn-success {
  background-color: #439643;
}

.btn-warning {
  background-color: #E7A13D;
  border-color: #e49626;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning .open .dropdown-toggle.btn-warning {
  background-color: #e49626;
}

.btn-danger {
  background-color: #DB3833;
  border-color: #d02a25;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger .open .dropdown-toggle.btn-danger {
  background-color: #d02a25;
}

.btn-link {
  border-color: transparent;
  background-color: transparent;
  text-decoration: none;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.btn-link .open .dropdown-toggle.btn-link {
  outline: none;
  text-decoration: none;
}

.btn-group>.btn:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.btn-group>.btn:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.btn-group>.btn+.dropdown-toggle {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

/* pager */
.pager li>a,
.pager li>span {
  background-color: transparent;
  border: none;
}

.pager li>a:hover,
.pager li>a:focus {
  background-color: transparent;
}

/* bootstrap alert */
.alert {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* bootstrap tooltip */
.tooltip .tooltip-inner {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.8);
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-top-color: rgba(0, 0, 0, 0.8);
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: rgba(0, 0, 0, 0.8);
}

.tooltip.right .tooltip-arrow {
  border-right-color: rgba(0, 0, 0, 0.8);
}

.tooltip.left .tooltip-arrow {
  border-left-color: rgba(0, 0, 0, 0.8);
}

/* bootstrap popover */
.popover {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 20px;
}

.popover .popover-content {
  font-size: 0.9em;
}

/* bootstrap progress bar */
.progress {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #e2e2e2;
}

.progress.wide {
  width: 60px;
}

.progress .progress-bar {
  -moz-transition-property: width;
  -o-transition-property: width;
  -webkit-transition-property: width;
  transition-property: width;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  -webkit-transition-duration: 3s;
  transition-duration: 3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.progress.progress-sm {
  height: 12px;
}

.progress.progress-xs {
  height: 5px;
}

.progress.progress-sm .progress-bar,
.progress.progress-xs .progress-bar {
  text-indent: -9999px;
}

.progress-vertical-wrapper {
  height: 200px;
}

/* modal dialog */
.modal-content {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 22px 22px 20px 20px;
}

/* panel, panel group, accordion */
.note-editing-area{
  border-radius: 0 0 20px 20px;
}

.note-statusbar{
  width: 50%;
  margin-left: 50%;
  transform: translate(-50%, 0);
}

.panel {
  /*
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 20px;
  background-color: #f9f9f9;
  padding: .5rem;
  */
  padding: 15px;
  margin-bottom: 20px;
  background-color: #f9f9f9;;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-heading {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 20px 20px 0 0;
}

.panel-group .panel {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#accordion-module .panel-heading {
  padding: 0 15px;
}
#accordion .panel-heading {
  padding: 0 15px;
}
/* .panel-group .panel .panel-title>a
 .accordion .accordion-item .accordion-header a{
  display: block;
  padding: 10px 10px;
  width: 100%;
  font-weight: 300;
  color: #868686;
  text-decoration: none;
}*/
.panel .panel-heading {
  padding: 0px 14px;
}

.panel-title>a,.panel-group .panel .panel-title>a:hover{
  display: block;
  padding: 10px 0;
  width: 100%;
  font-weight: 300;
  color: #868686;
}



.panel-group .panel .panel-title>a>i:first-child,
.panel-group .panel .panel-title>a.collapsed>i+i {
  display: none;
}

.panel-group .panel .panel-title>a.collapsed>i:first-child {
  display: inline-block;
  vertical-align: middle;
}

/* bootstrap well */
.well {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*------------------------------------------------*/
/*	UI Elements
/*------------------------------------------------*/
/* task list */
.task-list {
  list-style-type: none;
  padding-left: 0;
}

.task-list p {
  position: relative;
}

.task-list p .label {
  position: absolute;
  right: 0;
}

/* custom pagination */
.pagination.borderless>li>a,
.pagination.borderless>li>span {
  border: none;
  color: inherit;
  background-color: transparent;
}

.pagination.borderless>li>a:hover,
.pagination.borderless>li>a:focus,
.pagination.borderless>li>span:hover,
.pagination.borderless>li>span:focus {
  color: #f2f2f2;
  background-color: #999;
}

.pagination.borderless>li.active>a,
.pagination.borderless>li.active>span {
  color: #f2f2f2;
  background-color: #999;
}

.pagination.borderless>li.active>a:hover,
.pagination.borderless>li.active>a:focus,
.pagination.borderless>li.active>span:hover,
.pagination.borderless>li.active>span:focus {
  color: #f2f2f2;
  background-color: #999;
}

.pagination.borderless>.disabled>span,
.pagination.borderless>.disabled>span:hover,
.pagination.borderless>.disabled>span:focus,
.pagination.borderless>.disabled>a,
.pagination.borderless>.disabled>a:hover,
.pagination.borderless>.disabled>a:focus {
  background-color: transparent;
}

/* custom buttons */
.btn-custom-primary {
  background-color: #E24715;
  border-color: #cb4013;
  color: #fff;
}

.btn-custom-primary:hover,
.btn-custom-primary:focus,
.btn-custom-primary:active,
.btn-custom-primary.active,
.btn-custom-primary .open .dropdown-toggle.btn-warning {
  background-color: #d94414;
  color: #fff;
}

.btn-custom-secondary {
  background-color: #1CACA0;
  border-color: #18968c;
  color: #fff;
}

.btn-custom-secondary:hover,
.btn-custom-secondary:focus,
.btn-custom-secondary:active,
.btn-custom-secondary.active,
.btn-custom-secondary .open .dropdown-toggle.btn-warning {
  background-color: #1ba398;
  color: #fff;
}

.btn-clean {
  background-color: transparent;
}

.btn-clean.active,
.btn-clean:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* fancy checkbox and radio button */
.fancy-checkbox {
  display: block;
}

.fancy-checkbox input[type="checkbox"] {
  display: none;
}

.fancy-checkbox input[type="checkbox"]+span {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  font-size: 13px;
}

.fancy-checkbox input[type="checkbox"]+span:before {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  content: "";
  background-color: #ccc;
  border-radius: 5px;
}

.fancy-checkbox input[type="checkbox"]:checked+span:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f00c';
  font-size: 12px;
  color: #99a1a7;
  text-align: center;
  line-height: 16px;
  background: #ededed;
  border: 1px solid #ccc;
}

.fancy-checkbox.custom-color-green input[type="checkbox"]:checked+span:before {
  color: #53D76A;
  background-color: #fff;
}

.fancy-checkbox.custom-bgcolor-green input[type="checkbox"]:checked+span:before {
  color: #fff;
  background-color: #53D76A;
  border-color: #2e6da4;
}

.fancy-radio {
  display: block;
}

.fancy-radio input[type="radio"] {
  display: none;
}

.fancy-radio input[type="radio"]+span {
  display: block;
  cursor: pointer;
  position: relative;
  font-size: 13px;
}

.fancy-radio input[type="radio"]+span i {
  display: inline-block;
  vertical-align: middle;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  bottom: 1px;
  content: "";
  border: 1px solid #ccc;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

.fancy-radio input[type="radio"]:checked+span i:after {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  position: relative;
  top: 3px;
  left: 3px;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #99a1a7;
}

.fancy-radio.custom-color-green input[type="radio"]:checked+span i:after {
  background-color: #53D76A;
}

.fancy-radio.custom-bgcolor-green input[type="radio"]:checked+span i {
  background-color: #53D76A;
}

.fancy-radio.custom-bgcolor-green input[type="radio"]:checked+span i:after {
  background-color: #fff;
}

/* fancy checkbox and fancy radio */
.input-group-text .fancy-radio,
.input-group-text .fancy-checkbox {
  margin: 0;
}

.input-group-text .fancy-radio input[type="radio"]+span i,
.input-group-text .fancy-checkbox input[type="checkbox"]+span {
  margin: 0;
}

.input-group-text .fancy-radio input[type="radio"]+span i:before,
.input-group-text .fancy-checkbox input[type="checkbox"]+span:before {
  margin: 0;
}

/* label */
.label {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-weight: normal;
  padding: .5em .6em;
}

.label-warning {
  background-color: #F56421;
}

.label-low {
  background-color: #626262;
}

.label-medium {
  background-color: #296EAA;
}

.label-high {
  background-color: #11B4C2;
}

.label-urgent {
  background-color: #E7CD0C;
}

.label-emergency {
  background-color: #E7A13D;
}

.label-critical {
  background-color: #DB3833;
}

/* badges */
.badge {
  font-weight: 400;
  font-size: 12px;
}

.badge.element-bg-color-blue {
  background-color: #1D92AF;
}

.badge.element-bg-color-green {
  background-color: #859419;
}

.badge.element-bg-color-seagreen {
  background-color: #3F7577;
}

.badge.element-bg-color-orange {
  background-color: #CE7B11;
}

/* switch button */
.has-switch.switch-small {
  min-width: 88px;
}

.has-switch.switch-mini {
  min-width: 60px;
}

.has-switch span.switch-right {
  color: #999;
}

.onoffswitch {
  position: relative;
  width: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch .onoffswitch-checkbox {
  display: none;
}

.onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #E4E4E4;
  border-radius: 20px;
  position: relative;
}

.onoffswitch .onoffswitch-inner {
  -moz-transition-property: margin;
  -o-transition-property: margin;
  -webkit-transition-property: margin;
  transition-property: margin;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  display: block;
  width: 200%;
  margin-left: -100%;
}

.onoffswitch .onoffswitch-inner:before,
.onoffswitch .onoffswitch-inner:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: 18px;
  padding: 0;
  line-height: 1.8;
  font-size: 10px;
  color: #fff;
}

.onoffswitch .onoffswitch-inner:before {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  content: "ON";
  padding-left: 6px;
  background-color: #53D76A;
  color: #FFFFFF;
}

.onoffswitch .onoffswitch-inner:after {
  content: "OFF";
  padding-right: 6px;
  background-color: #EEEEEE;
  color: #999999;
  text-align: right;
}

.onoffswitch .onoffswitch-switch {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 15px;
  margin: 2px;
  background: #FFFFFF;
  border: 2px solid #E4E4E4;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
}

.onoffswitch.onoffswitch-blank .onoffswitch-inner:before,
.onoffswitch.onoffswitch-blank .onoffswitch-inner:after {
  content: "";
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.onoffswitch.disabled .onoffswitch-inner:before {
  background-color: #c4eccb;
}

.onoffswitch.disabled .onoffswitch-switch {
  background-color: #f3f3f3;
}

.onoffswitch.disabled .onoffswitch-label {
  cursor: not-allowed;
}

.widget-header-toolbar .onoffswitch {
  position: relative;
  top: 2px;
}

/* dropdown menu on widget header */
.widget-header-toolbar .dropdown-menu {
  font-size: 90%;
}

@media screen and (max-width: 480px) {
  .widget-header-toolbar .dropdown-menu {
    right: auto;
    left: 0;
  }
}

.widget-header-toolbar ul.multiselect-container>li>a {
  line-height: 1.5;
}

.widget-header-toolbar ul.multiselect-container>li>a label.radio:before {
  margin-right: 5px;
}

/* radio */
.radio label,
.radio-inline {
  line-height: 1.8;
}

/* bootstrap slider input */
.slider-track,
.slider-selection {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
  filter: none;
  /* disable gradient for IE */
}

.slider-track {
  background-color: #eee;
}

.slider-selection {
  background-color: #626262;
}

.slider.slider-horizontal {
  width: 100% !important;
}

.slider.slider-vertical .slider-handle {
  position: relative;
  left: 2px;
  cursor: ns-resize;
}

.slider-handle {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background-image: none;
  position: relative;
  top: 2px;
}

/* handle for bootstrap slider and range slider */
.slider-handle,
.ui-rangeSlider-handle {
  width: 16px;
  height: 16px;
  background: white;
  border: 1px solid #626262;
  cursor: col-resize;
}

.slider-handle:before,
.ui-rangeSlider-handle:before {
  display: inline-block;
  vertical-align: middle;
  content: '|||';
  font-size: 7px;
  color: #626262;
  text-align: center;
  line-height: 15px;
  position: absolute;
  left: 0.6em;
}

/* range slider input */
.ui-rangeSlider {
  height: 22px;
  margin: 30px 0;
}

.ui-rangeSlider .ui-rangeSlider-innerBar {
  height: 10px;
  margin: 3px 0;
  background: #eee;
}

.ui-rangeSlider .ui-rangeSlider-bar {
  margin: 3px 0;
  background: #626262;
  height: 10px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
}

.ui-rangeSlider.slider-default .ui-rangeSlider-bar {
  background: #626262;
}

.ui-rangeSlider.slider-default .ui-rangeSlider-handle {
  background: white;
  border-color: #626262;
}

.ui-rangeSlider.slider-default .ui-rangeSlider-handle:before {
  color: #626262;
}

.ui-rangeSlider.slider-primary .ui-rangeSlider-bar {
  background: #296EAA;
}

.ui-rangeSlider.slider-primary .ui-rangeSlider-handle {
  background: #f0f6fb;
  border-color: #296EAA;
}

.ui-rangeSlider.slider-primary .ui-rangeSlider-handle:before {
  color: #296EAA;
}

.ui-rangeSlider.slider-info .ui-rangeSlider-bar {
  background: #46B0CF;
}

.ui-rangeSlider.slider-info .ui-rangeSlider-handle {
  background: white;
  border-color: #46B0CF;
}

.ui-rangeSlider.slider-info .ui-rangeSlider-handle:before {
  color: #46B0CF;
}

.ui-rangeSlider.slider-warning .ui-rangeSlider-bar {
  background: #E7A13D;
}

.ui-rangeSlider.slider-warning .ui-rangeSlider-handle {
  background: white;
  border-color: #E7A13D;
}

.ui-rangeSlider.slider-warning .ui-rangeSlider-handle:before {
  color: #E7A13D;
}

.ui-rangeSlider.slider-danger .ui-rangeSlider-bar {
  background: #DB3833;
}

.ui-rangeSlider.slider-danger .ui-rangeSlider-handle {
  background: white;
  border-color: #DB3833;
}

.ui-rangeSlider.slider-danger .ui-rangeSlider-handle:before {
  color: #DB3833;
}

.ui-rangeSlider.slider-success .ui-rangeSlider-bar {
  background: #4BA84B;
}

.ui-rangeSlider.slider-success .ui-rangeSlider-handle {
  background: #e5f3e5;
  border-color: #4BA84B;
}

.ui-rangeSlider.slider-success .ui-rangeSlider-handle:before {
  color: #4BA84B;
}

.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging {
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.ui-rangeSlider-arrow {
  height: 16px;
  margin: 2px 0;
  width: 16px;
  background-repeat: no-repeat;
}

.ui-rangeSlider-arrow-inner {
  display: none;
}

.ui-rangeSlider-container {
  height: 22px;
}

.ui-rangeSlider-noArrow .ui-rangeSlider-container {
  margin: 0;
}

.ui-rangeSlider-label {
  margin: 0 2px 2px;
  white-space: nowrap;
  bottom: 20px;
  padding: 3px 6px 7px;
  cursor: col-resize;
}

.ui-rangeSlider-label .ui-rangeSlider-label-value {
  font-size: 0.9em;
}

.ui-rangeSlider-label-inner {
  display: none;
}

input.ui-editRangeSlider-inputValue {
  width: 3em;
  vertical-align: middle;
  text-align: center;
}

/* file upload */
.fileinput-button {
  position: relative;
  overflow: hidden;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* simple color picker */
.simplecolorpicker span {
  margin: 0 0px 5px 0;
}

.simplecolorpicker span.color {
  width: 20px;
  height: 20px;
  outline: none;
}

.simplecolorpicker.fontawesome span.color[data-selected]:after {
  font-family: 'Font Awesome 5 Free';
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
  content: '\f00c';
  /* Ok/check mark */
  margin-right: 1px;
  margin-left: 1px;
}

/* spinner input */
.bootstrap-touchspin-prefix {
  border-right: none;
}

.bootstrap-touchspin-postfix {
  border-left: none;
}

.bootstrap-touchspin .input-group-text.btn {
  color: #fff;
}


/* date range picker */
.daterangepicker .calendar-date {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.daterangepicker th .input-mini,
.daterangepicker th li,
.daterangepicker td .input-mini,
.daterangepicker td li,
.daterangepicker .ranges .input-mini,
.daterangepicker .ranges li {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.report-range {
  cursor: pointer;
  padding: 5px 10px;
  border: 1px solid #ccc;
}

.report-range .range-value {
  margin-right: 3px;
}

/* tabbed content */
.nav.nav-tabs-right>li {
  float: right;
}

.nav-tabs.nav-tabs-right>li>a {
  margin-right: 0;
  margin-left: 2px;
}

@media screen and (max-width: 480px) {
  .nav.nav-tabs-right>li {
    float: none;
  }
}

/* .nav.nav-tabs-custom-colored > li > a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #868686;
  background-color: #ececec;
  border-color: #ddd;
}
.nav.nav-tabs-custom-colored > li > a:hover {
  color: #535353;
  background-color: #f1f1f1;
  border-color: #ddd;
}
@media screen and (max-width: 480px) {
    .nav.nav-tabs-custom-colored > li {
    float: none;
  }
}
.nav.nav-tabs-custom-colored > li.active > a, .nav.nav-tabs-custom-colored > li.active > a:hover, .nav.nav-tabs-custom-colored > li.active > a:focus {
  background-color: #296EAA;
  color: #fff;
  cursor: pointer;
}
.nav.nav-tabs-custom-colored.nav-tabs-right > li {
  float: right;
}
@media screen and (max-width: 480px) {
    .nav.nav-tabs-custom-colored.nav-tabs-right > li {
    float: none;
  }
} */

.nav-pills-custom-minimal {
  border-bottom: 1px solid #ccc;
}

.nav-pills-custom-minimal>li>a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 10px;
  border-top: 4px solid transparent;
  color: #555;
}

.nav-pills-custom-minimal>li>a:hover,
.nav-pills-custom-minimal>li>a:focus {
  background-color: transparent;
  color: #3b3b3b;
}

.nav-pills-custom-minimal>li.active>a,
.nav-pills-custom-minimal>li.active>a:hover,
.nav-pills-custom-minimal>li.active>a:focus {
  background-color: transparent;
  border-top-color: #428BCA;
  color: #555;
}

.nav-pills-custom-minimal>li+li {
  margin-left: 30px;
}

@media screen and (max-width: 480px) {
  .nav-pills-custom-minimal>li+li {
    margin-left: 0;
  }
}

.nav-pills-custom-minimal.custom-minimal-bottom>li a {
  border-top: none;
  border-bottom: 4px solid transparent;
}

.nav-pills-custom-minimal.custom-minimal-bottom>li.active>a,
.nav-pills-custom-minimal.custom-minimal-bottom>li.active>a:hover,
.nav-pills-custom-minimal.custom-minimal-bottom>li.active>a:focus {
  border-bottom-color: #428BCA;
}

.nav {
  border: none;
  /*margin-bottom: 1px;*/
}

.tab-content {
  padding: 15px 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0 20px 20px;
  margin-top: -1px;
}

.tab-padding .tab-content {
  padding: 15px;
}

.custom-tabs-left {
  border-bottom: none;
}

.custom-tabs-left>.nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ccc;
  border-bottom: none;
}

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

.custom-tabs-left>.nav-tabs>li a {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  min-width: 74px;
  margin-right: -1px;
  padding: 10px 40px 10px 10px;
}

.custom-tabs-left>.nav-tabs>li a:hover,
.custom-tabs-left>.nav-tabs>li a:focus {
  background: transparent;
  border-color: transparent;
}

.custom-tabs-left>.nav-tabs .active a,
.custom-tabs-left>.nav-tabs .active a:hover,
.custom-tabs-left>.nav-tabs .active a:focus {
  border: 1px solid #ccc;
  border-right-color: #fff;
}

.custom-tabs-left .tab-content {
  padding-top: 5px;
}

/* tabbed widget header */

.widget-header ul.nav {
  margin-right: -11px;
}

.widget-header ul.nav>li>a {
  padding: 6px 15px;
  border-top: transparent;
  line-height: 1.5;
  margin-right: 0;
  height: 35px;
}

.widget-header ul.nav>li>a:hover {
  border-top: initial;
}

@media screen and (max-width: 480px) {
  .widget-header ul.nav {
    float: none !important;
    margin: 0 -11px;
  }

  .widget-header ul.nav>li>a {
    border-top: 1px solid #ddd;
  }

  .widget-header ul.nav>li>a:hover {
    border-top: 1px solid #ddd;
  }
}

/* alert message, gritter */
.gritter-item-wrapper {
  background: url('../img/ie-spacer.gif?1379032210');
}

.gritter-item-wrapper>div {
  background: rgba(0, 0, 0, 0.7);
}

.gritter-item-wrapper.gritter-light>div {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.8);
  color: #555;
}

.gritter-item {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 2px 11px;
}

.gritter-item .gritter-title {
  text-shadow: none;
}

.gritter-item .gritter-close {
  background: url('../img/gritter.png?1379032210');
  outline: none;
  left: auto;
  right: 3px;
  cursor: normal;
}

.gritter-item a,
.gritter-item a:focus {
  color: #fff;
  text-decoration: underline;
}

.gritter-item a:hover,
.gritter-item a:focus:hover {
  text-decoration: none;
}

/* reminder notification */
.widget-reminder .widget-content {
  position: relative;
  overflow: hidden;
  padding: 20px;
  background-color: #6393A7;
  color: #fff;
}

.today-reminder .reminder-title {
  border-bottom: 1px solid #a4c0cc;
  padding-bottom: 5px;
}

.today-reminder .reminder-time {
  font-size: 2.5em;
  margin-bottom: 0;
}

.today-reminder .reminder-place {
  font-size: 1.5em;
}

.today-reminder .reminder-notes {
  font-size: 0.9em;
}

.today-reminder>i {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
  position: absolute;
  top: 5px;
  right: -15px;
  font-size: 12em;
  -webkit-animation: ring 8s .5s ease-in-out 3;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 8s .5s ease-in-out 3;
  -moz-transform-origin: 50% 4px;
  animation: ring 8s .5s ease-in-out 3;
  transform-origin: 50% 4px;
}

.today-reminder>.btn-group {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.today-reminder>.btn-group .dropdown-menu {
  font-size: 0.9em;
}

.today-reminder>.btn-group>.btn-group {
  float: none;
}

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }

  1% {
    -webkit-transform: rotateZ(30deg);
  }

  3% {
    -webkit-transform: rotateZ(-28deg);
  }

  5% {
    -webkit-transform: rotateZ(34deg);
  }

  7% {
    -webkit-transform: rotateZ(-32deg);
  }

  9% {
    -webkit-transform: rotateZ(30deg);
  }

  11% {
    -webkit-transform: rotateZ(-28deg);
  }

  13% {
    -webkit-transform: rotateZ(26deg);
  }

  15% {
    -webkit-transform: rotateZ(-24deg);
  }

  17% {
    -webkit-transform: rotateZ(22deg);
  }

  19% {
    -webkit-transform: rotateZ(-20deg);
  }

  21% {
    -webkit-transform: rotateZ(18deg);
  }

  23% {
    -webkit-transform: rotateZ(-16deg);
  }

  25% {
    -webkit-transform: rotateZ(14deg);
  }

  27% {
    -webkit-transform: rotateZ(-12deg);
  }

  29% {
    -webkit-transform: rotateZ(10deg);
  }

  31% {
    -webkit-transform: rotateZ(-8deg);
  }

  33% {
    -webkit-transform: rotateZ(6deg);
  }

  35% {
    -webkit-transform: rotateZ(-4deg);
  }

  37% {
    -webkit-transform: rotateZ(2deg);
  }

  39% {
    -webkit-transform: rotateZ(-1deg);
  }

  41% {
    -webkit-transform: rotateZ(1deg);
  }

  43% {
    -webkit-transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(0);
  }
}

@-moz-keyframes ring {
  0% {
    -moz-transform: rotate(0);
  }

  1% {
    -moz-transform: rotate(30deg);
  }

  3% {
    -moz-transform: rotate(-28deg);
  }

  5% {
    -moz-transform: rotate(34deg);
  }

  7% {
    -moz-transform: rotate(-32deg);
  }

  9% {
    -moz-transform: rotate(30deg);
  }

  11% {
    -moz-transform: rotate(-28deg);
  }

  13% {
    -moz-transform: rotate(26deg);
  }

  15% {
    -moz-transform: rotate(-24deg);
  }

  17% {
    -moz-transform: rotate(22deg);
  }

  19% {
    -moz-transform: rotate(-20deg);
  }

  21% {
    -moz-transform: rotate(18deg);
  }

  23% {
    -moz-transform: rotate(-16deg);
  }

  25% {
    -moz-transform: rotate(14deg);
  }

  27% {
    -moz-transform: rotate(-12deg);
  }

  29% {
    -moz-transform: rotate(10deg);
  }

  31% {
    -moz-transform: rotate(-8deg);
  }

  33% {
    -moz-transform: rotate(6deg);
  }

  35% {
    -moz-transform: rotate(-4deg);
  }

  37% {
    -moz-transform: rotate(2deg);
  }

  39% {
    -moz-transform: rotate(-1deg);
  }

  41% {
    -moz-transform: rotate(1deg);
  }

  43% {
    -moz-transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(0);
  }
}

@keyframes ring {
  0% {
    transform: rotate(0);
  }

  1% {
    transform: rotate(30deg);
  }

  3% {
    transform: rotate(-28deg);
  }

  5% {
    transform: rotate(34deg);
  }

  7% {
    transform: rotate(-32deg);
  }

  9% {
    transform: rotate(30deg);
  }

  11% {
    transform: rotate(-28deg);
  }

  13% {
    transform: rotate(26deg);
  }

  15% {
    transform: rotate(-24deg);
  }

  17% {
    transform: rotate(22deg);
  }

  19% {
    transform: rotate(-20deg);
  }

  21% {
    transform: rotate(18deg);
  }

  23% {
    transform: rotate(-16deg);
  }

  25% {
    transform: rotate(14deg);
  }

  27% {
    transform: rotate(-12deg);
  }

  29% {
    transform: rotate(10deg);
  }

  31% {
    transform: rotate(-8deg);
  }

  33% {
    transform: rotate(6deg);
  }

  35% {
    transform: rotate(-4deg);
  }

  37% {
    transform: rotate(2deg);
  }

  39% {
    transform: rotate(-1deg);
  }

  41% {
    transform: rotate(1deg);
  }

  43% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(0);
  }
}

/* dropzone file uplaod */
.dropzone {
  padding: 20px;
  height: 500px;
  background-image: url('../img/diagonal-stripe.png?1369651034');
  background-repeat: repeat;
}

.dropzone .dz-message {
  font-size: 52px;
  text-align: center;
  color: #A4A4A4;
}

.dropzone .dz-message:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f0ee';
  display: block;
  font-size: 4em;
  line-height: 1;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone .dz-message {
  display: block;
}

.dropzone .dz-default.dz-message {
  background: none;
  position: relative;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-top: -2.8em;
  top: 50%;
  left: initial;
}

.dropzone .dz-default.dz-message span {
  display: block;
}

.dropzone .dz-fallback {
  text-align: center;
}

.dropzone .dz-fallback input[type="file"] {
  margin: 0 auto;
  margin-bottom: 10px;
}

.dropzone .dz-preview .dz-remove {
  background: #DB3833;
  color: #fff;
  font-size: 0.9em;
}

.dropzone .dz-preview .dz-remove:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f00d';
  margin-right: 3px;
}

.dropzone .dz-preview .dz-remove:hover {
  background: #d02a25;
  color: #fff;
  cursor: pointer;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  width: 25px;
  height: 25px;
}

.dropzone .dz-preview .dz-error-mark:before,
.dropzone .dz-preview .dz-success-mark:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 15px;
  position: absolute;
  left: 5px;
  top: 2px;
}

.dropzone .dz-preview .dz-error-mark:before {
  content: '\f071';
  color: #DB3833;
}

.dropzone .dz-preview .dz-success-mark:before {
  content: '\f00c';
  color: #4BA84B;
}

.ie9 .dropzone .dz-message:before {
  font-size: 0.2em;
}

/* bootstrap tour */
.tour-step-background {
  background: transparent;
  border: 1px solid #fff;
}

/* typeaheadjs */
.tt-dropdown-menu {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* bootstrap tags input */
.bootstrap-tagsinput {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.bootstrap-tagsinput .tag {
  background-color: #296EAA;
  position: relative;
  padding-left: 17px;
  font-size: 85%;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  position: absolute;
  left: 0;
  top: 7px;
  margin-left: 2px;
  color: #4c94d4;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover,
.bootstrap-tagsinput .tag [data-role="remove"]:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #60a1d9;
  text-decoration: none;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f057';
}

/* x-editable with select input except combodate */
.editable[data-type="select"]+.editable-container .editable-input {
  position: relative;
}

.editable[data-type="select"]+.editable-container .editable-input select {
  padding: 5px 20px 5px 10px;
  background-position: right 5px top 10px;
}

.editable[data-type="combodate"]+.editable-container .editable-input {
  position: relative;
}

.editable[data-type="combodate"]+.editable-container .editable-input select {
  padding: 5px 20px 5px 10px;
  background-position: right 5px top 10px;
  height: 31px;
  position: relative;
  top: -1px;
}

/* x-editable buttons */
.editable-buttons .btn i {
  margin-right: 0;
  position: relative;
  top: 2px;
}

/* x-editable custom input */
.editable-address {
  display: block;
  margin-bottom: 5px;
}

.editable-address span {
  width: 70px;
  display: inline-block;
}

/* bootstrap markdown */
.md-editor .btn-default {
  background-color: #fff;
  color: #333;
  border-color: #ccc;
}

.md-editor .btn-default:hover,
.md-editor .open .dropdown-toggle.btn-default,
.open .md-editor .dropdown-toggle.btn-default,
.md-editor .btn-default:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ebebeb;
}

/* google map */
.google-map #map-canvas {
  height: 314px;
}

/* label with button */
.label-with-btn {
  display: inline-table;
}

.label-with-btn .label,
.label-with-btn .btn {
  display: table-cell;
}

.label-with-btn .label {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 4px 6px;
  line-height: 1.6;
}

.label-with-btn .btn {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 6px;
  line-height: 10px;
  vertical-align: middle;
}

/* simple todo list */
ul.simple-todo-list>li .todo-text {
  font-weight: normal;
}

ul.simple-todo-list>li input[type="checkbox"]:checked+.todo-text {
  text-decoration: line-through;
  color: #7b7b7b;
}

/* drag and drop todo list */
.todo-list>li {
  border-top: 1px solid #ccc;
  position: relative;
  background: #fff;
}

.todo-list>li:first-child {
  border-top: none;
}

.todo-list>li.ui-state-highlight {
  border: 1px solid #ff9800;
}

.todo-list>li .list-control {
  position: absolute;
  top: 50%;
  margin-top: -14px;
}

.todo-list>li .list-control i {
  position: relative;
  top: 3.5px;
  margin-right: 5px;
  cursor: move;
  color: #ddd;
  font-size: 24px;
}

.todo-list>li p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 10px 0;
  margin-left: 4.5em;
}

.todo-list>li.completed p,
.todo-list>li.completed .date {
  text-decoration: line-through;
  color: #a2a2a2;
}

.todo-list .fancy-checkbox input[type="checkbox"]+span {
  margin-right: 0;
}

.todo-list .short-description {
  display: block;
  margin-top: 5px;
  font-size: 0.9em;
}

.todo-list .date {
  font-size: 0.85em;
}

.todo-list .label {
  position: absolute;
  right: 0;
  padding: 6px 10px;
  font-weight: normal;
}

/* activity tab */
ul.activity-list>li {
  padding-bottom: 15px;
}

ul.activity-list>li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

ul.activity-list>li:not(:first-child) {
  padding-top: 15px;
}

ul.activity-list>li .activity-icon {
  /* float: right; */
  display: inline-block;
  vertical-align: middle;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  width: 34px;
  height: 34px;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  margin-right: 10px;
  background-color: #e4e4e4;
  color: #656565;
}

ul.activity-list>li .activity-icon.icon-success {
  color: #4BA84B;
}

ul.activity-list>li .activity-icon.icon-warning {
  color: #E7A13D;
}

ul.activity-list>li .activity-icon.icon-danger {
  color: #DB3833;
}

ul.activity-list>li .activity-icon.icon-info {
  color: #46B0CF;
}

ul.activity-list>li .activity-icon.icon-primary {
  color: #296EAA;
}

ul.activity-list>li .activity-icon.bg-success {
  background-color: #4BA84B;
  color: #ffffff;
}

ul.activity-list>li .activity-icon.bg-warning {
  background-color: #E7A13D;
  color: #ffffff;
}

ul.activity-list>li .activity-icon.bg-danger {
  background-color: #DB3833;
  color: #ffffff;
}

ul.activity-list>li .activity-icon.bg-info {
  background-color: #46B0CF;
  color: #ffffff;
}

ul.activity-list>li .activity-icon.bg-primary {
  background-color: #296EAA;
  color: #ffffff;
}

ul.activity-list>li>p {
  margin-bottom: 0;
  padding-left: 40px;
}

ul.activity-list>li div.icon-group-right>p,
ul.activity-list>li.icon-right>p {
  padding-right: 50px;
  padding-left: 4px;
  display: inline-block;
}

ul.activity-list>li.icon-right>i {
  float: right;
}

ul.activity-list>li div.icon-group-right>div {
  float: right;
  padding: 0;
  margin: 0;
}

ul.activity-list>li div.icon-group-right div>i {
  margin-right: 5px;
}

ul.activity-list>li .timestamp {
  display: block;
  font-size: 0.85em;
  color: #b1b1b1;
}

.activity .more i {
  margin-left: 3px;
  position: relative;
  top: 1px;
}

/* contextual summary info */
.contextual-summary-info {
  padding: 15px 0;
  border-bottom: 5px solid #ddd;
}

.contextual-summary-info i {
  position: relative;
  top: 3px;
  font-size: 48px;
  line-height: 1;
}

.contextual-summary-info p {
  margin-bottom: 0;
  text-align: right;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.3;
}

.contextual-summary-info p span {
  font-size: 0.5em;
  display: block;
}

.contextual-summary-info.contextual-background {
  padding: 15px;
  border-bottom: none;
}

.contextual-summary-info.contextual-background i,
.contextual-summary-info.contextual-background p {
  color: #fff;
}

/* context menu dropdown */
.dropdown-menu.context-menu>li>a {
  padding: 5px 15px;
  /* following jstree styles */
}

.dropdown-menu.context-menu>li>a:hover,
.dropdown-menu.context-menu>li>a:focus {
  -moz-box-shadow: 0 0 2px #0A6AA1;
  -webkit-box-shadow: 0 0 2px #0A6AA1;
  box-shadow: 0 0 2px #0A6AA1;
  background-color: #E8EFF7;
}

.dropdown-menu.context-menu>li>a i {
  margin-right: 5px;
}

/*------------------------------------------------*/
/*	Tables
/*------------------------------------------------*/
/* table */
.table>thead>tr>th {
  font-size: 0.9em;
  background-color: #f2f2f2;
}

.table a:hover {
  text-decoration: none;
}

/* sulle tabelle altrimenti avrei il nome della colonna attaccato al bordo arrontondato */
.table-condensed>thead>tr>th:first-child {
  padding-left: 15px !important;
}

.table-dark-header>thead>tr>th {
  background-color: #909090;
  color: #e3e3e3;
}

/* bootstrap table styles */
.table-sorting thead th {
  cursor: pointer;
}

.table-sorting thead th:after {
  display: inline-block;
  vertical-align: middle;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '';
  float: right;
}

@media screen and (max-width: 480px) {
  .table-sorting thead th:after {
    position: absolute;
    top: 0;
  }
}

.table-sorting .sorting_asc:after,
.table-sorting .sorting_asc_disabled:after {
  content: '\f0de';
}

.table-sorting .sorting_desc:after,
.table-sorting .sorting_desc_disabled:after {
  content: '\f0dd';
}

.table-sorting .sorting:after {
  content: '\f0dc';
}

.table-sorting .sorting_asc_disabled,
.table-sorting .sorting_desc_disabled {
  color: #bbbbbb;
}

@media screen and (max-width: 480px) {
  .table-sorting {
    position: relative;
  }
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #F5F5F5;
}

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

/*------------------------------------------------*/
/*	Forms
/*------------------------------------------------*/
/* form */
/* fieldset {
  margin-bottom: 40px;
} */

legend {
  color: #555;
  font-size: 1.5em;
  border-bottom: 1px solid #e5e5e5
}

.form-horizontal .control-label {
 /* text-align: left; */
  text-align: left;
}

.form-horizontal ul.multiselect-container .radio,
.form-horizontal ul.multiselect-container .checkbox {
  min-height: initial;
  padding-top: 3px;
}

div[class*="col-"]>.form-group {
  margin-left: 0;
  margin-right: 0;
}

.form-control,
.input-group .form-control {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-text,
.input-group-lg>.input-group-btn>.btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-text,
.input-group-sm>.input-group-btn>.btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* form control feedback */
.has-feedback label~.form-control-feedback {
  top: 35px;
}

.has-feedback label.sr-only~.form-control-feedback {
  top: 12px;
}

.form-horizontal .has-feedback .form-control-feedback {
  top: 10px;
}

@media (min-width: 768px) {
  .form-inline .has-feedback .form-control-feedback {
    top: 10px;
  }
}

/* erorr list */
.parsley-errors-list {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.parsley-errors-list li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

.parsley-errors-list li {
  color: #DB3833;
  font-size: 0.9em;
  margin-top: 3px;
}

/*------------------------------------------------*/
/*  Components
/*------------------------------------------------*/
/* wizard */
.wizard {
  position: relative;
  overflow: hidden;
  background-color: #f9f9f9;
}

.wizard:before,
.wizard:after {
  display: table;
  line-height: 0;
  content: "";
}

.wizard:after {
  clear: both;
}

.wizard ul {
  width: 4000px;
  padding: 0;
  margin: 0;
  list-style: none outside none;
}

.wizard ul.previous-disabled li.complete {
  cursor: default;
}

.wizard ul.previous-disabled li.complete:hover {
  color: #468847;
  cursor: default;
  background: #f3f4f5;
}

.wizard ul.previous-disabled li.complete:hover .chevron:before {
  border-left-color: #f3f4f5;
}

.wizard ul li {
  position: relative;
  float: left;
  height: 46px;
  padding: 0 20px 0 30px;
  margin: 0;
  font-size: 16px;
  line-height: 46px;
  color: #a5a5a5;
  cursor: default;
  background: #f2f2f2;
}

.wizard ul li:first-child {
  padding-left: 20px;
}

.wizard ul li .chevron {
  position: absolute;
  top: -24px;
  right: -14px;
  z-index: 1;
  display: block;
  border: 48px solid transparent;
  border-right: 0;
  border-left: 24px solid #fff;
}

.wizard ul li .chevron:before {
  position: absolute;
  top: -48px;
  right: 5px;
  display: block;
  border: 48px solid transparent;
  border-right: 0;
  border-left: 24px solid #f2f2f2;
  content: "";
}

.wizard ul li.complete {
  color: #fff;
  background: #4BA84B;
}

.wizard ul li.complete:hover {
  cursor: pointer;
  background: #49a449;
}

.wizard ul li.complete:hover .chevron:before {
  border-left: 24px solid #49a449;
}

.wizard ul li.complete .chevron:before {
  border-left: 24px solid #4BA84B;
}

.wizard ul li.active {
  color: #fff;
  background: #296EAA;
}

.wizard ul li.active .chevron:before {
  border-left: 24px solid #296EAA;
}

.wizard ul li .badge {
  position: relative;
  top: -2px;
  margin-right: 8px;
  padding: 4px 7px;
}

.wizard ul li .badge.badge-info {
  background-color: #1f5381;
}

.wizard ul li .badge.badge-success {
  background-color: #3b853b;
}

.step-content {
  margin: 30px 0;
  padding-left: 20px;
}

.step-content .step-pane {
  display: none;
}

.step-content .active {
  display: block;
}

.step-content .active .btn-group .active {
  display: inline-block;
}

/* maps by mapael */
.mapTooltip {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  position: fixed;
  padding: 10px;
  z-index: 1000;
  max-width: 200px;
  display: none;
  background-color: #f3f3f3;
  border: 1px solid #fff;
  color: #555;
}

.mapTooltip span {
  font-weight: 700;
}

.data-us-map .plotLegend {
  margin-top: 50px;
}

.zoom-map {
  position: relative;
}

.zoom-map .btn-group {
  margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
  .zoom-map .btn-group .btn {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 3px;
  }
}

.map .zoomIn,
.map .zoomOut {
  position: absolute;
  left: 10px;
  background: #fff;
  width: 20px;
  cursor: pointer;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 20px;
}

.map .zoomIn:hover,
.map .zoomOut:hover {
  background: #f7f7f7;
}

.map .zoomIn {
  top: 60px;
}

.map .zoomOut {
  top: 85px;
}

@media screen and (max-width: 480px) {
  .zoom-map .zoomIn {
    top: 100px;
  }

  .zoom-map .zoomOut {
    top: 124px;
  }
}

.map-custom-width {
  width: 75%;
}

.map-custom-width .map {
  position: relative;
  left: 20%;
}

/* calendar */
.fc-header-title h2 {
  font-family: "latobold";
  font-size: 1.5em;
}

.fc .fc-header-space {
  padding-left: 0;
}

.fc-header .fc-button {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-right: 3px;
  background-image: none;
  background-color: transparent;
  border: none;
  text-shadow: none;
  box-shadow: none;
  color: #555;
}

.fc-header .fc-header-left .fc-button {
  border-bottom: 1px solid #E1E1E1;
}

.fc-header .fc-header-left .fc-button:hover,
.fc-header .fc-header-left .fc-button:focus,
.fc-header .fc-header-left .fc-button:active,
.fc-header .fc-header-left .fc-button.active,
.fc-header .fc-header-left .fc-button.fc-state-active {
  background-color: #ECECEC;
}

.fc-button.fc-button-today {
  background-color: #296EAA;
  color: #fff;
  cursor: pointer;
}

.fc-button.fc-button-today:hover,
.fc-button.fc-button-today:focus,
.fc-button.fc-button-today:active,
.fc-button.fc-button-today.active {
  background-color: #1f5381;
}

.fc-content table thead tr {
  background-color: #F3F3F3;
}

.fc-ltr .fc-view .fc-event-hori {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.fc-event-container a:hover,
.fc-event-container a:focus {
  color: #C7DAE4;
}

.fc-event-inner {
  padding: 2px 5px;
}

.fc-view-month .fc-event .fc-event-inner:before {
  display: inline-block;
  vertical-align: middle;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f111';
  font-size: 7px;
  margin-right: 5px;
}

.fc-event-vert {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.fc-agenda-allday th {
  border-width: 0 0px;
}

#external-events .simplecolorpicker {
  display: table;
  width: 100%;
  border-collapse: separate;
  padding: 0;
  margin-bottom: 5px;
}

#external-events .simplecolorpicker span.color {
  display: table-cell;
  text-align: center;
}

.external-event {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 5px;
  border: 1px solid #3A87AD;
  background-color: #3A87AD;
  color: #fff;
  font-size: 0.9em;
  margin-right: 0;
  margin-bottom: 3px;
  cursor: move;
}

/* gallery */
@media screen and (min-width: 575px) and (max-width: 767px) {
  .king-gallery {
    width: 500px;
    margin: 0 auto;
  }
}

.king-gallery .list-group-item-heading {
  font-size: 1em;
}

.king-gallery .thumbnail {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 20px;
  padding: 0px;
  max-height: 225px;
}

.king-gallery .item .thumbnail {
  position: relative;
  overflow: hidden;
  border: none;
}

.king-gallery .item .thumbnail img {
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.king-gallery .item .thumbnail .caption {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -moz-transition-duration: 0.4s, 0.1s;
  -o-transition-duration: 0.4s, 0.1s;
  -webkit-transition-duration: 0.4s, 0.1s;
  transition-duration: 0.4s, 0.1s;
  -moz-transition-delay: initial, 0.3s;
  -o-transition-delay: initial, 0.3s;
  -webkit-transition-delay: initial, 0.3s;
  transition-delay: initial, 0.3s;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  padding: 9px;
  background-color: #fff;
  color: #555;
}

.king-gallery .item .thumbnail .caption li {
  font-size: 0.85em;
}

.king-gallery .item .thumbnail:hover img {
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}

.king-gallery .item .thumbnail:hover .caption {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -moz-transition-duration: 0.4s, 0.1s;
  -o-transition-duration: 0.4s, 0.1s;
  -webkit-transition-duration: 0.4s, 0.1s;
  transition-duration: 0.4s, 0.1s;
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

@media screen and (max-width: 480px) {
  .gallery-buttons .btn {
    width: 100%;
    margin-bottom: 15px;
  }
}

/* tree view */
.king-tree.jstree-default .jstree-checkbox {
  background-image: none;
  font-style: normal;
}

.king-tree.jstree-default .jstree-checkbox:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  content: '\f096';
}

.king-tree.jstree-default .jstree-checkbox.jstree-undetermined:before {
  content: '\f0c8';
  color: #ccc;
}

.king-tree.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:before,
.king-tree.jstree-default .jstree-checked>.jstree-checkbox:before {
  content: '\f14a';
  color: #3E9C1A !important;
}

/*------------------------------------------------*/
/*	Page: Profile
/*------------------------------------------------*/
.profile h3,
.activity h3,
.settings h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  margin-top: 0;
  margin-bottom: 20px;
}

.profile h3 i,
.activity h3 i,
.settings h3 i {
  margin-right: 5px;
}

.tab-content.profile-page {
  padding: 35px 15px;
}

/* profile tab */
.profile .user-info-left,
.profile .user-info-right {
  padding: 10px 0;
}

.profile .user-info-left {
  text-align: center;
}

/* .profile .user-info-left img {
  border: 3px solid #fff;
} */
.profile .user-info-left h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  margin-bottom: 20px;
}

.profile .user-info-left h2 i {
  font-size: 0.6em;
  position: relative;
  top: -8px;
}

.profile .user-info-left ul.social {
  margin: 20px 0;
}

.profile .user-info-left ul.social a {
  font-size: 20px;
  color: #b9b9b9;
}

.profile .user-info-left ul.social a:hover {
  color: #868686;
}

.profile .user-info-right {
  border-left: 1px solid #ddd;
  padding-left: 30px;
}

.profile .user-info-right>div {
  margin-bottom: 60px;
}

@media screen and (max-width: 992px) {
  .profile .user-info-right {
    border-left: none;
    padding-left: 0;
  }
}

/*------------------------------------------------*/
/*	Page: Invoice
/*------------------------------------------------*/
.invoice-header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
}

.invoice-header ul {
  text-align: right;
}

.invoice-header ul li {
  padding: 0 15px;
}

.invoice-header ul li:not(:first-child) {
  border-left: 1px solid #ddd;
}

@media screen and (max-width: 768px) {
  .invoice-header ul li:not(:first-child) {
    border-left: none;
  }
}

@media screen and (max-width: 992px) {
  .invoice-header ul {
    margin-top: 10px;
    text-align: left;
  }
}

.invoice-from-to {
  margin-bottom: 50px;
}

.invoice-from-to .name {
  margin-top: 15px;
  font-size: 1.5em;
  font-weight: 700;
}

.invoice-from-to address .contact {
  margin-top: 10px;
}

.invoice-from-to address .contact p {
  margin-bottom: 0;
}

.invoice-from-to address .contact p span {
  font-weight: 700;
}

.invoice-table tbody tr td:last-child {
  text-align: right;
}

.invoice-notes strong {
  display: block;
}

.invoice-notes p {
  font-size: 0.75em;
}

.invoice-footer .right-col {
  position: absolute;
  right: 15px;
}

@media screen and (max-width: 768px) {
  .invoice-footer .right-col {
    position: relative;
    right: 0;
  }
}

@media screen and (max-width: 768px) {

  .invoice-footer .right-col,
  .invoice-footer .left-col {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}

.invoice-total {
  padding-right: 24px;
}

.invoice-total .row>div {
  padding: 0;
}

.invoice-total .row>div:first-child p {
  padding-left: 10px;
}

.invoice-total p:last-child {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-weight: 700;
  font-size: 1.3em;
  padding-top: 10px;
  padding-bottom: 10px;
}

.invoice-buttons {
  text-align: right;
  margin-top: 50px;
}

/* printed invoice styles */
@media print {

  .top-general-alert,
  .top-bar,
  .left-sidebar,
  .breadcrumb,
  .quick-access,
  .main-header,
  .footer,
  .invoice-buttons,
  .del-style-switcher {
    display: none !important;
  }

  .table-responsive {
    overflow-x: auto;
  }

  .col-print-1,
  .col-print-2,
  .col-print-3,
  .col-print-4,
  .col-print-5,
  .col-print-6,
  .col-print-7,
  .col-print-8,
  .col-print-9,
  .col-print-10,
  .col-print-11 {
    float: left;
  }

  .col-print-1 {
    width: 8.33333%;
  }

  .col-print-2 {
    width: 16.66667%;
  }

  .col-print-3 {
    width: 25%;
  }

  .col-print-4 {
    width: 33.33333%;
  }

  .col-print-5 {
    width: 41.66667%;
  }

  .col-print-6 {
    width: 50%;
  }

  .col-print-7 {
    width: 58.33333%;
  }

  .col-print-8 {
    width: 66.66667%;
  }

  .col-print-9 {
    width: 75%;
  }

  .col-print-10 {
    width: 83.33333%;
  }

  .col-print-11 {
    width: 91.66667%;
  }

  .col-print-12 {
    width: 100%;
  }

  .col-print-offset-0 {
    margin-left: 0;
  }

  .col-print-offset-1 {
    margin-left: 8.33333%;
  }

  .col-print-offset-2 {
    margin-left: 16.66667%;
  }

  .col-print-offset-3 {
    margin-left: 25%;
  }

  .col-print-offset-4 {
    margin-left: 33.33333%;
  }

  .col-print-offset-5 {
    margin-left: 41.66667%;
  }

  .col-print-offset-6 {
    margin-left: 50%;
  }

  .col-print-offset-7 {
    margin-left: 58.33333%;
  }

  .col-print-offset-8 {
    margin-left: 66.66667%;
  }

  .col-print-offset-9 {
    margin-left: 75%;
  }

  .col-print-offset-10 {
    margin-left: 83.33333%;
  }

  .col-print-offset-11 {
    margin-left: 91.66667%;
  }

  .bottom .container .content-wrapper {
    border-left: none !important;
  }

  .invoice-header img {
    width: auto;
  }

  .invoice-header ul li {
    font-size: 8pt;
  }

  .invoice-from-to .name {
    font-size: 12pt;
  }

  .invoice-from-to .row>div {
    float: left;
  }

  .invoice-notes {
    border-top: none;
    border-right: none;
    border-bottom: none;
  }
}

/*------------------------------------------------*/
/*	Page: 404
/*------------------------------------------------*/
.page-error h1 {
  margin-top: 0;
}

.page-error .title {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.page-error .number {
  display: inline-block;
  vertical-align: middle;
  float: left;
  text-align: right;
  font-size: 4em;
  margin-right: 5px;
}

.page-error .text {
  display: inline-block;
  vertical-align: middle;
  float: left;
  text-align: left;
  font-size: 1.5em;
  line-height: 1.2;
  position: relative;
  top: 12px;
}

@media screen and (max-width: 768px) {
  .page-error .text {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {

  .page-error .number,
  .page-error .text {
    display: block;
    width: 100%;
    float: none;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {

  .page-error .number,
  .page-error .text {
    font-size: 1.4em;
  }
}

.page-error .searchbox {
  margin-top: 50px;
  margin-bottom: 50px;
  width: 40%;
}

@media screen and (max-width: 480px) {
  .page-error .searchbox {
    width: 100%;
  }

  .page-error .searchbox input[type="search"],
  .page-error .searchbox .input-group,
  .page-error .searchbox .input-group-btn,
  .page-error .searchbox .btn {
    display: block;
    width: 100%;
    float: none;
  }
}

@media screen and (max-width: 768px) {
  .page-error .searchbox {
    width: 80%;
  }
}

/*------------------------------------------------*/
/*	Page: Authentication (login, register)
/*------------------------------------------------*/
.btn-auth-facebook {
  background-color: #3B5998;
  color: #fff;
  position: relative;
  width: 100%;
  height: 40px;
  padding-left: 40px;
}

.btn-auth-facebook:hover,
.btn-auth-facebook:focus {
  color: #fff;
  background-color: #37538d;
}

.btn-auth-facebook:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
  content: "\f09a";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 7px 0;
  width: 40px;
  height: 40px;
  background-color: #2d4373;
}

@media screen and (min-width: 768px) {
  .btn-auth-facebook {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .btn-auth-facebook {
    width: 30%;
  }
}

.page-auth .logo {
  margin-bottom: 40px;
}

.page-auth .separator {
  margin: 30px auto;
  position: relative;
  width: 100%;
}

.page-auth .separator:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  vertical-align: middle;
  height: 0;
  border-top: 1px solid #ddd;
  position: absolute;
  top: 9px;
  left: 10px;
  right: 10px;
}

.page-auth .separator span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #f1f1f1;
  padding: 0 8px;
}

@media screen and (min-width: 768px) {
  .page-auth .separator {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .page-auth .separator {
    width: 31%;
  }
}

#login-form{
    max-width: 460px;
}

.round-border30,.round-border30+span{
     border-radius: 30px 0 0 30px;
}

#recovery input[type="email"] {
  border-radius: 30px 0 0 30px;
}


#recovery input[type="email"]+span {
  border-radius: 0 30px 30px 0;
}

.page-auth .center-block {
  width: 100%;
  border: 1px solid #ddd;
  padding: 25px;
  text-align: left;
  border-radius: 20px;
  background-color: rgba(234, 234, 234, 0.95);
}

.page-auth .center-block .title {
  font-size: 1.2em;
  line-height: 1;
  margin-bottom: 15px;
}

.page-auth .center-block form>input {
  margin-bottom: 15px;
}

.page-auth .center-block form>input:focus {
  border-color: #ccc;
}

.page-auth .center-block .btn-auth {
  margin-top: 20px;
}

.page-auth .center-block .links {
  margin-top: 30px;
  text-align: center;
}

.page-auth .center-block .links p {
  margin-bottom: 0;
  font-size: 0.9em;
}

.page-auth .center-block .links p a:hover {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .page-auth .center-block {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .page-auth .center-block {
    width: 30%;
  }
}

/*------------------------------------------------*/
/*	Page: Search Results
/*------------------------------------------------*/
.search-results h3 {
  margin-top: 0;
  margin-bottom: 30px;
}

.search-results ul.list-results li {
  margin: 30px 0;
}

.search-results ul.list-results li h3 {
  margin: 0;
  font-size: 1.5em;
  font-weight: 400;
}

.search-results ul.list-results li h3 a:hover,
.search-results ul.list-results li h3 a:focus {
  text-decoration: underline;
}

.search-results ul.list-results li .result-url {
  color: #008000;
}

.search-results ul.list-results li p {
  margin-bottom: 0;
}

.search-results ul.list-results li img {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.search-results ul.list-results li.type-document i {
  font-size: 6em;
  line-height: 1;
}

.search-results ul.list-results li.type-image img {
  width: 140px;
}

@media screen and (max-width: 480px) {
  .search-results ul.list-results li.type-image img {
    width: 110px;
  }
}

.search-results ul.list-results li.type-user img {
  width: 64px;
}

.search-history-heading {
  margin-bottom: 30px;
}

.search-history-heading h3 {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .search-history-heading .input-group {
    margin-top: 25px;
  }
}

ul.list-search-history {
  margin-left: 15px;
  margin-bottom: 30px;
}

ul.list-search-history>li p {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  ul.list-search-history>li p {
    width: 85%;
  }
}

ul.list-search-history>li>.time {
  margin-right: 10px;
}

ul.list-search-history>li a:hover,
ul.list-search-history>li a:focus {
  text-decoration: underline;
}

/*------------------------------------------------*/
/*	Page: Projects
/*------------------------------------------------*/
.project-list .progress {
  margin-bottom: 0;
}

.project-list .progress-bar {
  font-size: 10px;
}

.project-list>tbody>tr>td {
  padding: 12px 8px;
}

.project-list>tbody>tr>td .avatar {
  width: 22px;
  border: 1px solid #CCC;
}

/*------------------------------------------------*/
/*	Page: Project Details
/*------------------------------------------------*/
.project-section {
  margin-bottom: 30px;
}

.project-section h3 {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
}

.project-section .general-info .btn {
  position: relative;
  bottom: 3px;
}

.project-section dl {
  margin-top: 20px;
  margin-bottom: 0;
}

.project-section dl dd {
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .project-section dl.dl-horizontal dt {
    width: 95px;
    margin-bottom: 10px;
  }

  .project-section dl.dl-horizontal dd {
    margin-left: 105px;
    margin-bottom: 0;
  }
}

.project-section ul.team-list {
  margin-top: 10px;
}

.project-section ul.team-list>li {
  min-width: 105px;
  margin-bottom: 15px;
  padding: 0 10px;
  text-align: center;
}

.project-section ul.team-list>li img {
  width: 40px;
  margin-bottom: 8px;
}

.project-section ul.team-list>li p {
  margin-bottom: 0;
  line-height: 1;
}

.project-section ul.team-list>li a,
.project-section ul.team-list>li a:hover,
.project-section ul.team-list>li a:focus {
  text-decoration: none;
}

.project-section ul.team-list>li span {
  font-size: 10px;
}

.project-section ul.team-list>li.team-add>i {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  margin-bottom: 22px;
  width: 40px;
  height: 40px;
  font-size: 28px;
  background-color: #ccc;
  color: inherit;
}

.project-section ul.team-list>li.team-add a {
  position: relative;
  top: -15px;
}

ul.project-activity-list>li {
  border-top: 1px dashed #CCC;
}

ul.project-activity-list>li:first-child {
  border-top: none;
}

ul.project-activity-list>li .activity-item .avatar,
ul.project-activity-list>li .activity-item>i {
  width: 24px;
}

ul.project-activity-list>li .activity-item>i {
  font-size: 24px;
}

.project-progress {
  margin-top: 20px;
}

.project-progress .easy-pie-chart {
  width: 100px;
}

.project-progress .easy-pie-chart .percent {
  line-height: 100px;
}

.project-progress .percent,
.project-progress .chart-title {
  color: inherit;
}

/* recent files */
ul.recent-file-list {
  margin-bottom: 15px;
}

ul.recent-file-list>li {
  margin-bottom: 5px;
}

/* project activity */
.project-section .activity-list>li {
  position: relative;
}

.project-section.activity .avatar {
  width: 32px;
}

.project-section.activity .activity-attachment {
  padding-top: 20px;
}

.project-section.activity .well {
  margin-left: 60px;
  border: none;
}

.project-section.activity .activity-actions {
  position: absolute;
  top: 15px;
  right: 0;
}

.project-section.activity .activity-actions .btn {
  padding: 0 5px;
  background: #E7E7E7;
  color: #a7a7a7;
}

.project-section.activity .activity-actions .btn:hover,
.project-section.activity .activity-actions .btn:focus {
  background: #dfdfdf;
  color: #8e8e8e;
}

.project-section.activity .activity-actions .btn i {
  margin: 0;
}

.project-section.activity .activity-actions .dropdown-menu>li>a {
  font-size: 0.9em;
  padding: 3px 10px;
}

/*------------------------------------------------*/
/*	Page: FAQ
/*------------------------------------------------*/
.panel-group-faq {
  margin-bottom: 60px;
}

.panel-group-faq .panel {
  background-color: transparent;
}

.panel-group-faq .panel .panel-title {
  font-size: 16px;
  line-height: 30px;
}

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

.panel-group-faq .panel .panel-title a:hover,
.panel-group-faq .panel .panel-title a:focus {
  color: #3b3b3b;
  text-decoration: none;
}

.panel-group-faq .panel .panel-body {
  padding-left: 14px;
}

.panel-group-faq.top-faq .panel-heading {
  position: relative;
}

.panel-group-faq.top-faq .panel-heading .number {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  background-color: #296EAA;
}

.panel-group-faq.top-faq .panel-title {
  font-size: 18px;
  padding-left: 25px;
}

.panel-group-faq.top-faq .panel-body {
  padding-left: 40px;
}

.panel-group-faq .panel-minimal .panel-heading+.panel-collapse>.panel-body {
  margin-top: 0;
}

.faq-footer {
  position: relative;
  margin-top: 15px;
  padding: 5px 8px;
  background-color: #e7e7e7;
  font-size: 11px;
}

.faq-footer .share {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 8px;
}

@media screen and (max-width: 450px) {
  .faq-footer {
    font-size: 13px;
  }

  .faq-footer .share {
    position: relative;
    right: 0;
  }
}

.faq-further-links-list {
  margin: 30px 0;
}

.faq-further-links-list>li {
  width: 20em;
}

/*------------------------------------------------*/
/*	Page: File Manager
/*------------------------------------------------*/
.jstree-open>.jstree-anchor>.fa-folder:before {
  content: "\f07c";
}

/* jstree context menu, following bootstrap dropdown menu */
.vakata-context,
.vakata-context ul {
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.vakata-context li>a {
  padding-left: 10px;
  color: #555;
}

.vakata-context li>a .vakata-contextmenu-sep {
  display: none;
}

.vakata-context .vakata-context-separator>a,
.vakata-context .vakata-context-separator a:hover {
  margin: 0;
}

/* file table */
.file-manager .tree-wrapper {
  min-height: 500px;
  margin-top: 8px;
  padding-left: 0;
  padding-right: 0;
  border: none;
  border-right: 1px solid #ccc;
  background-color: #f1f1f1;
}

.file-manager table tr {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.file-manager table tr.DTTT_selected.even,
.file-manager table tr.DTTT_selected.even td.sorting_1,
.file-manager table tr.DTTT_selected.odd,
.file-manager table tr.DTTT_selected.odd td.sorting_1 {
  background-color: #e2e2e2;
}

.file-manager table tr.DTTT_selected.even:hover,
.file-manager table tr.DTTT_selected.even:focus,
.file-manager table tr.DTTT_selected.even td.sorting_1:hover,
.file-manager table tr.DTTT_selected.even td.sorting_1:focus,
.file-manager table tr.DTTT_selected.odd:hover,
.file-manager table tr.DTTT_selected.odd:focus,
.file-manager table tr.DTTT_selected.odd td.sorting_1:hover,
.file-manager table tr.DTTT_selected.odd td.sorting_1:focus {
  background-color: #e2e2e2;
}

.file-manager table tr td:first-child {
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .file-manager .tree-wrapper {
    min-height: 0;
  }
}

.file-main-menu>li {
  margin: 0 10px 15px 10px;
}

.file-main-menu>li>a.inactive {
  color: #ccc;
}

.file-main-menu>li>a>.fa-stack,
.file-main-menu>li>a>i {
  display: block;
  margin: 0 auto 5px auto;
}

.file-main-menu>li>a>i {
  font-size: 34px;
  text-align: center;
}

.file-main-menu a {
  color: #555;
}

.file-main-menu a:hover,
.file-main-menu a:focus {
  color: #337AB7;
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .file-main-menu>li {
    margin: 0 0 15px 0;
  }
}

.file-secondary-menu {
  padding: 10px 0;
}

.file-secondary-menu>li {
  padding-right: 15px;
}

.file-secondary-menu a {
  color: #555;
}

.file-secondary-menu a:hover,
.file-secondary-menu a:focus {
  color: #337AB7;
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .file-secondary-menu>li {
    padding-right: 50px;
    margin-bottom: 10px;
  }
}

/*------------------------------------------------*/
/*	Footer
/*------------------------------------------------*/
.footer {
  color: #555;
  padding: 10px;
  background-color: transparent;
  font-size: 0.9em;
  text-align: center;
}

.footer-fixed .footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 3;
}
.top-bar-right .notifications.dropdown a.dropdown{
    color: white;
}
.thermostat{
  background-color: #f8f9fa;
  /* min-height: 510px; */

}
.modal-body .thermostat{
  background-color: unset;

}
.thermostat-container{
    min-width: 300px;

}
.thermostat .widget-header{
  background-color: #343a40;
  color: white;
}
/* .thermostat .widget-content{
  height: 417px;
}
pulsanti con triangoli
.btn-triangle-left::before {
  content: "\25C0"; /* triangolo verso sinistra
  font-size: 1.2em;
}
.btn-triangle-right::before {
  content: "\25B6"; /*triangolo verso destra
  font-size: 1.2em;
} */

.btn-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
  font-weight: bold;
  border: none;
  cursor: pointer;
}

.btn-decrease {
  background-color: #6c757d;
  color: white;
}

.btn-increase {
  background-color: #007bff;
  color: white;
}

.btn-decrease:hover {
  background-color: #5a6268;
}

.btn-increase:hover {
  background-color: #0056b3;
}
[data-section="humidity"] {
  align-items: normal;
}
/* display temperatura  */
[data-section="temperature"] canvas {
  width: 8rem;
  height: 4rem;
}
/*display setpont  */
[name="sensor-value"] canvas {
  width: 4rem;
  height: 2rem;
}
[name="part_2"] {
  padding-top: 5px;
}
[name="bottom-section"] thead tr th{
  padding-bottom: 10px;
}

.accordion-button:not(.collapsed) {
  background-color: unset;
}

#maintenance table tr:hover{
  cursor: pointer;
}


/*------------------------------------------------*/
/*	Dark Theme
/*------------------------------------------------*/


body.dark-mode .top-bar .notifications .dropdown-menu  .timestamp{
  color: #c2c2c2;
}

body.dark-mode .top-bar .notifications .dropdown-menu .ibox-item.alert-danger{
 background-color: #872420;
}


body.dark-mode {
  background-color: #2e2f32;
  color: #c2c2c2;
}

body.dark-mode a {
  color: #ebe2e79e
}

body.dark-mode .list-sortable p {
  color:#858181;
}

body.dark-mode a:hover,
body.dark-mode a:focus {
  color: #a3a3a3;
  text-decoration: none;
}

body.dark-mode .top-bar {
  background-color: rgba(0, 0, 0, 0.3);
}
body.dark-mode .right-bar {
    background-color: #545454;
}

body.dark-mode .top-bar .top-bar-right .btn-link {
  color: #c2c2c2;
}

body.dark-mode .top-bar-right .notifications.dropdown a.dropdown
{
    color: #c2c2c2
}

body.dark-mode .top-bar .notifications .notification-item .btn-group>a {
  color: #c2c2c2;
}

body.dark-mode .top-bar .dropdown-menu>li>a:hover {
  background-color: rgba(22, 30, 33, 0.95);
}

body.dark-mode .top-bar .notifications .inbox .name {
  color: #c2c2c2;
}

body.dark-mode .top-bar .notifications .dropdown-menu .text {
  color: #c2c2c2;
}

body.dark-mode top-bar .notifications .inbox .inbox-item.unread {
  background-color: #27353A;
}

body.dark-mode .top-bar .notifications>ul>li li {
  border-top-color: #3F4D52;
}

body.dark-mode .top-bar .notifications .dropdown-menu .notification-footer a {
  color: #63A6C7;
}

body.dark-mode .top-bar .logged-user .dropdown-menu>li {
  border-top-color: #3F4D52;
}
body.dark-mode .dropdown-menu li,body.dark-mode .top-bar .logged-user .dropdown-menu>li>a{
    color: #c2c2c2;
}
/*body.dark-mode .top-bar .logged-user .dropdown-menu>li>a {
  color: #c2c2c2;
}*/

body.dark-mode .top-bar .logged-user .btn img {
  border-color: transparent;
}

body.dark-mode .notification-item .dropdown-menu,
body.dark-mode .logged-user .dropdown-menu {
  background-color: rgba(22, 30, 33, 0.95);
}

body.dark-mode .left-sidebar {
  background-color: #191c20;
}

body.dark-mode .content-wrapper {
  background-color: transparent;
  border-left: none;
}

body.dark-mode ul.main-menu>li a {
  background-color: transparent;
  border-top: 1px solid #121417;
  color: #c2c2c2;
}

body.dark-mode ul.main-menu>li.active>a {
  color: #fff;
  background-color: #0e0f12;
}
/*
body.dark-mode ul.main-menu>li a:hover {
  color: #efefef;
  background-color: #aaa;
} */

body.dark-mode ul.main-menu .sub-menu a.sub-active {
  color: #fff;
}

/* body.dark-mode  ul.main-menu .sub-menu li.active > a {
  text-decoration: underline; } */
body.dark-mode .left-sidebar.minified .main-menu>li:hover>a>.text {
  border: none;
  background-color: #3C4D52;
  color: #8EA2AC;
}

body.dark-mode .left-sidebar.minified .main-menu>li:hover>ul.sub-menu {
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.5);
}

body.dark-mode ul.sub-menu>li>a {
  background-color: #efefef;
  color: #5c5c5c;
}

body.dark-mode .left-sidebar.minified .main-menu>li:hover>ul.sub-menu>li>a {
  background-color: #52696f;
}

body.dark-mode .left-sidebar.minified .main-menu>li:hover>ul.sub-menu>li>a:hover {
  background-color: #587178;
}

body.dark-mode .right-sidebar .btn i,
body.dark-mode .right-sidebar .btn span.caret {
  color: #2A3038;
}

body.dark-mode .sidebar-minified i {
  color: #c2c2c2;
  border-color: #3F555D;
  background-color: #465F67;
}

body.dark-mode .sidebar-minified i:hover {
  background-color: #3c5158;
}

body.dark-mode .sidebar-minified:before {
  border-top-color: #3F555D;
}

body.dark-mode .main-header h2,
body.dark-mode .page-header h2 {
  color: #c2c2c2;
  border-right-color: #ffffff;
}

body.dark-mode .main-header em,
body.dark-mode .page-header em {
  color: #d2d2d2;
}

body.dark-mode .data-row .data-name {
  background-color: transparent;
  color: #5E7A84;
}

body.dark-mode .live-event-container {
  color: #555555;
}

body.dark-mode .breadcrumb a,
.breadcrumb .active {
  color: #c2c2c2;
}

body.dark-mode .widget {
  border: none;
  background-color: rgba(0, 0, 0, 0.15);
}

body.dark-mode .widget .widget-header {
  background-color: transparent;
  border-bottom: none;
}

body.dark-mode .widget .widget-header h3,
body.dark-mode .widget .widget-header .btn-toggle-collaps i {
  color: #c2c2c2;
}

body.dark-mode .widget .widget-header em {
  color: #5E7A84;
}

body.dark-mode .widget .widget-header .widget-header-toolbar {
  border-left: none;
}

body.dark-mode .widget .widget-footer {
  background-color: transparent;
  border-top: 1px solid #4B5E65;
}

body.dark-mode .sidebar-content .list-info-sidebar {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

body.dark-mode .footer {
  background-color: transparent;
  color: #8EA2AC;
}

body.dark-mode .dropdown-menu {
  background-color: rgba(22, 30, 33, 0.95);
}

body.dark-mode .dropdown-menu>li>a:focus,
body.dark-mode .dropdown-menu>li>a:hover {
  background-color: #121417;
}

body.dark-mode .dropdown-menu>.active>a {
  background-color: rgba(22, 30, 33, 0.95);
}

body.dark-mode .alert-primary {
  color: #ffffff;
  background-color: #0088cc;
  border-color: #0088cc;
}

body.dark-mode .alert-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

body.dark-mode .alert-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #47a447;
}

body.dark-mode .alert-danger {
  color: #ffffff;
  background-color: #d53f3a;
  border-color: #d53f3a;
}

body.dark-mode .alert-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #ed9c28;
}

/* form elements */
body.dark-mode legend {
  color: #c2c2c2;
}

body.dark-mode .form-control {
  color: #c2c2c2;
  background-color: #2A3038;
  border: var(--bs-border-width) solid #3b3b3b;
}

body.dark-mode .form-control[disabled],
body.dark-mode .form-control[readonly],
body.dark-mode fieldset[disabled] .form-control {
    background-color: rgb(73 73 73 / 50%);
    color: #d7d7d757;
}

body.dark-mode select.form-control {
  color: #c2c2c2;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline style='fill: white' points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
  background-size: 0.8em;
  background-position: right 5px top 12px;
  background-color: #2A3038;
}

body.dark-mode select[multiple].form-control {
  background-color: #2A3038;
}

body.dark-mode .input-group-text {
  background-color: #303F46;
  border-color: transparent;
  color: #c2c2c2;
}

body.dark-mode .onoffswitch .onoffswitch-label {
  border-color: transparent;
}

body.dark-mode .slider.slider-horizontal .slider-track,
body.dark-mode .slider.slider-vertical .slider-track {
  background-color: #2A3038;
}

body.dark-mode .slider-selection {
  background-color: #5E7A84;
}

body.dark-mode .ui-rangeSlider .ui-rangeSlider-innerBar {
  background-color: #2A3038;
}

body.dark-mode .select2-container.select2-dropdown-open .select2-choice {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #c2c2c2;
  border: none;
}

body.dark-mode .select2-search {
  background-color: #394A50;
}

body.dark-mode .select2-search input {
  border: none;
  color: #c2c2c2;
}

body.dark-mode .has-switch {
  border: none;
}

body.dark-mode .select2-drop-active {
  border: none;
}

body.dark-mode .datepicker,
.daterangepicker {
  color: #333;
}

body.dark-mode .report-range {
  background-color: #394A50;
  border-color: #242e32;
}

body.dark-mode input.ui-editRangeSlider-inputValue {
  background-color: #394A50;
  border: none;
}

body.dark-mode .fancy-checkbox input[type="checkbox"]:checked+span:before {
  background: rgba(21, 29, 31, 0.5);
  color: #c2c2c2;
  border-color: #191919;
}

body.dark-mode .fancy-radio input[type="radio"]:checked+span i:after {
  background: #c2c2c2;
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
body.dark-mode .has-success .help-block,
body.dark-mode .has-success .radio,
body.dark-mode .has-success .radio-inline,
body.dark-mode .has-success.checkbox label,
body.dark-mode .has-success.checkbox-inline label,
body.dark-mode .has-success.has-success.radio label,
body.dark-mode .has-success.radio-inline label {
  color: #6abc6a;
}

body.dark-mode .has-warning .checkbox,
body.dark-mode .has-warning .checkbox-inline,
body.dark-mode .has-warning .control-label,
body.dark-mode .has-warning .help-block,
body.dark-mode .has-warning .radio,
body.dark-mode .has-warning .radio-inline,
body.dark-mode .has-warning.checkbox label,
body.dark-mode .has-warning.checkbox-inline label,
body.dark-mode .has-warning.has-success.radio label,
body.dark-mode .has-warning.radio-inline label {
  color: #edb76a;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
body.dark-mode .has-error .help-block,
body.dark-mode .has-error .radio,
body.dark-mode .has-error .radio-inline,
body.dark-mode .has-error.checkbox label,
body.dark-mode .has-error.checkbox-inline label,
body.dark-mode .has-error.has-success.radio label,
body.dark-mode .has-error.radio-inline label {
  color: #e3625e !important;
}

body.dark-mode .btn-link {
  color: #63A6C7;
}

body.dark-mode .btn-clean:hover {
  color: #c2c2c2;
}

body.dark-mode .help-block {
  color: #A5A5A5;
}

body.dark-mode .select2-container-multi .select2-choices {
  background-color: #2A3038;
  border: none;
}

body.dark-mode .note-editor {
  border: none;
}

body.dark-mode .note-editor .note-toolbar {
  background-color: transparent;
  border-bottom: none;
}

body.dark-mode .note-editor .note-editable {
  background-color: #2A3038;
}

body.dark-mode .md-editor {
  border: none;
}

body.dark-mode .md-editor>.md-header,
body.dark-mode .md-editor .md-editor .md-footer {
  background: transparent;
}

body.dark-mode .editableform-loading {
  background-image: image-url("loading-white.gif");
}

body.dark-mode .select2-search input.select2-active {
  background-image: image-url("select2-spinner-white.gif");
}

/* bootstrap elements */
body.dark-mode .panel {
  border: none;
  background-color: rgba(0, 0, 0, 0.15);
}

body.dark-mode .panel-default>.panel-heading {
  background-color: transparent;
  color: #c2c2c2;
  border-bottom: none;
}

body.dark-mode .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #688B96;
}
ì

body.dark-mode .panel-group .panel .panel-title>a {
  color: #c2c2c2;
}

body.dark-mode .label-default {
  background-color: transparent;
}

body.dark-mode .well {
  background-color: rgba(60, 77, 82, 0.5);
  border-color: transparent;
}

body.dark-mode .badge {
  background-color: #777;
}
body.dark-mode .badge.element-bg-color-green {
  background-color: #47a447;
}

body.dark-mode .popover {
    background-color: #2e2f32;
}
body.dark-mode .popover-header {
    background-color: #4f4f4f;
}

body.dark-mode .popover.left .arrow:after {
  border-left-color: #496169;
}

body.dark-mode .popover.top .arrow:after {
  border-top-color: #496169;
}

body.dark-mode .popover.right .arrow:after {
  border-right-color: #496169;
}

body.dark-mode .popover.bottom .arrow:after {
  border-bottom-color: #496169;
}

body.dark-mode .popover-title {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #34454b;
  border-bottom: none;
}

body.dark-mode .pagination>li>a,
body.dark-mode .pagination>li>span {
  background-color: #222E31;
  border-color: #111719;
  color: #c2c2c2;
}

body.dark-mode .pagination>li>a:focus,
body.dark-mode .pagination>li>a:hover,
body.dark-mode .pagination>li>span:focus,
body.dark-mode .pagination>li>span:hover {
  background-color: #2c3c40;
  border-color: #111719;
  color: #c2c2c2;
}

body.dark-mode .pagination>.active>a,
body.dark-mode .pagination>.active>a:focus,
body.dark-mode .pagination>.active>a:hover,
body.dark-mode .pagination>.active>span,
body.dark-mode .pagination>.active>span:focus,
body.dark-mode .pagination>.active>span:hover {
  background-color: #2c3c40;
  border-color: #111719;
}

body.dark-mode .pagination>.disabled>a,
body.dark-mode .pagination>.disabled>a:focus,
body.dark-mode .pagination>.disabled a:hover,
body.dark-mode .pagination>.disabled>span,
body.dark-mode .pagination>.disabled>span:focus,
body.dark-mode .pagination>.disabled>span:hover {
  background-color: #222E31;
  border-color: #111719;
  color: #41585e;
}

body.dark-mode .pagination.borderless>li>a:hover,
body.dark-mode .pagination.borderless>li>a:focus,
body.dark-mode .pagination.borderless>li>span:hover,
body.dark-mode .pagination.borderless>li>span:focus {
  background-color: #222E31;
  border-color: #111719;
}

body.dark-mode .pagination.borderless li.active>a,
body.dark-mode .pagination.borderless li.active>span {
  background-color: #222E31;
  border-color: #111719;
}

body.dark-mode .pagination.borderless li.active>a:hover,
body.dark-mode .pagination.borderless li.active>a:focus,
body.dark-mode .pagination.borderless li.active>span:hover,
body.dark-mode .pagination.borderless li.active>span:focus {
  background-color: #222E31;
  border-color: #111719;
}

body.dark-mode .modal-header {
  border-bottom-color: #5a5a5a;
}

body.dark-mode .modal-content {
  background-color: rgba(65, 67, 68, 0.98);
  color: #c2c2c2;
}

body.dark-mode .modal-footer {
  border-top-color: #5a5a5a;
}

body.dark-mode .nav-tabs {
  border-bottom-color: #192429;
}

body.dark-mode .nav-tabs>li.active>a
/* body.dark-mode .nav-tabs>li.active>a:focus,
body.dark-mode .nav-tabs>li.active>a:hover,
body.dark-mode .nav>li>a:focus,
body.dark-mode .nav>li>a:hover,
body.dark-mode .nav .open>a,
body.dark-mode .nav .open>a:focus,
body.dark-mode .nav .open>a:hover*/ {
  color: #fff!important;
  background-color: #191c20!important;
  border-color: #485154 #485154 #191c20!important;
}

body.dark-mode .nav-tabs>li>a,
body.dark-mode .nav-tabs>li>a:hover {
  background: #3b3b3b!important;
  border-color: #485154!important;
  color: #c2c2c2!important;
}

body.dark-mode .nav-tabs .nav-link.active {
    color: #c2c2c2!important;
    background-color: #191c20!important;
	border-color: #485154 #485154 #191c20!important;
}

body.dark-mode .nav-pills>li.active>a,
body.dark-mode .nav-pills>li.active>a:focus,
body.dark-mode .nav-pills>li.active>a:hover {
  background-color: #192429;
}

body.dark-mode .nav.nav-tabs-custom-colored>li.active>a {
  background-color: #192429;
}

body.dark-mode .nav.nav-tabs-custom-colored>li.active>a:hover,
body.dark-mode .nav.nav-tabs-custom-colored>li.active>a:focus {
  background-color: #192429;
}

body.dark-mode .nav-pills-custom-minimal {
  border-bottom-color: #192429;
}

body.dark-mode .nav-pills-custom-minimal>li>a {
  color: #c2c2c2;
}

body.dark-mode .nav-pills-custom-minimal>li>a:hover {
  background-color: transparent;
  color: #c2c2c2;
  border-top-color: #192429;
}

body.dark-mode .nav-pills-custom-minimal>li.active>a,
body.dark-mode .nav-pills-custom-minimal>li.active>a:hover,
body.dark-mode .nav-pills-custom-minimal>li.active>a:focus {
  background-color: transparent;
  color: #c2c2c2;
  border-top-color: #192429;
}

body.dark-mode .nav-pills-custom-minimal.custom-minimal-bottom>li.active>a,
body.dark-mode .nav-pills-custom-minimal.custom-minimal-bottom>li.active>a:hover,
body.dark-mode .nav-pills-custom-minimal.custom-minimal-bottom>li.active>a:focus {
    border-bottom-color: #428BCA !important;
}

body.dark-mode .custom-tabs-left {
  background-color: #192429;
}

body.dark-mode .custom-tabs-left>.nav-tabs .active a,
body.dark-mode .custom-tabs-left>.nav-tabs .active a:hover,
body.dark-mode .custom-tabs-left>.nav-tabs .active a:focus {
  border-right: none;
  border-radius: 0;
}

body.dark-mode .progress {
  background-color: #2A3038;
}

body.dark-mode .tab-content {
  border-color: #485154;
  background-color: #191c20;
}

body.dark-mode .table-striped {
  border-bottom: 1px solid #485154;
}

body.dark-mode .table-striped tbody tr td,
body.dark-mode .table-striped tbody tr th {
  background-color: #2e2f32;
  border-top-color: #485154;
  color: #c2c2c2;
}

body.dark-mode .table-striped tbody tr:nth-child(odd) td,
body.dark-mode .table-striped tbody tr:nth-child(odd) th,
body.dark-mode .cubetable  tbody tr td{
  background-color: #191c20;
  color: #c2c2c2;
}

body.dark-mode .table-striped tbody tr.active:nth-child(odd) td,
body.dark-mode .table-striped tbody tr.active:nth-child(odd) th {
  background-color: red;
}

body.dark-mode .table thead th {
  background-color: #0e0f1259;
    color: #fff;
}

body.dark-mode .table thead .row-filter, body.dark-mode tr.row-filter>th{
  background-color: #121417!important;
}


/* body.dark-mode .table thead .row-filter select {background-color:#fff;} */

body.dark-mode .table-hover>tbody>tr:hover>td,
body.dark-mode .table-hover>tbody>tr:hover>th {
  background-color: #2e2f32;
}
body.dark-mode .table-hover>tbody>tr:hover>td,
body.dark-mode .table-hover>tbody>tr:hover>th{
  color: gainsboro;
}

/* Button */
body.dark-mode .btn {
  color: #ffffff;
}

body.dark-mode .btn-default {
  color: #fff;
  background-color: #626262;
  border-color: #555555;
}

body.dark-mode .btn-default:hover,
.open .dropdown-toggle.btn-default,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #fff;
  background-color: #494949;
  border-color: #555555;
}

body.dark-mode .btn-default.disabled,
.btn-default[disabled],
.btn-default.disabled:hover,
.open .disabled.dropdown-toggle.btn-default,
.btn-default[disabled]:hover,
.open [disabled].dropdown-toggle.btn-default,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
.btn-default.disabled.active,
.btn-default[disabled].active {
  background-color: #7c7c7c;
  border-color: #555555;
}

body.dark-mode .btn-default .caret {
  border-top-color: #fff;
}

body.dark-mode .btn-primary {
  background-color: #0088cc;
  border-color: #0088cc;
}

body.dark-mode .btn-primary:hover,
body.dark-mode .btn-primary:focus,
body.dark-mode .btn-primary:active,
body.dark-mode .btn-primary.active,
body.dark-mode .btn-primary .open .dropdown-toggle.btn-primary {
  background-color: #006fa6;
  border-color: #006699;
}

body.dark-mode .btn-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

body.dark-mode .btn-info:hover,
body.dark-mode .btn-info:focus,
body.dark-mode .btn-info:active,
body.dark-mode .btn-info.active,
body.dark-mode .btn-info .open .dropdown-toggle.btn-info {
  background-color: #3bb4d8;
  border-color: #31b0d5;
}

body.dark-mode .btn-success {
  background-color: #47a447;
  border-color: #47a447;
}

body.dark-mode .btn-success:hover,
body.dark-mode .btn-success:focus,
body.dark-mode .btn-success:active,
body.dark-mode .btn-success.active,
body.dark-mode .btn-success .open .dropdown-toggle.btn-success {
  background-color: #3b893b;
  border-color: #388038;
}

body.dark-mode .btn-warning {
  background-color: #ed9c28;
  border-color: #ed9c28;
}

body.dark-mode .btn-warning:hover,
body.dark-mode .btn-warning:focus,
body.dark-mode .btn-warning:active,
body.dark-mode .btn-warning.active,
body.dark-mode.btn-warning .open .dropdown-toggle.btn-warning {
  background-color: #dc8912;
  border-color: #d18211;
}

body.dark-mode .btn-danger {
  background-color: #d53f3a;
  border-color: #d53f3a;
}

body.dark-mode .btn-danger:hover,
body.dark-mode .btn-danger:focus,
body.dark-mode .btn-danger:active,
body.dark-mode .btn-danger.active,
body.dark-mode .btn-danger .open .dropdown-toggle.btn-danger {
  background-color: #c02e29;
  border-color: #b52b27;
}

body.dark-mode .daterangebox .form-control{
    background-color: #3b3b3b;
}
/* typography */
body.dark-mode .text-muted {
  color: #c2c2c2;
}

body.dark-mode .text-primary {
  color: #0088cc;
}

body.dark-mode .text-success {
  color: #47a447;
}

body.dark-mode .text-info {
  color: #5bc0de;
}

body.dark-mode .text-warning {
  color: #ed9c28;
}

body.dark-mode .text-danger {
  color: #d53f3a;
}

body.dark-mode .red-font {
  color: #E60404 !important;
}

body.dark-mode .yellow-font {
  color: #FFB800 !important;
}

body.dark-mode .green-font {
  color: #47a447 !important;
}

body.dark-mode .orange-font {
  color: #ed9c28 !important;
}

body.dark-mode .red-bg {
  background-color: #d53f3a !important;
}

body.dark-mode .yellow-bg {
  background-color: #FFB800 !important;
}

body.dark-mode .green-bg {
  background-color: #47a447 !important;
}

/* custom elements */

body.dark-mode .fancy-checkbox input[type="checkbox"]+span:before {
  border: 1px solid #485154;
}

body.dark-mode .fancy-checkbox input[type="checkbox"]:checked+span:before {
  color: #47a447;
  background: transparent;
  border: 1px solid #485154;
}

body.dark-mode .slack-messages .day-separator span {
  background-color: rgba(0, 0, 0, 0.3);
  color: #c2c2c2;
  border: none;
}

body.dark-mode .slack-messages .day-separator:before {
  border-top-color: rgba(0, 0, 0, 0.3);
}

body.dark-mode ul.activity-list>li .activity-icon {
  background-color: #394B51;
  color: #c2c2c2;
}

body.dark-mode ul.quick-inbox-list .sender,
ul.quick-inbox-list .title a,
ul.quick-inbox-list .brief,
ul.quick-inbox-list .timestamp {
  color: #627177;
}

body.dark-mode ul.quick-inbox-list li {
  border-bottom-color: #4B5E65;
}

body.dark-mode ul.quick-inbox-list li.unread .sender,
ul.quick-inbox-list li.unread .title a,
ul.quick-inbox-list li.unread .brief,
ul.quick-inbox-list li.unread .timestamp {
  color: #d8d8d8;
}

body.dark-mode .parsley-errors-list li {
  color: #e3625e;
}

body.dark-mode .dropzone {
  opacity: 0.1;
  filter: alpha(opacity=10);
}

body.dark-mode .md-editor>textarea,
.md-editor>textarea:focus,
.md-editor>.md-preview {
  background: transparent;
  border: none;
}

body.dark-mode .wizard {
  background-color: #2A3038;
}

body.dark-mode .wizard ul li {
  background-color: #151d1f;
}

body.dark-mode .wizard ul li .badge {
  background-color: #353535;
  color: #fff;
}

body.dark-mode .wizard ul li .chevron {
  border-left-color: #fff;
}

body.dark-mode .wizard ul li .chevron:before {
  border-left-color: #151d1f;
}

body.dark-mode .gritter-item-wrapper>div {
  background: rgba(22, 30, 33, 0.9);
}

/* completeness meter */
.completeness-meter .editable-click.editable-disabled,
.completeness-meter a.editable-click.editable-disabled,
body.dark-mode .completeness-meter a.editable-click.editable-disabled:hover {
  color: inherit;
  font-weight: normal;
}

body.dark-mode .map .zoomIn,
.map .zoomOut {
  background: rgba(21, 29, 31, 0.5);
  color: #fff;
  border: none;
}

body.dark-mode .map .zoomIn:hover,
.map .zoomOut:hover {
  background: rgba(0, 0, 0, 0.5);
}


/* js tree */
body.dark-mode .jstree-default-dark {
  background: transparent !important;
}

body.dark-mode .jstree-default-dark input {
  background-color: #2A3038;
  border: none;
}

body.dark-mode .jstree-default-dark .jstree-anchor {
  color: inherit !important;
}

body.dark-mode .jstree-default-dark .jstree-hovered,
.jstree-default-dark .jstree-clicked,
.jstree-default-dark.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #3A525A !important;
}

body.dark-mode .king-tree.jstree-default-dark .jstree-checkbox {
  background-image: none;
  font-style: normal;
}

body.dark-mode .king-tree.jstree-default-dark .jstree-checkbox:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  content: '\f096';
}

body.dark-mode .king-tree.jstree-default-dark .jstree-checkbox.jstree-undetermined:before {
  content: '\f0c8';
  color: #ccc;
}

body.dark-mode .king-tree.jstree-default-dark.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:before,
.king-tree.jstree-default-dark .jstree-checked>.jstree-checkbox:before {
  content: '\f14a';
  color: #3E9C1A;
}

/* top number chart at dashboard 2 */
body.dark-mode .number-chart {
  border-bottom-color: #415961;
}

/* d3 charts */
body.dark-mode text.mono {
  fill: #4B5E65;
}

body.dark-mode text.axis-worktime,
text.axis-workweek {
  fill: #c2c2c2;
}

body.dark-mode .axis text {
  fill: #c2c2c2;
}

body.dark-mode ul.main-menu .sub-menu a.sub-active {
    background-color: #2e2f32;
}

/************************
/* PAGES
/************************

/* knowledgebase */
body.dark-mode .knowledge ul li a {
  color: inherit;
}

body.dark-mode ul.nav-categories>li>a {
  color: inherit;
}

body.dark-mode ul.nav-categories>li>a:hover {
  background-color: rgba(60, 77, 82, 0.5);
}

body.dark-mode .nav-stacked>li {
  border-color: #4B5E65;
}

body.dark-mode .ticket-box {
  border-color: #4B5E65;
}

/* inbox */
body.dark-mode .inbox .bottom ul.left-menu li a,
.inbox .labels li a {
  color: inherit;
}

body.dark-mode .inbox .bottom ul.left-menu li a:hover,
.inbox .labels li a:hover {
  color: #8EA2AC;
}

body.dark-mode .inbox .bottom ul.left-menu li .badge {
  background-color: #2A3038;
}

body.dark-mode .inbox table.message-table tr {
  border-bottom-color: #4B5E65;
}

body.dark-mode .inbox table.message-table tr.highlighted {
  background-color: #2A3038;
}

body.dark-mode .inbox table.message-table tr.unread {
  background-color: #2A3038;
}

body.dark-mode .inbox table.message-table tr.unread .icon-attachment i {
  color: inherit;
}

body.dark-mode .inbox table.message-table tr td {
  color: inherit;
}

body.dark-mode .inbox .top-menu .navigation ul.pager li a {
  color: inherit;
}

body.dark-mode .inbox .top-menu .navigation ul.pager li a:hover {
  color: #8EA2AC;
}

/* file manager */
.file-main-menu a,
body.dark-mode .file-secondary-menu a {
  color: inherit;
}

body.dark-mode .file-main-menu a:hover,
body.dark-mode .file-secondary-menu a:hover {
  color: #8EA2AC;
}

body.dark-mode .file-main-menu>li>a.inactive {
  color: #3F5961;
}

body.dark-mode .file-manager .tree-wrapper {
  background-color: transparent;
}

body.dark-mode .file-manager table tr.DTTT_selected.even,
.file-manager table tr.DTTT_selected.odd,
.file-manager table tr.DTTT_selected.even td.sorting_1,
.file-manager table tr.DTTT_selected.odd td.sorting_1 {
  background-color: #233035;
}

body.dark-mode .file-manager table tr.DTTT_selected.even:hover,
.file-manager table tr.DTTT_selected.odd:hover,
.file-manager table tr.DTTT_selected.even td.sorting_1:hover,
.file-manager table tr.DTTT_selected.odd td.sorting_1:hover {
  background-color: #233035;
}

.file-manager table tr.DTTT_selected.even,
.file-manager table tr.DTTT_selected.even td.sorting_1,
body.dark-mode .file-manager table tr.DTTT_selected.odd,
.file-manager table tr.DTTT_selected.odd td.sorting_1 {
  background-color: #233035;
}

.file-manager table tr.DTTT_selected.even:hover,
.file-manager table tr.DTTT_selected.even td.sorting_1:hover,
body.dark-mode .file-manager table tr.DTTT_selected.odd:hover,
.file-manager table tr.DTTT_selected.odd td.sorting_1:hover {
  background-color: #233035;
}

/* faq page */
body.dark-mode .panel-group-faq .panel .panel-title a:hover,
.panel-group-faq .panel .panel-title a:focus {
  color: inherit;
}

body.dark-mode .faq-footer {
  background-color: #2A3038;
}

/* register page
body.dark-mode .page-auth .center-block {
  background-color: rgba(0, 0, 0, 0.15);
  border: none; }
body.dark-mode .page-auth .separator span {
  background-color: #fff;
  color: #5E7A84; }
body.dark-mode .page-auth .separator:before {
  border-top-color: #fff; }
 */
/* on-top navigation */
body.dark-mode #main-navbar-collapse .navbar-nav>li>a:hover,
#main-navbar-collapse .navbar-nav>li>a:focus,
#main-navbar-collapse .navbar-nav>li>a:visited {
  color: #c2c2c2;
  background-color: rgba(24, 34, 37, 0.9);
}

body.dark-mode #main-navbar-collapse .dropdown-menu {
  background-color: rgba(24, 34, 37, 0.9);
}

body.dark-mode #main-navbar-collapse .dropdown-menu>li>a:hover,
#main-navbar-collapse .dropdown-menu>li>a:focus,
#main-navbar-collapse .dropdown-menu>li>a:active,
#main-navbar-collapse .dropdown-menu>li>a.active {
  background-color: #223035;
}

/* transparent style for dashboard v4 */
body.dark-mode .inv-red {
  color: #e3625e;
}

body.dark-mode .stock-info {
  border: none;
  background-color: rgba(0, 0, 0, 0.1);
}

body.dark-mode .market-news ul>li {
  border-color: #496067;
}

/** Multiselect **/
body.dark-mode .multiselect.btn-multiselect {
  color: #c2c2c2;
  background-color: #2A3038;
  border: 0;
}

body.dark-mode .multiselect-container.dropdown-menu {
  background-color: rgba(42, 48, 56, 0.95);
  /* background-color: #2A3038; */
}

body.dark-mode .multiselect-container>li>a>label {
  color: #c2c2c2;
  background-color: transparent;
}

body.dark-mode .multiselect-container>li.active>a,
body.dark-mode .multiselect-container>li.active>a>label {
  background-color: #0088cc;
  color: #c2c2c2;
}

body.dark-mode .multiselect-container>li>a:hover,
body.dark-mode .multiselect-container>li>a:hover>label,
body.dark-mode .multiselect-container>li>a:focus,
body.dark-mode .multiselect-container>li>a:focus>label,
body.dark-mode .multiselect-container>li.active>a:hover,
body.dark-mode .multiselect-container>li.active>a:hover>label,
body.dark-mode .multiselect-container>li.active>a:focus,
body.dark-mode .multiselect-container>li.active>a:focus>label {
  background-color: #0088cc;
  color: #fff;
}

body.dark-mode select{
    color: #555;
}

body.dark-mode .text-muted {
    --bs-text-opacity: 1;
    color: #c2c2c2 !important;
}

body.dark-mode .popover-body {
    color: #c2c2c2;
}
body.dark-mode .right-sidebar{
    background-color: #191c20;
}

body.dark-mode .card{
    background-color: #191c20;
    border-color: #485154;
}
body.dark-mode .card label{
    color:#c2c2c2;
}

body.dark-mode .page-auth .separator span{
  background-color:#2e2f32;

}
body.dark-mode .accordion .accordion-item .accordion-header,
body.dark-mode .accordion .accordion-item .accordion-header button,
body.dark-mode .accordion .accordion-item .accordion-collapse .accordion-body{
    background-color:#2e2f32 !important;
    color: #b1b8be;
}
body.dark-mode .accordion .accordion-item{
  border: 1px solid rgba(21, 29, 31, 0.5);
}

body.dark-mode .accordion .accordion-item .accordion-header {
  color: #dddddd !important;
}
body.dark-mode .accordion-button::after {
  /* Rimuove l'immagine SVG di default */
  background-image: none !important;

  /* Usa un'icona testuale, tipo ▼ */
  content: '▼';
  color: #dddddd;
  font-size: 0.75rem;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

body.dark-mode .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg); /* ruota freccia se espanso */
}

body.dark-mode table.wc-mini-calendar>tbody tr td{
  background-color: transparent;
}

body.dark-mode #profile-modules button{
  color:#a3a3a3;
}
body.dark-mode g.c3-legend-item{
  fill: #b1b8be;
}

body.dark-mode ol li,
body.dark-mode ol li ol li{
  background-color: #414344;
}

body.dark-mode .bdobject-label {
  color: #c2c2c2;
}


body.dark-mode .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='5'/%3e%3cline x1='6' y1='3.2' x2='6' y2='7.2' stroke-width='1.5'/%3e%3ccircle cx='6' cy='9.2' r='0.8' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
}
/************************** FINE DARK THEME ******************************************/


.modal-thermostat .modal-content,.modal-thermostat .modal-header{
  transform: translate3d(0, 0, 0);
  background: radial-gradient(circle, transparent, rgba(0, 0, 0, 0.2)) !important;
  backdrop-filter: blur(5px); /* Sfocatura dello sfondo sotto */
}

.modal-thermostat .modal-content p,
.modal-thermostat .modal-content th span{
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.tooltip {
  backdrop-filter: none !important;
  filter: none !important;
  z-index: 9999; /* Assicura che i tooltip stiano in primo piano */
}

/* .tooltip .tooltip-inner {
  background-color: rgba(0, 0, 0, 0.85) !important; /* Un colore di sfondo scuro e opaco
  color: #fff !important;
  text-shadow: none !important;
  border: 1px solid #ccc;
  padding: 0.5rem;
} */

::placeholder {
font-weight: bold;
opacity: 0.5;
color: #c2c2c2!important;
text-transform: capitalize;
}


#login #submit_btn:hover{
  background-color: #375dad;
}


input[type="file"] {
  font-size: small;
}
.btn-group-xs>.btn, .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}


.accordion-button:focus{
  box-shadow: none;
}

tr.row-filter>th{
  background-color: #FFF !important;
}

#area-table td select.form-control {
  width: 115%;
}

@media (min-width: 992px) {
  #user-modal .modal-lg, .modal-xl {
      --bs-modal-width: 950px;
  }
}

.wizard-wrapper.panel{
  padding: 0 15px 0 15px;
}
p a,td a{
  text-decoration: none;
}

.nav-link{
    background-color: #f2f2f2;
}

body.dark-mode a.nav-link {
  background-color: transparent;
}

body.dark-mode a.nav-link:hover {
  background-color: #191c20 !important;
}

.no-flex{
  flex: none !important;
}


.round-border5{
    border-radius: 5px;
}

.round-borders-right5{
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
}

.round-borders-left5{
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important;
}

/*mappe interattive*/

.polygon {
     fill: rgba(0, 0, 255, 0.3);
    stroke: rgb(0, 0, 255);
    stroke-width: 1;
    opacity: 0.6;
    cursor: pointer;
}
.polygon.hovered,.polygon.selected{
    fill: rgba(0, 255, 0, 0.3);
}

.point {
  fill: white;
  stroke: black;
  stroke-width: 1;
  cursor: move;
}

.maps-container{
  position: relative;
}
.maps-container img{
   max-width: 100%;
  max-height: 100%;
  display: inline;
}

img map area:hover{
  stroke: red;
    fill: red;

}

.maps-container svg {
  touch-action: none; /* previene lo scroll durante il drag su touch */
}


[name="svgLayer"]{
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/*Fine mappe interattive */
.blinking{
  animation: blinking 16s infinite;
}

@keyframes blinking {
  0%, 100% { filter: brightness(100%); }
  50% { filter: brightness(70%); }
}

.second-line {
  display: none;
}

table .badge{
  background-color: #909090;
}

/* Gestione manutenzioni header dei widget in modalità edit */
.page-datasheet-edit .widget .widget-header,
body.dark-mode .page-datasheet-edit .widget .widget-header {
    background-color: #E7A13D;
    border-color: #e49626;
    color: #fff
}

.page-datasheet-edit .widget:not(.widget-danger) .widget-header .widget-header-toolbar,
body.dark-mode .page-datasheet-edit .widget:not(.widget-danger) .widget-header .widget-header-toolbar {
    border-color: #e49626;
}

body.dark-mode .page-datasheet-edit .widget .widget-header h3,
body.dark-mode .page-datasheet-edit .widget .widget-header i {
    color: #fff;
}

.tab-content.entities-container{
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;

}
.cfg-img img,
.cfg-img{
  height: 240px;
  width: 300px;
}

.cfg-img{
  max-width:250px; 
  height:auto
}

.btn-info,
.btn-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}