:root {
  --text-color1: #26474e;
  /* Couleur initiale */
  --text-color2: #76cdcd;
  /* Couleur initiale */
  --text-color3: #ee7474;
  /* Couleur initiale */
}

.wysiwyg-toolbar .btn-colorpicker {
  width: 24px;
  height: 24px;
  position: relative;
  background: #87b87f;
  background: -moz-linear-gradient(
    top,
    #cf3e73 10%,
    #fff 20%,
    #2283c5 30%,
    #fff 40%,
    #87b87f 50%,
    #fff 60%,
    var(--text-color1) 70%,
    #fff 80%,
    var(--text-color3) 90%,
    #fff 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(10%, #cf3e73),
    color-stop(20%, #fff),
    color-stop(30%, #2283c5),
    color-stop(40%, #fff),
    color-stop(50%, #87b87f),
    color-stop(60%, #fff),
    color-stop(70%, var(--text-color1)),
    color-stop(80%, #fff),
    color-stop(90%, var(--text-color3)),
    color-stop(100%, #fff)
  );
  background: -webkit-linear-gradient(
    top,
    #cf3e73 10%,
    #fff 20%,
    #2283c5 30%,
    #fff 40%,
    #87b87f 50%,
    #fff 60%,
    var(--text-color1) 70%,
    #fff 80%,
    var(--text-color3) 90%,
    #fff 100%
  );
  background: -o-linear-gradient(
    top,
    #cf3e73 10%,
    #fff 20%,
    #2283c5 30%,
    #fff 40%,
    #87b87f 50%,
    #fff 60%,
    var(--text-color1) 70%,
    #fff 80%,
    var(--text-color3) 90%,
    #fff 100%
  );
  background: -ms-linear-gradient(
    top,
    #cf3e73 10%,
    #fff 20%,
    #2283c5 30%,
    #fff 40%,
    #87b87f 50%,
    #fff 60%,
    var(--text-color1) 70%,
    #fff 80%,
    var(--text-color3) 90%,
    #fff 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF3E73', endColorstr='var(--text-color1)', GradientType=0);
  background: linear-gradient(
    top,
    #cf3e73 10%,
    #fff 20%,
    #2283c5 30%,
    #fff 40%,
    #87b87f 50%,
    #fff 60%,
    var(--text-color1) 70%,
    #fff 80%,
    var(--text-color3) 90%,
    #fff 100%
  );
}

.wysiwyg-toolbar .dropdown-colorpicker > .dropdown-menu {
  top: auto;
}

.wysiwyg-toolbar input[type="file"] {
  position: fixed;
  z-index: -10;
  opacity: 0;
  max-width: 0;
  max-height: 0;
  display: block;
}

.wysiwyg-toolbar .wysiwyg-choose-file {
  display: inline-block;
  width: auto;
  margin: 4px auto 0;
  padding-left: 5px;
  padding-right: 5px;
}

.wysiwyg-toolbar .dropdown-menu input[type="text"] {
  margin-left: 8px;
  margin-bottom: 0;
}

.wysiwyg-toolbar .dropdown-menu input[type="text"].form-control {
  min-width: 150px;
}

.wysiwyg-toolbar .dropdown-menu .btn {
  margin-right: 8px;
  margin-left: 8px;
}

.wysiwyg-style1 .btn-colorpicker {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .wysiwyg-editor img {
    display: inline !important;
  }

  .wysiwyg-editor .ui-wrapper {
    border: 1px dotted #d00;
    overflow: visible !important;
    display: inline-block !important;
    vertical-align: middle;
  }

  .wysiwyg-editor .ui-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 7px;
    height: 7px;
    border: 1px solid #d00;
    background-color: #fff;
    z-index: 1;
  }
}

.widget-header .wysiwyg-toolbar {
  background-color: transparent;
}

.widget-header .wysiwyg-toolbar .btn-group > .btn,
.widget-header .wysiwyg-toolbar .btn-group > .inline > .btn {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.25) !important;
  color: #fff !important;
  min-width: 32px;
  border-width: 1px !important;
  border-radius: 4px !important;
  padding: 2px 1px 4px;
}

.widget-header .wysiwyg-toolbar .btn-group > .btn.active,
.widget-header .wysiwyg-toolbar .btn-group > .inline > .btn.active {
  background: rgba(0, 0, 0, 0.25) !important;
}

.widget-body .wysiwyg-editor {
  border-width: 0;
}

.wysiwyg-speech-input {
  width: 20px !important;
  color: transparent !important;
  background: 0 0 !important;
  border-width: 0 !important;
  -moz-transform: scale(2, 2);
  -webkit-transform: scale(2, 2);
  -o-transform: scale(2, 2);
  -ms-transform: scale(2, 2);
  transform: scale(2, 2);
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  position: absolute;
  right: 0;
  top: -10px;
  cursor: pointer;
}

.wysiwyg-speech-input:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

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

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

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

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

.md-editor > textarea {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 14px;
  outline: 0;
  outline: dotted thin\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: #f7f8fa;
}

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

.md-editor.active {
  border-color: #f59942;
  outline: 0;
}

.md-editor .md-controls {
  float: right;
  padding: 3px;
}

.md-editor .md-controls .md-control {
  right: 5px;
  color: #bebebe;
  padding: 3px 3px 3px 10px;
}

.md-editor .md-controls .md-control:hover {
  color: #333;
}

.md-editor.md-fullscreen-mode {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  padding: 60px 30px 15px;
  background: #fff !important;
  border: 0 !important;
}

.md-editor.md-fullscreen-mode .md-footer {
  display: none;
}

.md-editor.md-fullscreen-mode .md-input,
.md-editor.md-fullscreen-mode .md-preview {
  margin: 0 auto !important;
  height: 100% !important;
  font-size: 20px !important;
  padding: 20px !important;
  color: #999;
  line-height: 1.6em !important;
  resize: none !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 0 !important;
}

.md-editor.md-fullscreen-mode .md-preview {
  color: #333;
  overflow: auto;
}

.md-editor.md-fullscreen-mode .md-input:focus,
.md-editor.md-fullscreen-mode .md-input:hover {
  color: #333;
  background: #fff !important;
}

.md-editor.md-fullscreen-mode .md-header {
  background: 0 0;
  text-align: center;
  position: fixed;
  width: 100%;
  top: 20px;
}

.md-editor.md-fullscreen-mode .btn-group {
  float: none;
}

.md-editor.md-fullscreen-mode .btn {
  border: 0;
  background: 0 0;
  color: #b3b3b3;
}

.md-editor.md-fullscreen-mode .btn.active,
.md-editor.md-fullscreen-mode .btn:active,
.md-editor.md-fullscreen-mode .btn:focus,
.md-editor.md-fullscreen-mode .btn:hover {
  box-shadow: none;
  color: #333;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: right;
  z-index: 1002;
  display: block;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
  color: #b3b3b3;
  clear: right;
  margin: 10px;
  width: 30px;
  height: 30px;
  text-align: center;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
  color: #333;
  text-decoration: none;
}

.md-editor.md-fullscreen-mode .md-editor {
  height: 100% !important;
  position: relative;
}

.md-editor .md-fullscreen-controls {
  display: none;
}

.md-nooverflow {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.editable-container .popover-title {
  color: var(--text-color1);
}

.editable-click {
  border-bottom: 1px dashed #bbb;
  cursor: pointer;
  font-weight: 400;
}

img.editable-click {
  border: 1px dotted #bbb;
}

.editable-click:hover {
  border-color: #08c;
  color: #08c;
}

img.editable-click:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.editable-buttons,
.editable-input {
  display: inline-block;
}

.editable-buttons {
  margin-left: 1px;
}

.editable-buttons .btn {
  padding: 0;
  width: 28px;
  line-height: 24px;
  border-width: 3px;
  font-size: 12px;
  margin: 0 1px 0 0;
}

.editable-buttons .btn > .ace-icon {
  margin: 0;
}

.editable-clear-x {
  cursor: pointer;
  color: #888;
  background: 0 0;
}

.editable-clear-x:hover {
  color: var(--text-color3);
}

.editable-clear-x:before {
  display: inline-block;
  content: "\f057";
  font-family: FontAwesome;
  font-size: 15px;
  position: absolute;
  margin-top: -9px;
  width: 16px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.editable-input .ace-spinner {
  margin-right: 8px;
}

.editable-input .ace-spinner .spinner-input {
  width: 100%;
}

.editable-inline .editable-slider {
  margin-top: 10px;
  margin-right: 4px;
}

.editable-popup .editable-slider {
  display: block;
  margin-bottom: 16px;
  margin-top: 4px;
}

.editable-slider input[type="text"] {
  display: none;
}

.editable-slider input[type="range"] {
  outline: 0 !important;
}

.editable-input .ace-file-input {
  display: block;
}

.editable-image .ace-file-multiple .ace-file-container.selected {
  border-color: transparent;
}

.editable-image + .editable-buttons,
.editable-wysiwyg + .editable-buttons {
  display: block;
  text-align: center;
  margin-top: 8px;
}

.editable-wysiwyg {
  width: 95%;
}

.editable-wysiwyg .wysiwyg-editor {
  height: auto;
  overflow-y: hidden;
  min-height: 32px;
}

.editableform .input-append.dropdown-menu {
  display: none;
}

.editableform .control-group,
.editableform .open .input-append.dropdown-menu {
  display: block;
}

.editable-container .editableform {
  margin-bottom: 10px;
}

.editable-inline .editableform {
  margin-bottom: 0;
}

.editableform-loading {
  background: 0 0;
}

.editableform-loading .ace-icon,
.editableform-loading .progress {
  position: relative;
  top: 35%;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.datepicker td,
.datepicker th,
.daterangepicker td,
.daterangepicker th {
  border-radius: 0 !important;
  font-size: 13px;
}

.datepicker td.active,
.datepicker td.active:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background: #2283c5 !important;
}

.datepicker td.active.disabled,
.datepicker td.active.disabled:hover,
.daterangepicker td.active.disabled,
.daterangepicker td.active.disabled:hover {
  background: #8b9aa3 !important;
}

.datepicker td,
.datepicker th {
  min-width: 32px;
}

.daterangepicker .calendar-date {
  border-radius: 0;
}

.datepicker-months .month,
.datepicker-years .year {
  border-radius: 0 !important;
}

.bootstrap-datetimepicker-widget table td span,
.bootstrap-timepicker-widget table td a:hover {
  border-radius: 0;
}

.datepicker-months .month.active,
.datepicker-months .month.active:active,
.datepicker-months .month.active:focus,
.datepicker-months .month.active:hover,
.datepicker-years .year.active,
.datepicker-years .year.active:active,
.datepicker-years .year.active:focus,
.datepicker-years .year.active:hover {
  background-image: none !important;
  background-color: #2283c5 !important;
}

.bootstrap-timepicker-widget table td input {
  width: 32px;
}

.well .datepicker table tr td.day:hover {
  background-color: #7d8893;
  color: #fff;
}

.bootstrap-datetimepicker-widget [className="btn"] {
  border-width: 0 !important;
  background-color: transparent !important;
  color: #7399b8 !important;
  text-shadow: none !important;
}

.bootstrap-datetimepicker-widget [className="btn"]:hover {
  color: var(--text-color1) !important;
}

.bootstrap-datetimepicker-widget .btn.btn-primary {
  border-width: 3px !important;
}

.bootstrap-datetimepicker-widget .picker-switch {
  margin-bottom: 2px;
}

.bootstrap-datetimepicker-widget .picker-switch a {
  width: 90% !important;
  background-color: #eee !important;
  color: var(--text-color1) !important;
  font-size: 16px;
}

.bootstrap-datetimepicker-widget .picker-switch a:hover {
  background-color: #e3edf5 !important;
}

.bootstrap-datetimepicker-widget .picker-switch a span {
  background: 0 0 !important;
  width: 90%;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  color: #555 !important;
}

.ui-slider {
  background-color: #d5d5d5;
}

.ui-slider-horizontal {
  height: 9px;
}

.ui-slider-vertical {
  width: 9px;
}

.ui-slider .ui-slider-handle {
  border-radius: 0;
  width: 1.45em;
  height: 1.45em;
  background-color: #f8f8f8;
  border: 1px solid;
}

.ui-slider .ui-slider-handle:after,
.ui-slider .ui-slider-handle:before {
  display: block;
  content: "";
  position: absolute;
  top: 4px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: 1px solid;
  border-width: 0 1px;
  border-color: inherit;
}

.ui-slider .ui-slider-handle:after {
  left: 8px;
  border-width: 0 1px 0 0;
}

.ui-slider .ui-slider-handle:hover {
  background-color: #fff;
}

.ui-slider .ui-slider-handle:active,
.ui-slider .ui-slider-handle:focus,
.ui-slider .ui-slider-handle:hover {
  outline: 0;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.onpage-help-modal-buttons button:focus,
.ui-slider-handle {
  outline: 0 !important;
}

.ui-slider-horizontal .ui-slider-handle {
  margin-left: -0.725em;
  top: -0.4em;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.35em;
  margin-bottom: -0.65em;
}

.ui-slider-small.ui-slider-horizontal {
  height: 5px;
}

.ui-slider-small.ui-slider-vertical {
  width: 5px;
}

.ui-slider-small .ui-slider-handle {
  border-radius: 100%;
  width: 17px;
  height: 17px;
  margin-bottom: -0.45em;
  left: -0.35em;
}

.ui-slider-small .ui-slider-handle:after,
.ui-slider-small .ui-slider-handle:before {
  height: 7px;
  left: 5px;
  width: 3px;
}

.ui-slider-small .ui-slider-handle:after {
  left: 7px;
}

.ui-slider-simple .ui-slider-handle:after,
.ui-slider-simple .ui-slider-handle:before {
  display: none;
}

.ui-slider-range {
  background-color: #4aa4ce;
}

.ui-slider-handle {
  border-color: #4aa4ce !important;
}

.ui-state-disabled.ui-slider {
  background-color: #e5e5e5;
}

.ui-state-disabled .ui-slider-range {
  background-color: #8daebe;
}

.ui-state-disabled .ui-slider-handle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #8daebe !important;
}

.ui-slider-green .ui-slider-range {
  background-color: #8bbc67;
}

.ui-slider-green .ui-slider-handle {
  border-color: #8bbc67 !important;
}

.ui-slider-green.ui-state-disabled .ui-slider-range {
  background-color: #aab0a6;
}

.ui-slider-green.ui-state-disabled .ui-slider-handle {
  border-color: #aab0a6 !important;
}

.ui-slider-red .ui-slider-range {
  background-color: #d36e6e;
}

.ui-slider-red .ui-slider-handle {
  border-color: #d36e6e !important;
}

.ui-slider-red.ui-state-disabled .ui-slider-range {
  background-color: #c8acac;
}

.ui-slider-red.ui-state-disabled .ui-slider-handle {
  border-color: #c8acac !important;
}

.ui-slider-purple .ui-slider-range {
  background-color: #ac68ba;
}

.ui-slider-purple .ui-slider-handle {
  border-color: #ac68ba !important;
}

.ui-slider-purple.ui-state-disabled .ui-slider-range {
  background-color: #ada7ae;
}

.ui-slider-purple.ui-state-disabled .ui-slider-handle {
  border-color: #ada7ae !important;
}

.ui-slider-orange .ui-slider-range {
  background-color: #efad62;
}

.ui-slider-orange .ui-slider-handle {
  border-color: #efad62 !important;
}

.ui-slider-orange.ui-state-disabled .ui-slider-range {
  background-color: #e0c4a4;
}

.ui-slider-orange.ui-state-disabled .ui-slider-handle {
  border-color: #e0c4a4 !important;
}

.ui-slider-dark .ui-slider-range {
  background-color: #606060;
}

.ui-slider-dark .ui-slider-handle {
  border-color: #606060 !important;
}

.ui-slider-dark.ui-state-disabled .ui-slider-range {
  background-color: #7a7a7a;
}

.ui-slider-dark.ui-state-disabled .ui-slider-handle {
  border-color: #7a7a7a !important;
}

.ui-slider-pink .ui-slider-range {
  background-color: #d6487e;
}

.ui-slider-pink .ui-slider-handle {
  border-color: #d6487e !important;
}

.ui-slider-pink.ui-state-disabled .ui-slider-range {
  background-color: #c38ea2;
}

.ui-slider-pink.ui-state-disabled .ui-slider-handle {
  border-color: #c38ea2 !important;
}

.ui-datepicker {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ui-dialog,
.ui-jqdialog,
.ui-menu {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  height: 26px;
  min-width: 32px;
  max-width: 32px;
  text-align: center;
  cursor: pointer;
  color: transparent;
  line-height: 26px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-prev .ui-icon {
  color: transparent;
  visibility: hidden;
}

.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
  background-color: #eee;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-prev:before {
  display: inline;
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f060";
  color: #393939;
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
  top: 2px;
}

.ui-datepicker .ui-datepicker-next:before {
  content: "\f061";
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}

.ui-datepicker td {
  padding: 0;
}

.ui-datepicker td > a,
.ui-datepicker td > span {
  display: inline-block;
  height: 22px;
  min-width: 24px;
  max-width: 24px;
  text-align: center;
  color: #393939;
  font-size: 13px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.ui-datepicker td > a:hover {
  background-color: #eee;
}

.ui-datepicker td > a.ui-state-highlight {
  background-color: #d5e5ef;
}

.ui-datepicker td > a.ui-state-active {
  background-color: #2283c5;
  color: #fff;
}

.ui-datepicker td > a.ui-priority-secondary {
  color: #888;
}

.ui-datepicker td > span {
  color: #999;
}

.ui-datepicker td .ui-datepicker-title select {
  height: 24px;
  line-height: 24px;
  padding: 2px 3px;
}

.ui-datepicker td .ui-datepicker-buttonpane {
  background-color: #ddd;
  height: 1px;
}

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.25);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  z-index: 1049 !important;
}

.ui-dialog,
.ui-jqdialog {
  z-index: 1050 !important;
  background-color: #fff;
  padding: 0;
  border: 1px solid #ddd;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-jqdialog-titlebar,
.ui-jqdialog .ui-dialog-titlebar,
.ui-jqdialog .ui-jqdialog-titlebar {
  background-color: #f1f1f1;
  font-size: 16px;
  color: #669fc7;
  padding: 0;
}

.ui-dialog .ui-dialog-title,
.ui-dialog .ui-jqdialog-title,
.ui-jqdialog .ui-dialog-title,
.ui-jqdialog .ui-jqdialog-title {
  float: none !important;
  width: auto;
}

.ui-dialog .widget-header,
.ui-jqdialog .widget-header {
  margin: 0;
  border-width: 0 0 1px;
}

.ui-dialog .ui-dialog-buttonpane,
.ui-dialog .ui-jqdialog-buttonpane,
.ui-jqdialog .ui-dialog-buttonpane,
.ui-jqdialog .ui-jqdialog-buttonpane {
  background-color: #eff3f8;
  border-top: 1px solid #e4e9ee;
}

.ui-dialog .ui-dialog-buttonpane button,
.ui-dialog .ui-jqdialog-buttonpane button,
.ui-jqdialog .ui-dialog-buttonpane button,
.ui-jqdialog .ui-jqdialog-buttonpane button {
  font-size: 14px;
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-jqdialog-titlebar-close,
.ui-jqdialog .ui-dialog-titlebar-close,
.ui-jqdialog .ui-jqdialog-titlebar-close {
  border: none;
  background: 0 0;
  opacity: 0.4;
  color: var(--text-color3);
  padding: 0;
  top: 50%;
  right: 8px !important;
  text-align: center;
}

.ui-dialog .ui-dialog-titlebar-close:before,
.ui-dialog .ui-jqdialog-titlebar-close:before,
.ui-jqdialog .ui-dialog-titlebar-close:before,
.ui-jqdialog .ui-jqdialog-titlebar-close:before {
  content: "\f00d";
  display: inline;
  font-family: FontAwesome;
  font-size: 16px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-jqdialog-titlebar-close:hover,
.ui-jqdialog .ui-dialog-titlebar-close:hover,
.ui-jqdialog .ui-jqdialog-titlebar-close:hover {
  opacity: 1;
  text-decoration: none;
  padding: 0;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-text,
.ui-dialog .ui-jqdialog-titlebar-close .ui-button-text,
.ui-jqdialog .ui-dialog-titlebar-close .ui-button-text,
.ui-jqdialog .ui-jqdialog-titlebar-close .ui-button-text {
  text-indent: 0;
  visibility: hidden;
}

.ui-dialog .widget-header .ui-dialog-titlebar-close,
.ui-dialog .widget-header .ui-jqdialog-titlebar-close,
.ui-jqdialog .widget-header .ui-dialog-titlebar-close,
.ui-jqdialog .widget-header .ui-jqdialog-titlebar-close {
  right: 10px !important;
}

.ui-accordion .ui-accordion-header {
  color: var(--text-color1);
  font-weight: 400;
  background-color: #f9f9f9;
  border: 1px solid #cdd8e3;
  padding: 8px 8px 9px 24px;
}

.ui-accordion .ui-accordion-header:hover {
  color: #6ea6cc;
  background-color: #f1f8fd;
}

.ui-accordion .ui-accordion-header.ui-state-active {
  color: var(--text-color1);
  background-color: #eef4f9;
  position: relative;
  font-weight: 700;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  text-indent: 0;
  margin-top: 0;
  position: absolute;
  left: 10px;
  top: 7px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
  display: inline;
  font-family: FontAwesome;
  font-size: 15px;
  content: "\f0da";
}

.ui-accordion
  .ui-accordion-header.ui-state-active
  .ui-accordion-header-icon:before {
  content: "\f0d7";
  font-weight: 400;
}

.ui-accordion .ui-accordion-content {
  border: 1px solid #cdd8e3;
  border-top-width: 0;
  padding: 11px 16px;
}

.ui-tabs .ui-tabs-nav {
  padding: 0;
  border-bottom: 1px solid #c5d0dc;
}

.ui-tabs .ui-tabs-nav li.ui-state-default > a {
  background-color: #f9f9f9;
  border: 1px solid #c5d0dc;
  border-bottom-width: 0;
  color: #999;
  line-height: 16px;
  margin-right: -1px;
  z-index: 11;
  padding: 8px 12px;
  position: relative;
  top: 2px;
}

.ui-tabs .ui-tabs-nav li > a:focus {
  outline: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active > a {
  background-color: #fff;
  border: 1px solid;
  border-color: var(--text-color1) #c5d0dc transparent;
  border-top-width: 2px;
  -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
  color: #576373;
  position: relative;
  top: 1px;
}

.ui-tabs .ui-tabs-panel {
  border: 1px solid #c5d0dc;
  border-top-width: 0;
  margin: 0;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
}

.ui-autoComplete,
.ui-menu {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.ui-menu {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 150px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  padding: 3px;
}

.ui-spinner-button,
.ui-spinner-button > .ace-icon {
  width: 18px;
  display: inline-block;
}

.tt-menu,
.ui-autoComplete {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ui-menu .ui-menu-item {
  padding: 5px 10px 6px;
  color: #444;
  cursor: pointer;
  display: block;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.ui-menu .ui-menu-item .ui-menu-icon {
  float: right;
  position: relative;
  left: auto;
  right: 4px;
  bottom: auto;
  text-indent: 0;
}

.ui-menu .ui-menu-item .ui-menu-icon:before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 14px;
  display: inline;
}

.ui-grid-ico-sort:before,
.ui-selectmenu-button .ui-icon:before {
  content: "\f0d7";
  font-family: FontAwesome;
}

.ui-menu .ui-menu-item:hover,
.ui-menu .ui-menu-item:hover > .ui-menu-icon,
.ui-menu .ui-state-active,
.ui-menu .ui-state-active > .ui-menu-icon,
.ui-menu .ui-state-focus,
.ui-menu .ui-state-focus > .ui-menu-icon {
  text-decoration: none;
  background-color: var(--text-color1);
  color: #fff;
  margin: auto;
  font-weight: 400;
}

.ui-menu .ui-state-disabled,
.ui-menu .ui-state-disabled .ui-menu-icon {
  color: #999;
  cursor: default;
}

.ui-menu .ui-state-disabled.ui-state-active,
.ui-menu .ui-state-disabled.ui-state-active .ui-menu-icon,
.ui-menu .ui-state-disabled.ui-state-focus,
.ui-menu .ui-state-disabled.ui-state-focus .ui-menu-icon,
.ui-menu .ui-state-disabled:hover,
.ui-menu .ui-state-disabled:hover .ui-menu-icon {
  background-color: #fff;
  color: #999;
}

.ui-autoComplete {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ui-autoComplete-category {
  padding: 6px;
  position: relative;
  background-color: #eef4f9;
  color: var(--text-color1);
  font-weight: bolder;
  border: 1px solid #dae6ed;
  border-width: 1px 0;
}

.ui-spinner-button {
  border-width: 0 !important;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  position: absolute;
  text-align: center;
  padding: 0;
}

.ui-spinner-up {
  top: 0;
  right: 5px;
}

.ui-spinner-down {
  bottom: 3px;
  right: 5px;
}

.ui-spinner-input {
  margin-top: 0;
  padding: 5px;
  max-width: 100px;
  font-size: 14px;
}

.ui-tooltip {
  background-color: #444;
  color: #fff;
}

.ui-progressbar {
  background-color: #f5f5f5;
  height: 22px;
}

.ui-progressbar .ui-progressbar-value {
  margin: 0;
}

.ui-progressbar .ui-progressbar-value[className="progress-bar"] {
  background-color: #2a91d8;
}

.ui-selectmenu-button {
  border: 1px solid #aaa;
}

.ui-selectmenu-button[aria-expanded="true"] {
  border-color: #4492c9;
}

.ui-selectmenu-button span.ui-icon {
  text-indent: 0;
  margin-top: -10px;
}

.ui-selectmenu-button .ui-icon:before {
  display: inline-block;
  color: #888;
  font-size: 14px;
}

.ui-jqgrid .ui-jqgrid-view {
  z-index: auto;
}

.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-paging-info,
.ui-jqgrid .ui-pg-selbox,
.ui-jqgrid .ui-pg-table {
  font-size: 13px;
}

.ui-jqgrid .ui-jqgrid-title {
  float: left;
  margin: 8px;
}

.ui-jqgrid .ui-jqgrid-title-rtl {
  float: right;
  margin: 8px;
}

.ui-jqgrid-view > .ui-jqgrid-titlebar {
  height: 40px;
  line-height: 24px;
  color: #fff;
  background: var(--text-color1);
  padding: 0;
  font-size: 15px;
}

.ui-jqgrid tr.jqgrow.ui-row-rtl td:last-child {
  border-right: none;
  border-left: 1px solid #e1e1e1;
}

.ui-jqgrid .ui-jqgrid-hdiv {
  background-color: #eff3f8;
  border: 1px solid #d3d3d3;
  border-width: 1px 0 0 1px;
  line-height: 15px;
  font-weight: 700;
  color: #777;
  text-shadow: none;
}

.ui-jqgrid .ui-jqgrid-htable thead {
  background-color: #eff3f8;
}

.ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize {
  height: 45px !important;
}

.ui-jqgrid .ui-jqgrid-htable th div {
  padding-top: 12px;
  padding-bottom: 12px;
  overflow: visible;
}

.ui-jqgrid-hdiv .ui-jqgrid-htable {
  border-top: 1px solid #e1e1e1;
}

.ui-jqgrid-titlebar {
  position: relative;
  top: 1px;
  z-index: 1;
}

.ui-jqgrid tr.jqgrow,
.ui-jqgrid tr.ui-row-ltr,
.ui-jqgrid tr.ui-row-rtl {
  border: none;
}

.ui-jqgrid tr.ui-row-ltr td,
.ui-jqgrid tr.ui-row-rtl td {
  border-bottom: 1px solid #e1e1e1;
  padding: 6px 4px;
  border-color: #e1e1e1;
}

.ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {
  border-right-color: #c7d3a9;
}

.ui-jqgrid tr.ui-state-highlight.ui-row-rtl td {
  border-left-color: #c7d3a9;
}

.ui-jqgrid-btable .ui-widget-content.ui-priority-secondary {
  background-image: none;
  background-color: #f9f9f9;
  opacity: 1;
}

.ui-jqgrid-btable .ui-widget-content.ui-state-hover {
  background-image: none;
  background-color: #eff4f7;
  opacity: 1;
}

.ui-jqgrid-btable .ui-widget-content.ui-state-highlight {
  background-color: #e4efc9;
}

.ui-jqgrid .ui-jqgrid-pager {
  line-height: 15px;
  height: 55px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background-color: #eff3f8 !important;
  border-bottom: 1px solid #e1e1e1 !important;
  border-top: 1px solid #e1e1e1 !important;
}

.ui-jqgrid .ui-pg-input {
  font-size: inherit;
  width: 24px;
  height: 20px;
  line-height: 16px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
  padding-top: 1px;
  padding-bottom: 1px;
}

.ui-jqgrid .ui-pg-selbox {
  display: block;
  height: 24px;
  width: 60px;
  margin: 0;
  padding: 1px;
  line-height: normal;
}

.ui-jqgrid .ui-pager-control {
  height: 50px;
  position: relative;
  padding-left: 9px;
  padding-right: 9px;
}

.ui-jqgrid .ui-jqgrid-toppager {
  height: auto !important;
  background-color: #eff3f8;
  border-bottom: 1px solid #e1e1e1 !important;
}

.ui-jqgrid .jqgrow .editable {
  max-width: 90%;
  max-width: calc(92%) !important;
}

.ui-pg-table .navtable .ui-corner-all {
  border-radius: 0;
}

.ui-jqgrid .ui-pg-button .ui-separator {
  margin-left: 4px;
  margin-right: 4px;
  border-color: #c9d4db;
}

.ui-jqgrid .ui-jqgrid-btable {
  border-left: 1px solid #e1e1e1;
}

.ui-jqgrid .ui-jqgrid-bdiv {
  border-top: 1px solid #e1e1e1;
  overflow-x: hidden;
}

.ui-jqgrid .loading {
  position: absolute;
  top: 45%;
  left: 45%;
  width: auto;
  height: auto;
  z-index: 111;
  padding: 6px;
  margin: 5px;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  background-color: #fff;
  border: 2px solid #8eb8d1;
  color: #e2b018;
}

.ui-jqgrid .ui-search-toolbar {
  border-top: 1px solid #e1e1e1;
}

.ui-jqgrid .ui-jqgrid-labels {
  border-bottom: none;
  background: repeat-x #f2f2f2;
  background-image: -webkit-linear-gradient(top, #f8f8f8 0, #ececec 100%);
  background-image: -o-linear-gradient(top, #f8f8f8 0, #ececec 100%);
  background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
  padding: 0 !important;
  border-left: 1px solid #e1e1e1 !important;
}

.ui-jqgrid .ui-jqgrid-labels th {
  border-right: 1px solid #e1e1e1 !important;
  text-align: left !important;
}

.ui-jqgrid-labels th[id*="_cb"]:first-child > div {
  padding-top: 0;
  text-align: center !important;
}

.ui-jqgrid-sortable {
  padding-left: 4px;
  font-size: 13px;
  color: #777;
  font-weight: 700;
}

.ui-jqgrid-sortable:hover {
  color: #547ea8;
}

th[aria-selected="true"] {
  background-image: -webkit-linear-gradient(top, #eff3f8 0, #e3e7ed 100%);
  background-image: -o-linear-gradient(top, #eff3f8 0, #e3e7ed 100%);
  background-image: linear-gradient(to bottom, #eff3f8 0, #e3e7ed 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
}

th[aria-selected="true"] .ui-jqgrid-sortable {
  color: var(--text-color1);
}

.ui-jqgrid .ui-icon {
  text-indent: 0;
  color: var(--text-color1);
  float: none;
  right: 2px;
}

.rtl .ui-jqgrid .ui-icon {
  right: auto;
  left: 2px;
}

.ui-jqgrid .ui-icon.ui-state-disabled {
  color: #bbb;
}

.ui-jqgrid .ui-icon.ui-state-disabled:hover {
  padding: 0;
}

.ui-grid-ico-sort:before {
  display: inline;
  font-size: 12px;
}

.ui-icon-asc:before {
  content: "\f0d8";
}

.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon {
  display: inline-block;
  padding: 0;
  width: 24px;
  height: 24px;
  line-height: 22px;
  text-align: center;
  position: static;
  float: none;
  margin: 0 2px !important;
  color: grey;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 100%;
}

.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:hover {
  color: #699ab5;
  border-color: #699ab5;
}

.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:before {
  width: 20px;
  text-align: center;
  display: inline-block;
}

.ui-pg-table > tbody > tr > .ui-pg-button.ui-state-disabled .ui-icon {
  color: #b0b0b0;
  background-color: #f7f7f7;
  border-color: #ddd;
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.ui-jqgrid-btable input,
.ui-jqgrid-btable select,
.ui-jqgrid-btable textarea {
  padding: 2px;
  width: auto;
  max-width: 100%;
  margin-bottom: 0;
}

.ui-jqgrid-btable select {
  padding: 1px;
  height: 25px;
  line-height: 25px;
}

.ui-jqgrid select.inline-edit-cell {
  padding: 1px;
}

.ui-pg-div .ui-icon {
  display: inline-block;
  width: 18px;
  float: none;
  position: static;
  text-align: center;
  opacity: 0.85;
  -webkit-transition: all 0.12s;
  -o-transition: all 0.12s;
  transition: all 0.12s;
  margin: 0 1px;
  vertical-align: middle;
  cursor: pointer;
  font-size: 17px;
}

.ui-pg-div .ui-icon:hover {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 1;
  position: static;
  margin: 0 1px;
}

.ui-pg-div .ui-icon:before {
  font-family: FontAwesome;
  display: inline;
}

.ui-jqgrid .ui-icon-pencil {
  color: var(--text-color1);
}

.ui-jqgrid .ui-icon-pencil:before {
  content: "\f040";
}

.ui-jqgrid .ui-icon-trash {
  color: #dd5a43;
}

.ui-jqgrid .ui-icon-trash:before {
  content: "\f014";
}

.ui-jqgrid .ui-icon-disk {
  color: #69aa46;
}

.ui-jqgrid .ui-icon-disk:before {
  content: "\f00c";
}

.ui-jqgrid .ui-icon-cancel {
  color: #dd5a43;
}

.ui-jqgrid .ui-icon-cancel:before {
  content: "\f00d";
}

.ui-jqdialog .ui-jqdialog-content,
.ui-jqdialog-content {
  font-size: 13px;
  padding: 4px 0 0;
}

.ui-jqdialog .ui-jqdialog-content .formdata,
.ui-jqdialog-content .formdata {
  font-size: 13px;
  padding: 6px 12px;
}

.ui-jqdialog .ui-jqdialog-content .form-view-data,
.ui-jqdialog-content .form-view-data {
  vertical-align: middle;
  font-size: 13px;
}

.ui-jqdialog .ui-jqdialog-content[id*="alertcnt_"],
.ui-jqdialog-content[id*="alertcnt_"] {
  padding: 8px 11px;
}

.ui-jqdialog-content .CaptionTD {
  font-size: 12px;
  text-align: right;
  color: #666;
}

.ui-jqdialog-content .FormData {
  border-bottom: 1px dotted #e8e8e8;
}

.ui-jqdialog-content .FormData:last-child {
  border-bottom: none;
}

.ui-jqdialog-content .FormData > td {
  padding-top: 6px;
  padding-bottom: 6px;
}

.ui-jqdialog-content input.FormElement {
  width: auto;
}

.ui-jqdialog-content select.FormElement {
  padding: 1px;
  height: 25px;
  line-height: 25px;
  width: auto;
}

.EditTable,
.ui-jqdialog-content td.EditButton {
  padding: 8px;
}

.EditTable {
  background-color: #eff3f8;
  border-top: 1px solid #d6e1ea !important;
}

.EditTable tr:first-child {
  display: none;
}

.EditTable .navButton .fm-button {
  float: none !important;
  width: auto !important;
  margin: 1px 1px 2px !important;
  background-color: transparent;
  border-radius: 100%;
}

.EditTable .navButton .fm-button:hover {
  background-color: transparent;
}

.EditTable .navButton .fm-button:focus {
  outline: 0;
}

.EditTable .navButton .fm-button .ace-icon {
  display: inline-block;
  color: #999;
  border: 1px solid #aaa;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 100%;
  background-color: #fff;
}

.EditTable .navButton .fm-button:hover .ace-icon {
  color: #699ab5;
  border-color: #699ab5;
}

.EditTable .navButton .fm-button.ui-state-disabled .ace-icon,
.EditTable .navButton .fm-button.ui-state-disabled:hover .ace-icon {
  color: #bbb;
  border-color: #ccc;
  -moz-transform: scale(0.88);
  -webkit-transform: scale(0.88);
  -o-transform: scale(0.88);
  -ms-transform: scale(0.88);
  transform: scale(0.88);
}

.FormGrid .EditTable {
  background-color: #fff;
  border-top: none !important;
  padding: 0;
}

.FormGrid .EditTable tr:first-child {
  display: none;
}

.ui-jqgrid .ui-jqgrid-view button,
.ui-jqgrid .ui-jqgrid-view input,
.ui-jqgrid .ui-jqgrid-view select,
.ui-jqgrid .ui-jqgrid-view textarea {
  font-size: 13px;
}

.ui-jqdialog-content .searchFilter select {
  padding: 1px;
  height: 26px;
  line-height: 26px;
  width: auto;
  max-width: 95%;
  margin-bottom: 0;
}

.ui-jqdialog-content .searchFilter .input-elm {
  margin-bottom: 0;
  height: 18px;
  line-height: 18px;
  width: 95% !important;
  padding-left: 1px;
  padding-right: 1px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.ui-jqdialog-content .searchFilter table {
  margin-left: 4px;
}

.ui-jqdialog-content .searchFilter tr td {
  padding: 5px 0;
}

.ui-jqdialog-content .searchFilter .add-group,
.ui-jqdialog-content .searchFilter .add-rule,
.ui-jqdialog-content .searchFilter .delete-group {
  margin-left: 4px !important;
  font-size: 15px !important;
}

.ui-jqdialog-content .searchFilter .delete-rule {
  border: none;
  background-color: #fff;
  color: var(--text-color3);
  font-size: 20px;
  width: 22px;
  line-height: 10px;
  padding: 0;
  text-shadow: none !important;
  display: inline-block;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  opacity: 0.85;
}

.ui-jqdialog-content .searchFilter .delete-rule:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  color: #b74635;
  opacity: 1;
}

.ui-jqdialog-content .searchFilter .queryresult td.query {
  padding: 6px 11px;
  border: 1px solid #e1e1e1;
  background-color: #eee;
}

.ui-jqdialog-content .searchFilter .queryresult td.query:empty {
  display: none;
}

.ui-state-error {
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
  margin: 4px 4px 8px;
  padding: 6px 10px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 13px;
}

.ui-jqdialog .ui-widget-header {
  background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
  background-repeat: repeat-x;
  border-image: none;
  border-bottom: 1px solid solid;
  color: #669fc7;
  min-height: 38px;
  position: relative;
}

.ui-jqdialog .ui-widget-header .ui-jqdialog-title {
  line-height: 38px;
  margin: 0;
  padding: 0 0 0 12px;
  text-align: left;
}

.widget-header .ui-jqdialog-title {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ui-jqdialog .ui-widget-header .widget-header {
  border-bottom: none;
}

.ui-jqdialog .ui-jqdialog-titlebar {
  border-bottom: 1px solid #ddd !important;
}

.fm-button {
  margin: 0 4px;
  height: auto;
}

.fm-button:not(.btn) {
  background-color: #abbac3;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: 28px;
  padding: 0 12px 1px;
  margin: 0 8px;
  position: relative;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  vertical-align: middle;
}

.dd2-content[class*="btn-"],
.dd2-handle.btn-yellow {
  text-shadow: none !important;
}

.fm-button.ui-state-default:hover {
  background-color: #8b9aa3;
}

.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th {
  height: 30px;
  padding-top: 2px;
  white-space: normal;
}

.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th div {
  padding-top: 0;
  padding-bottom: 0;
  height: 30px;
  line-height: 26px;
}

.ui-jqgrid .ui-jqgrid-titlebar-close {
  top: 10%;
  height: auto;
  padding: 0;
  margin: 2px 8px 0 0;
  text-align: center;
  border-radius: 4px;
}

.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f077";
  color: #fff;
}

.ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon-circle-triangle-s:before {
  content: "\f078";
}

.ui-jqgrid .tree-wrap-ltr {
  margin: 0 4px;
  float: none;
  display: inline;
}

.ui-jqgrid .tree-wrap-rtl {
  margin: 2px 4px 0;
}

.ui-jqgrid .ui-subgrid {
  border-bottom: 1px solid #e1e1e1;
  background-color: #f6faff;
}

.ui-jqgrid .ui-subgrid .ui-jqgrid-btable {
  background-color: #fff;
}

.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv {
  background-color: transparent;
  margin-top: 4px;
}

.ui-jqgrid
  .ui-subgrid
  .ui-jqgrid
  .ui-jqgrid-hdiv
  .ui-jqgrid-htable
  .ui-jqgrid-labels {
  border-bottom: 1px solid #e1e1e1;
  background: #f1f1f1;
}

.ui-jqgrid
  .ui-subgrid
  .ui-jqgrid
  .ui-jqgrid-hdiv
  .ui-jqgrid-htable
  th[aria-selected="true"] {
  background: #e5e9ef;
}

.ui-jqgrid
  .ui-subgrid
  .ui-jqgrid
  .ui-jqgrid-hdiv
  .ui-jqgrid-htable
  th
  .ui-jqgrid-sortable {
  font-size: 12px;
}

.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th div {
  padding-top: 8px;
  padding-bottom: 8px;
}

.ui-jqgrid
  .ui-subgrid
  .ui-jqgrid
  .ui-jqgrid-hdiv
  .ui-jqgrid-htable
  th
  span.ui-jqgrid-resize {
  height: 36px !important;
}

.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-bdiv {
  height: auto !important;
  max-height: 150px;
  margin-bottom: 4px;
  border-top-width: 0;
  border-bottom: 1px solid #e1e1e1;
}

.ui-jqgrid .ui-sgcollapsed > a:hover {
  text-decoration: none;
}

.ui-jqgrid .ui-pg-button:hover,
.ui-jqgrid .ui-state-disabled:hover {
  padding: 0 1px;
}

.ui-jqgrid
  .ui-pg-table
  .ui-pg-button.ui-state-disabled:hover
  > .ui-pg-div
  > .ui-icon,
.ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-separator {
  margin-left: 4px;
  margin-right: 4px;
}

@media only screen and (max-width: 767px) {
  .ui-jqgrid .ui-jqgrid-pager {
    height: 90px;
  }

  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control {
    height: 85px;
    padding-top: 10px !important;
  }

  .ui-jqgrid
    .ui-jqgrid-pager
    > .ui-pager-control
    > .ui-pg-table
    > tbody
    > tr
    > td {
    vertical-align: top;
  }

  .ui-jqgrid
    .ui-jqgrid-pager
    > .ui-pager-control
    > .ui-pg-table
    > tbody
    > tr
    > td#grid-pager_center {
    width: 0 !important;
    position: static;
  }

  .ui-jqgrid
    .ui-jqgrid-pager
    > .ui-pager-control
    > .ui-pg-table
    > tbody
    > tr
    > td#grid-pager_center
    > .ui-pg-table {
    margin: 36px auto 0;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
  }

  .ui-jqgrid .ui-jqgrid-pager .navtable {
    height: auto;
  }
}

.dd,
.dd-list {
  display: block;
  padding: 0;
  list-style: none;
}

.dd,
.dd-item > button,
.dd-list {
  position: relative;
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) {
  .ui-jqgrid
    .ui-jqgrid-pager
    > .ui-pager-control
    > .ui-pg-table
    > tbody
    > tr
    > td#grid-pager_center
    > .ui-pg-table {
    width: 300px;
  }
}

.dd {
  margin: 0;
  max-width: 600px;
  line-height: 20px;
}

.dd-list {
  margin: 0;
}

.dd-list .dd-list {
  padding-left: 30px;
}

.dd-collapsed .dd-list {
  display: none;
}

.dd-empty,
.dd-item,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  line-height: 20px;
}

.dd-handle,
.dd2-content {
  display: block;
  min-height: 30px;
  margin: 5px 0;
  padding: 5px 12px;
  background: #f8faff;
  border: 1px solid #dae2ea;
  color: #7c9eb2;
  text-decoration: none;
  font-weight: 700;
  box-sizing: border-box;
}

.dd-handle:hover,
.dd2-content:hover {
  color: var(--text-color1);
  background: #f4f6f7;
  border-color: #dce2e8;
}

.dd-handle[class*="btn-"],
.dd2-content[class*="btn-"] {
  color: #fff;
  border: none;
  padding: 9px 12px;
}

.dd-handle[class*="btn-"]:hover,
.dd2-content[class*="btn-"]:hover {
  opacity: 0.85;
  color: #fff;
}

.dd2-handle + .dd2-content,
.dd2-handle + .dd2-content[class*="btn-"] {
  padding-left: 44px;
}

.dd-handle[class*="btn-"]:hover,
.dd2-content[class*="btn-"]
  .dd2-handle[class*="btn-"]:hover
  + .dd2-content[class*="btn-"] {
  color: #fff;
}

.dd-item > button:hover ~ .dd-handle,
.dd-item > button:hover ~ .dd2-content {
  color: var(--text-color1);
  background: #f4f6f7;
  border-color: #dce2e8;
}

.dd-item > button:hover ~ .dd-handle[class*="btn-"],
.dd-item > button:hover ~ .dd2-content[class*="btn-"] {
  opacity: 0.85;
  color: #fff;
}

.dd2-handle:hover ~ .dd2-content {
  color: var(--text-color1);
  background: #f4f6f7;
  border-color: #dce2e8;
}

.dd2-handle:hover ~ .dd2-content[class*="btn-"] {
  opacity: 0.85;
  color: #fff;
}

.dd2-item.dd-item > button {
  margin-left: 34px;
}

.dd-item > button {
  display: block;
  z-index: 1;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 1px 5px 5px;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: 0 0;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: 700;
  top: 4px;
  left: 1px;
  color: #707070;
}

.dd-item > button:before {
  font-family: FontAwesome;
  content: "\f067";
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
  font-weight: 400;
  font-size: 14px;
}

.dd-item > button[data-action="collapse"]:before {
  content: "\f068";
}

.dd-item > button:hover {
  color: #707070;
}

.dd-item.dd-colored > button,
.dd-item.dd-colored > button:hover {
  color: #eee;
}

.dd-empty,
.dd-placeholder {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f0f9ff;
  border: 2px dashed #bed2db;
  box-sizing: border-box;
}

.dd-empty {
  border-color: #aaa;
  border-style: solid;
  background-color: #e5e5e5;
}

.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 999;
  opacity: 0.8;
}

.dd-dragel > li > .dd-handle {
  color: #4b92be;
  background: #f1f5fa;
  border-color: #d6e1ea;
  border-left: 2px solid #777;
  position: relative;
}

.dd-dragel > li > .dd-handle[class*="btn-"] {
  color: #fff;
}

.dd-dragel > .dd-item > .dd-handle {
  margin-top: 0;
}

.dd-list > li[class*="item-"] {
  border-width: 0;
  padding: 0;
}

.dd-list > li[class*="item-"] > .dd-handle {
  border-left: 2px solid;
  border-left-color: inherit;
}

.dd-list > li > .dd-handle .sticker {
  position: absolute;
  right: 0;
  top: 0;
}

.dd-dragel > li > .dd2-handle,
.dd2-handle {
  left: 0;
  top: 0;
  width: 36px;
  margin: 0;
  text-align: center;
  padding: 0 !important;
  line-height: 38px;
  height: 38px;
  background: #ebedf2;
  border: 1px solid #dee4ea;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}

.dd-dragel > li > .dd2-handle,
.dd2-handle:hover {
  background: #e3e8ed;
}

.dd2-handle[class*="btn-"] {
  text-shadow: none !important;
  background: rgba(0, 0, 0, 0.1) !important;
  border-right: 1px solid #eee;
}

.dd2-handle[class*="btn-"]:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

.dd-dragel .dd2-handle[class*="btn-"] {
  border-color: transparent #eee transparent transparent;
}

.dd2-handle.btn-yellow {
  background: rgba(0, 0, 0, 0.05) !important;
  border-right: 1px solid #fff;
}

.dd2-handle.btn-yellow:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

.dd-dragel .dd2-handle.btn-yellow {
  border-color: transparent #fff transparent transparent;
}

.dd-item > .dd2-handle .drag-icon {
  display: none;
}

.dd-dragel > .dd-item > .dd2-handle .drag-icon {
  display: inline;
}

.dd-dragel > .dd-item > .dd2-handle .normal-icon {
  display: none;
}

.dropzone {
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.dropzone.well {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
}

.dropzone .dz-default.dz-message {
  background-image: none;
  font-size: 24px;
  text-align: center;
  line-height: 32px;
  left: 0;
  width: 100%;
  margin-left: auto;
}

.dropzone .dz-default.dz-message span {
  display: inline;
  color: #555;
}

.dropzone .dz-default.dz-message span .upload-icon {
  opacity: 0.7;
  filter: alpha(opacity=70);
  margin-top: 8px;
  cursor: pointer;
}

.dropzone .dz-default.dz-message span .upload-icon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.dropzone .dz-preview.dz-image-preview {
  background-color: transparent;
}

input.tt-hint,
input.tt-query,
input.typeahead {
  min-width: 175px;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #ccc;
  border-radius: 0;
  outline: 0;
}

.form-group input.tt-hint,
input.tt-hint {
  background-color: #fff !important;
  color: #b0b0b0 !important;
}

.tt-menu {
  text-align: left;
  position: absolute;
  left: 0 !important;
  right: 0 !important;
  min-width: 175px;
  margin-top: 2px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-group > .btn.moveall:first-child,
.btn-group > .btn.moveall:first-child + .btn.move,
.btn-group > .btn.remove:first-child,
.btn-group > .btn.remove:first-child + .btn.removeall,
.tt-suggestion p {
  margin: 0;
}

.tt-suggestion {
  padding: 3px 12px 4px;
  font-size: 16px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor,
.tt-suggestion.tt-selectable:hover {
  color: #fff;
  background-color: var(--text-color1);
  cursor: pointer;
}

input.typeahead.scrollable ~ .tt-menu {
  max-height: 200px;
  overflow-y: auto;
}

.bootstrap-duallistbox-container .clear1,
.bootstrap-duallistbox-container .clear2,
.bootstrap-duallistbox-container .info {
  font-size: 12px;
}

.btn.multiselect-clear-filter {
  padding-left: 6px;
  padding-right: 6px;
  line-height: 1.45;
}

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

.multiselect-container > li > a > label {
  padding: 7px 10px 7px 20px;
}

.cancel-off-png,
.cancel-on-png,
.star-half-png,
.star-off-png,
.star-on-png {
  font-size: 2em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  speak: none;
  text-transform: none;
  color: #777;
}

.ace-settings-box .ace-settings-item > label.lbl,
.tags .tag {
  font-size: 13px;
}

.cancel-on-png {
  color: #dd5a43;
}

.cancel-on-png:before {
  content: "\f057";
}

.cancel-off-png {
  color: #e08374;
}

.cancel-off-png:before {
  content: "\f05c";
}

.star-on-png {
  color: #feb902;
}

.star-on-png:before {
  content: "\f005";
}

.star-off-png {
  color: #777;
}

.star-off-png:before {
  content: "\f006";
}

.star-half-png {
  color: #feb902;
}

.star-half-png:before {
  content: "\f123";
}

.icon-animated-bell {
  display: inline-block;
  -moz-animation: ringing 2s 5 ease 1s;
  -webkit-animation: ringing 2s 5 ease 1s;
  -o-animation: ringing 2s 5 ease 1s;
  -ms-animation: ringing 2s 5 ease 1s;
  animation: ringing 2s 5 ease 1s;
  -moz-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

@-moz-keyframes ringing {
  0% {
    -moz-transform: rotate(-15deg);
  }

  2% {
    -moz-transform: rotate(15deg);
  }

  12%,
  4% {
    -moz-transform: rotate(-18deg);
  }

  14%,
  6% {
    -moz-transform: rotate(18deg);
  }

  8% {
    -moz-transform: rotate(-22deg);
  }

  10% {
    -moz-transform: rotate(22deg);
  }

  16% {
    -moz-transform: rotate(-12deg);
  }

  18% {
    -moz-transform: rotate(12deg);
  }

  20% {
    -moz-transform: rotate(0);
  }
}

@-webkit-keyframes ringing {
  0% {
    -webkit-transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
  }

  12%,
  4% {
    -webkit-transform: rotate(-18deg);
  }

  14%,
  6% {
    -webkit-transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0);
  }
}

@-ms-keyframes ringing {
  0% {
    -ms-transform: rotate(-15deg);
  }

  2% {
    -ms-transform: rotate(15deg);
  }

  12%,
  4% {
    -ms-transform: rotate(-18deg);
  }

  14%,
  6% {
    -ms-transform: rotate(18deg);
  }

  8% {
    -ms-transform: rotate(-22deg);
  }

  10% {
    -ms-transform: rotate(22deg);
  }

  16% {
    -ms-transform: rotate(-12deg);
  }

  18% {
    -ms-transform: rotate(12deg);
  }

  20% {
    -ms-transform: rotate(0);
  }
}

@keyframes ringing {
  0% {
    transform: rotate(-15deg);
  }

  2% {
    transform: rotate(15deg);
  }

  12%,
  4% {
    transform: rotate(-18deg);
  }

  14%,
  6% {
    transform: rotate(18deg);
  }

  8% {
    transform: rotate(-22deg);
  }

  10% {
    transform: rotate(22deg);
  }

  16% {
    transform: rotate(-12deg);
  }

  18% {
    transform: rotate(12deg);
  }

  20% {
    transform: rotate(0);
  }
}

.icon-animated-vertical {
  display: inline-block;
  -moz-animation: vertical 2s 5 ease 2s;
  -webkit-animation: vertical 2s 5 ease 2s;
  -o-animation: vertical 2s 5 ease 2s;
  -ms-animation: vertical 2s 5 ease 2s;
  animation: vertical 2s 5 ease 2s;
}

@-moz-keyframes vertical {
  0%,
  16%,
  8% {
    -moz-transform: translate(0, -3px);
  }

  12%,
  20%,
  4% {
    -moz-transform: translate(0, 3px);
  }

  22% {
    -moz-transform: translate(0, 0);
  }
}

@-webkit-keyframes vertical {
  0%,
  16%,
  8% {
    -webkit-transform: translate(0, -3px);
  }

  12%,
  20%,
  4% {
    -webkit-transform: translate(0, 3px);
  }

  22% {
    -webkit-transform: translate(0, 0);
  }
}

@-ms-keyframes vertical {
  0%,
  16%,
  8% {
    -ms-transform: translate(0, -3px);
  }

  12%,
  20%,
  4% {
    -ms-transform: translate(0, 3px);
  }

  22% {
    -ms-transform: translate(0, 0);
  }
}

@keyframes vertical {
  0%,
  16%,
  8% {
    transform: translate(0, -3px);
  }

  12%,
  20%,
  4% {
    transform: translate(0, 3px);
  }

  22% {
    transform: translate(0, 0);
  }
}

.icon-animated-hand-pointer {
  display: inline-block;
  -moz-animation: hand-pointer 2s 4 ease 2s;
  -webkit-animation: hand-pointer 2s 4 ease 2s;
  -o-animation: hand-pointer 2s 4 ease 2s;
  -ms-animation: hand-pointer 2s 4 ease 2s;
  animation: hand-pointer 2s 4 ease 2s;
}

@-moz-keyframes hand-pointer {
  0%,
  12%,
  24%,
  36% {
    -moz-transform: translate(0, 0);
  }

  18%,
  30%,
  6% {
    -moz-transform: translate(5px, 0);
  }
}

.icon-animated-wrench {
  display: inline-block;
  -moz-animation: wrenching 2.5s 4 ease;
  -webkit-animation: wrenching 2.5s 4 ease;
  -o-animation: wrenching 2.5s 4 ease;
  -ms-animation: wrenching 2.5s 4 ease;
  animation: wrenching 2.5s 4 ease;
  -moz-transform-origin: 90% 35%;
  -webkit-transform-origin: 90% 35%;
  -o-transform-origin: 90% 35%;
  -ms-transform-origin: 90% 35%;
  transform-origin: 90% 35%;
}

@-moz-keyframes wrenching {
  0% {
    -moz-transform: rotate(-12deg);
  }

  8% {
    -moz-transform: rotate(12deg);
  }

  10%,
  28%,
  30%,
  48%,
  50%,
  68% {
    -moz-transform: rotate(24deg);
  }

  18%,
  20%,
  38%,
  40%,
  58%,
  60% {
    -moz-transform: rotate(-24deg);
  }

  75% {
    -moz-transform: rotate(0);
  }
}

@-webkit-keyframes wrenching {
  0% {
    -webkit-transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
  }

  10%,
  28%,
  30%,
  48%,
  50%,
  68% {
    -webkit-transform: rotate(24deg);
  }

  18%,
  20%,
  38%,
  40%,
  58%,
  60% {
    -webkit-transform: rotate(-24deg);
  }

  75% {
    -webkit-transform: rotate(0);
  }
}

@-o-keyframes wrenching {
  0% {
    -o-transform: rotate(-12deg);
  }

  8% {
    -o-transform: rotate(12deg);
  }

  10%,
  28%,
  30%,
  48%,
  50%,
  68% {
    -o-transform: rotate(24deg);
  }

  18%,
  20%,
  38%,
  40%,
  58%,
  60% {
    -o-transform: rotate(-24deg);
  }

  75% {
    -o-transform: rotate(0);
  }
}

@-ms-keyframes wrenching {
  0% {
    -ms-transform: rotate(-12deg);
  }

  8% {
    -ms-transform: rotate(12deg);
  }

  10%,
  28%,
  30%,
  48%,
  50%,
  68% {
    -ms-transform: rotate(24deg);
  }

  18%,
  20%,
  38%,
  40%,
  58%,
  60% {
    -ms-transform: rotate(-24deg);
  }

  75% {
    -ms-transform: rotate(0);
  }
}

@keyframes wrenching {
  0% {
    transform: rotate(-12deg);
  }

  8% {
    transform: rotate(12deg);
  }

  10%,
  28%,
  30%,
  48%,
  50%,
  68% {
    transform: rotate(24deg);
  }

  18%,
  20%,
  38%,
  40%,
  58%,
  60% {
    transform: rotate(-24deg);
  }

  75% {
    transform: rotate(0);
  }
}

@-moz-keyframes blinking {
  0%,
  80% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }
}

@-webkit-keyframes blinking {
  0%,
  80% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }
}

@-ms-keyframes blinking {
  0%,
  80% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }
}

@keyframes blinking {
  0%,
  80% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }
}

@-moz-keyframes pulsating {
  0%,
  10%,
  20%,
  30%,
  40% {
    -moz-transform: scale(1);
  }

  25%,
  5% {
    -moz-transform: scale(0.75);
  }

  15%,
  35% {
    -moz-transform: scale(1.25);
  }
}

@-webkit-keyframes pulsating {
  0%,
  10%,
  20%,
  30%,
  40% {
    -webkit-transform: scale(1);
  }

  25%,
  5% {
    -webkit-transform: scale(0.75);
  }

  15%,
  35% {
    -webkit-transform: scale(1.25);
  }
}

@-ms-keyframes pulsating {
  0%,
  10%,
  20%,
  30%,
  40% {
    -ms-transform: scale(1);
  }

  25%,
  5% {
    -ms-transform: scale(0.75);
  }

  15%,
  35% {
    -ms-transform: scale(1.25);
  }
}

@keyframes pulsating {
  0%,
  10%,
  20%,
  30%,
  40% {
    transform: scale(1);
  }

  25%,
  5% {
    transform: scale(0.75);
  }

  15%,
  35% {
    transform: scale(1.25);
  }
}

.btn-scroll-up {
  border-width: 0;
  position: fixed;
  right: 2px;
  z-index: 99;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 0;
  filter: alpha(opacity=0);
  bottom: -24px;
  visibility: hidden;
}

.btn-scroll-up.display {
  opacity: 0.7;
  filter: alpha(opacity=70);
  bottom: 2px;
  visibility: visible;
}

.btn-scroll-up:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn-scroll-up:focus {
  outline: 0;
}

@media (min-width: 768px) {
  .main-container.container > .btn-scroll-up {
    right: auto;
    margin-left: 714px;
  }
}

@media (min-width: 992px) {
  .main-container.container > .btn-scroll-up {
    right: auto;
    margin-left: 934px;
  }
}

@media (min-width: 1200px) {
  .main-container.container > .btn-scroll-up {
    right: auto;
    margin-left: 1134px;
  }
}

.ace-settings-container {
  position: absolute;
  right: 0;
  top: auto;
  z-index: 12;
}

.btn.btn-app.ace-settings-btn {
  float: left;
  display: block;
  text-align: center;
  border-radius: 6px 0 0 6px;
  opacity: 0.55;
  vertical-align: top;
  margin: 0;
}

.btn.btn-app.ace-settings-btn.open,
.btn.btn-app.ace-settings-btn:hover {
  opacity: 1;
}

.btn.btn-app.ace-settings-btn.btn-xs {
  width: 42px;
}

.ace-settings-box {
  display: block;
  float: left;
  max-width: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  background-color: #fff;
  border: 0 solid #ffb34b;
  -webkit-transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s,
    padding 0s linear 0.25s, border-width 0s linear 0.25s;
  -o-transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s,
    padding 0s linear 0.25s, border-width 0s linear 0.25s;
  transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s,
    padding 0s linear 0.25s, border-width 0s linear 0.25s;
}

.ace-settings-box.open {
  max-width: 320px;
  max-height: 1000px;
  padding: 0 14px;
  border-width: 2px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.ace-settings-box.open .ace-settings-item {
  z-index: auto;
  min-width: 140px;
}

.ace-settings-box .ace-settings-item {
  margin: 6px 0;
  color: #444;
  max-height: 24px;
  position: relative;
  z-index: -1;
  white-space: nowrap;
}

@media (max-width: 480px) {
  .ace-settings-container {
    text-align: right;
  }

  .ace-settings-box {
    float: none !important;
    text-align: left;
  }

  .btn.ace-settings-btn {
    float: none !important;
    display: inline-block;
  }
}

@media (max-width: 320px) {
  .ace-settings-box > .clearfix > .pull-left,
  .ace-settings-box > .clearfix > .pull-right {
    float: none !important;
  }
}

.grid2,
.grid3,
.grid4 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 0 1%;
  padding: 0 2%;
  float: left;
  border-left: 1px solid #e3e3e3;
}

.grid2:first-child,
.grid3:first-child,
.grid4:first-child {
  border-left: none;
}

.grid2 {
  width: 48%;
}

.grid3 {
  width: 31.33%;
}

.grid4 {
  width: 23%;
  padding: 0 1%;
}

.draggable-placeholder {
  border: 2px dashed #d9d9d9 !important;
  background-color: #f7f7f7 !important;
}

.easy-pie-chart,
.easyPieChart {
  position: relative;
  text-align: center;
}

.easy-pie-chart canvas,
.easyPieChart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.knob-container {
  direction: ltr;
  text-align: left;
}

.tags {
  display: inline-block;
  padding: 4px 6px;
  color: #777;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  width: 206px;
}

.tags:hover {
  border-color: #b5b5b5;
}

.tags-hover,
.tags-hover:hover {
  border-color: #f59942;
  outline: 0;
}

.tags[class*="span"] {
  float: none;
  margin-left: 0;
}

.tags input[type="text"],
.tags input[type="text"]:focus {
  border: none;
  display: inline;
  outline: 0;
  margin: 0;
  padding: 0;
  line-height: 18px;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
}

.tags .tag {
  display: inline-block;
  position: relative;
  font-weight: 400;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #91b8d0;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  padding: 4px 22px 5px 9px;
  margin-bottom: 3px;
  margin-right: 3px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.tags .tag:empty {
  display: none;
}

.tags .tag-important {
  background-color: var(--text-color3);
}

.tags .tag-warning {
  background-color: var(--text-color1);
}

.tags .tag-success {
  background-color: #87b87f;
}

.tags .tag-info {
  background-color: var(--text-color1);
}

.tags .tag-inverse {
  background-color: #555;
}

.tags .tag .close {
  font-size: 15px;
  line-height: 20px;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  text-shadow: none;
  float: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 18px;
  text-align: center;
}

.tags .tag .close:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.page-content > .row .col-lg-12,
.page-content > .row .col-md-12,
.page-content > .row .col-sm-12,
.page-content > .row .col-xs-12 {
  float: left;
  max-width: 100%;
}

.col-xs-reset {
  width: auto;
  padding-left: 0;
  padding-right: 0;
  float: none !important;
}

@media (min-width: 768px) {
  .col-sm-reset {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    float: none !important;
  }
}

@media (min-width: 992px) {
  .col-md-reset {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .col-lg-reset {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    float: none !important;
  }
}

.jqstooltip,
.legendColorBox div {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.legendLabel {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 22px;
  padding-left: 2px;
  font-size: 10px;
}

.navbar-fixed-top + .main-container {
  padding-top: 45px;
}

@media (max-width: 479px) {
  .navbar-fixed-top + .main-container {
    padding-top: 90px;
  }

  .navbar-fixed-top.navbar-collapse + .main-container {
    padding-top: 45px;
  }
}

@media only screen and (max-width: 360px) {
  .grid2,
  .grid3,
  .grid4 {
    float: none;
    display: block;
    width: 96%;
    border-left-width: 0;
    position: relative;
    margin-bottom: 11px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 4px;
  }

  .grid2 > [class*="pull-"],
  .grid3 > [class*="pull-"],
  .grid4 > [class*="pull-"] {
    float: none !important;
    display: inline-block;
    position: absolute;
    right: 11px;
    top: 0;
    margin-top: 0;
  }

  .grid2:last-child,
  .grid3:last-child,
  .grid4:last-child {
    border-bottom-width: 0;
  }
}

@media only screen and (max-width: 480px) {
  .hidden-480 {
    display: none !important;
  }
}

@media only screen and (max-width: 320px) {
  .hidden-320 {
    display: none !important;
  }
}

.no-skin .navbar .navbar-toggle {
  background-color: #75b3d7;
}

.no-skin .navbar .navbar-toggle:focus {
  background-color: #75b3d7;
  border-color: transparent;
}

.no-skin .navbar .navbar-toggle:hover {
  background-color: #61a8d1;
  border-color: rgba(255, 255, 255, 0.1);
}

.no-skin .navbar .navbar-toggle.display,
.no-skin .navbar .navbar-toggle[data-toggle="collapse"]:not(.collapsed) {
  background-color: #4d9dcc;
  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(255, 255, 255, 0.35);
}

.no-skin .sidebar {
  background-color: #f2f2f2;
  border-style: solid;
  border-color: #ccc;
  border-width: 0 1px 0 0;
}

.no-skin .nav-list .open > a,
.no-skin .nav-list .open > a:focus,
.no-skin .nav-list .open > a:hover {
  background-color: #fafafa;
}

.no-skin .nav-list > li {
  border-color: #e5e5e5;
}

.no-skin .nav-list > li > a {
  background-color: #f8f8f8;
  /*color: var(--text-color2);*/
}

.no-skin .nav-list > li > a:focus {
  background-color: #f8f8f8;
  color: #1963aa;
}

.no-skin .nav-list > li:hover > a {
  background-color: #fff;
  color: var(--text-color3);
}

.no-skin .nav-list > li.open > a {
  background-color: #fafafa;
  color: #1963aa;
}

.no-skin .nav-list > li.active > a {
  font-weight: 700;
  color: var(--text-color3);
}

.no-skin .nav-list > li.active > a,
.no-skin .nav-list > li.active > a:focus,
.no-skin .nav-list > li.active > a:hover {
  background-color: #fff;
}

.no-skin .nav-list > li .submenu {
  background-color: #fff;
  border-color: #e5e5e5;
}

.no-skin .nav-list > li .submenu > li > a {
  border-top-color: #e4e4e4;
  background-color: #fff;
  color: #616161;
}

.no-skin .nav-list > li .submenu > li > a:hover {
  color: var(--text-color3);
  background-color: #f1f5f9;
}

.no-skin .nav-list > li .submenu > li.active > a {
  color: var(--text-color3);
}

.no-skin .nav-list > li .submenu > li.active > a > .menu-icon {
  color: #c86139;
}

.no-skin .nav-list > li .submenu > li.active.open > a > .menu-icon {
  color: inherit;
}

@media only screen and (min-width: 992px) {
  .no-skin
    .nav-list
    > li
    .submenu
    > li.active.hover
    > a.dropdown-toggle
    > .menu-icon {
    color: inherit;
  }
}

.no-skin .nav-list > li .submenu > li.active:not(.open) > a {
  background-color: #f5f7fa;
}

.no-skin .nav-list > li .submenu > li.active:not(.open) > a:hover {
  background-color: #f1f5f9;
}

.no-skin .nav-list > li > .submenu .open > a,
.no-skin .nav-list > li > .submenu .open > a:focus,
.no-skin .nav-list > li > .submenu .open > a:hover {
  border-color: #e4e4e4;
}

.no-skin .nav-list > li > .submenu li > .submenu > li a {
  color: #757575;
}

.no-skin .nav-list > li > .submenu li > .submenu > li a:hover {
  color: var(--text-color3);
  background-color: #f1f5f9;
}

.no-skin .nav-list > li > .submenu li.open > a,
.no-skin .nav-list > li > .submenu li > .submenu li.active > a,
.no-skin .nav-list > li > .submenu li > .submenu li.open > a {
  color: var(--text-color3);
}

.no-skin .nav-list > li > .submenu:before,
.no-skin .nav-list > li > .submenu > li:before {
  border-color: #9dbdd6;
}

.no-skin .nav-list > li.active > .submenu:before,
.no-skin .nav-list > li.active > .submenu > li:before {
  border-color: #8eb3d0;
}

.no-skin .sidebar-toggle {
  background-color: #f3f3f3;
  border-color: #e0e0e0;
}

.no-skin .sidebar-toggle > .ace-icon {
  border-color: #bbb;
  color: #aaa;
  background-color: #fff;
}

.no-skin .sidebar-shortcuts {
  background-color: #fafafa;
}

.no-skin .sidebar-fixed .sidebar-shortcuts {
  border-color: #ddd;
}

.no-skin .sidebar-shortcuts-mini {
  background-color: #fff;
}

.no-skin .nav-list li > .arrow:before {
  border-right-color: #b8b8b8;
  border-width: 10px 10px 10px 0;
  left: -10px;
}

.no-skin .nav-list li > .arrow:after {
  border-right-color: #fff;
  border-width: 10px 10px 10px 0;
  left: -9px;
}

.no-skin .nav-list > li.pull_up > .arrow:after {
  border-right-color: #fff !important;
}

.no-skin .nav-list li.active > a:after {
  border-right-color: var(--text-color3);
}

.no-skin .nav-list > li.active:after {
  display: block;
  content: "";
  position: absolute;
  right: -2px;
  top: -1px;
  bottom: 0;
  z-index: 1;
  border: 2px solid var(--text-color3);
  border-width: 0 2px 0 0;
}

.no-skin .sidebar-scroll .nav-list > li.active:after {
  right: 0;
}

.no-skin .sidebar.menu-min .nav-list > li > a > .menu-text {
  background-color: #f5f5f5;
  -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-color: #ccc;
}

.no-skin .sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.no-skin .sidebar.menu-min .nav-list > li.active > .submenu {
  border-left-color: #83b6d1;
}

.no-skin .sidebar.menu-min .nav-list > li > .submenu {
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.no-skin .sidebar.menu-min .nav-list > li > .arrow:after {
  border-right-color: #f5f5f5;
  border-width: 8px 8px 8px 0;
  left: -8px;
}

.no-skin .sidebar.menu-min .nav-list > li > .arrow:before {
  border-width: 8px 8px 8px 0;
  left: -9px;
}

.no-skin .sidebar.menu-min .nav-list > li.active > .arrow:before {
  border-right-color: #5a9ec2;
}

.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
  border-left-color: #83b6d1;
}

.no-skin .sidebar.menu-min .sidebar-shortcuts-large {
  background-color: #fff;
  -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-color: #ccc;
}

.no-skin .sidebar.menu-min .sidebar-toggle > .ace-icon {
  border-color: #b1b1b1;
}