/* DO NOT DELETE - used for rebasing url references during build process - DO NOT DELETE */
/*
 * jQuery UI CSS Framework 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px,1px,1px,1px);
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

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

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  zoom: 1;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 * jQuery UI CSS Framework 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */

/* Component containers
----------------------------------*/

.ui-widget-content {
  background: #ffffff url("../../../vendors/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222222;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget-header {
  background: #cccccc url("../../../vendors/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #e6e6e6 url("../../../vendors/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover a,
.ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url("../../../vendors/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-widget :active {
  outline: none;
}

/* Interaction Cues
----------------------------------
*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("../../../vendors/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("../../../vendors/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("../../../vendors/css/smoothness/images/ui-icons_222222_256x240.png");
}

.ui-widget-content .ui-icon {
  background-image: url("../../../vendors/css/smoothness/images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("../../../vendors/css/smoothness/images/ui-icons_222222_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("../../../vendors/css/smoothness/images/ui-icons_888888_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../../../vendors/css/smoothness/images/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("../../../vendors/css/smoothness/images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("../../../vendors/css/smoothness/images/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../../../vendors/css/smoothness/images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius 
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
*/

/* Overlays */

.ui-widget-overlay {
  background: #aaaaaa url("../../../vendors/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url("../../../vendors/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/*
 * jQuery UI Resizable 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/*
 * jQuery UI Selectable 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

/*
 * jQuery UI Accordion 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */

/* IE/Win - Fix animation bug - #4615
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */

.ui-autocomplete {
  position: absolute;
  cursor: default;
}

/* workarounds */

* html .ui-autocomplete {
  width: 1px;
}

/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.18
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
*/

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}

.ui-menu .ui-menu {
  margin-top: -3px;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

/*
 * jQuery UI Button 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: hidden;
  *overflow: visible;
}

/* the overflow property removes extra width in IE */

.ui-button-icon-only {
  width: 2.2em;
}

/* to make room for the icon, a width needs to be set here */

button.ui-button-icon-only {
  width: 2.4em;
}

/* button elements seem to need a little more width */

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/*button text element */

.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */

input.ui-button {
  padding: .4em 1em;
}

/*button icon element(s) */

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

/*button sets*/

.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em;
}

/* workarounds */

button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* reset extra padding in Firefox */

/*
 * jQuery UI Dialog 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */

.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}

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

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

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/*
 * jQuery UI Slider 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/*
/*
 * jQuery UI Datepicker 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

/*.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }*/

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

/* RTL support */

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */

.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}

/*
 * jQuery UI Progressbar 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.entity-type-ALL {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 0 no-repeat;
}

.entity-type-ALL-dims {
  width: 18px;
  height: 18px;
}

.entity-type-APPLICATIONKEY {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 2.3376623376623376% no-repeat;
}

.entity-type-APPLICATIONKEY-dims {
  width: 16px;
  height: 16px;
}

.entity-type-AUTHENTICATOR {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 4.415584415584416% no-repeat;
}

.entity-type-AUTHENTICATOR-dims {
  width: 16px;
  height: 16px;
}

.entity-type-BLOG {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 6.4935064935064934% no-repeat;
}

.entity-type-BLOG-dims {
  width: 16px;
  height: 16px;
}

.entity-type-DASHBOARD {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 8.571428571428571% no-repeat;
}

.entity-type-DASHBOARD-dims {
  width: 16px;
  height: 16px;
}

.entity-type-DATASHAPE {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 10.64935064935065% no-repeat;
}

.entity-type-DATASHAPE-dims {
  width: 16px;
  height: 16px;
}

.entity-type-DATATABLE {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 12.727272727272727% no-repeat;
}

.entity-type-DATATABLE-dims {
  width: 16px;
  height: 16px;
}

.entity-type-DATATAG {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 14.805194805194805% no-repeat;
}

.entity-type-DATATAG-dims {
  width: 16px;
  height: 16px;
}

.entity-type-DATATAGVOCABULARY {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 16.883116883116884% no-repeat;
}

.entity-type-DATATAGVOCABULARY-dims {
  width: 16px;
  height: 16px;
}

.entity-type-DIRECTORYSERVICE {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 18.961038961038962% no-repeat;
}

.entity-type-DIRECTORYSERVICE-dims {
  width: 16px;
  height: 16px;
}

.entity-type-EXTENSIONPACKAGE {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 21.038961038961038% no-repeat;
}

.entity-type-EXTENSIONPACKAGE-dims {
  width: 16px;
  height: 16px;
}

.entity-type-FLOWCONNECTOR {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 23.116883116883116% no-repeat;
}

.entity-type-FLOWCONNECTOR-dims {
  width: 16px;
  height: 16px;
}

.entity-type-FLOWWORKFLOW {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 25.194805194805195% no-repeat;
}

.entity-type-FLOWWORKFLOW-dims {
  width: 16px;
  height: 16px;
}

.entity-type-FLOWWORKFLOWLOG {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 27.272727272727273% no-repeat;
}

.entity-type-FLOWWORKFLOWLOG-dims {
  width: 16px;
  height: 16px;
}

.entity-type-GADGET {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 29.350649350649352% no-repeat;
}

.entity-type-GADGET-dims {
  width: 16px;
  height: 16px;
}

.entity-type-GROUP {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 31.428571428571427% no-repeat;
}

.entity-type-GROUP-dims {
  width: 16px;
  height: 16px;
}

.entity-type-INDUSTRIALGATEWAY {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 33.506493506493506% no-repeat;
}

.entity-type-INDUSTRIALGATEWAY-dims {
  width: 16px;
  height: 16px;
}

.entity-type-INTEGRATIONCONNECTOR {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 35.58441558441559% no-repeat;
}

.entity-type-INTEGRATIONCONNECTOR-dims {
  width: 16px;
  height: 16px;
}

.entity-type-LOCALIZATIONTABLE {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 37.66233766233766% no-repeat;
}

.entity-type-LOCALIZATIONTABLE-dims {
  width: 16px;
  height: 16px;
}

.entity-type-LOG {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 39.74025974025974% no-repeat;
}

.entity-type-LOG-dims {
  width: 16px;
  height: 16px;
}

.entity-type-MASHUP {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 41.81818181818182% no-repeat;
}

.entity-type-MASHUP-dims {
  width: 16px;
  height: 16px;
}

.entity-type-MASHUPTEMPLATE {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 43.896103896103895% no-repeat;
}

.entity-type-MASHUPTEMPLATE-dims {
  width: 16px;
  height: 16px;
}

.entity-type-MASTER {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 45.97402597402598% no-repeat;
}

.entity-type-MASTER-dims {
  width: 16px;
  height: 16px;
}

.entity-type-MEDIAENTITY {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 48.05194805194805% no-repeat;
}

.entity-type-MEDIAENTITY-dims {
  width: 16px;
  height: 16px;
}

.entity-type-MENU {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 50.12987012987013% no-repeat;
}

.entity-type-MENU-dims {
  width: 16px;
  height: 16px;
}

.entity-type-MODELTAG {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 52.20779220779221% no-repeat;
}

.entity-type-MODELTAG-dims {
  width: 16px;
  height: 16px;
}

.entity-type-MODELTAGVOCABULARY {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 54.285714285714285% no-repeat;
}

.entity-type-MODELTAGVOCABULARY-dims {
  width: 16px;
  height: 16px;
}

.entity-type-NETWORK {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 56.36363636363637% no-repeat;
}

.entity-type-NETWORK-dims {
  width: 16px;
  height: 16px;
}

.entity-type-NOTIFICATIONCONTENT {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 58.44155844155844% no-repeat;
}

.entity-type-NOTIFICATIONCONTENT-dims {
  width: 16px;
  height: 16px;
}

.entity-type-NOTIFICATIONDEFINITION {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 60.51948051948052% no-repeat;
}

.entity-type-NOTIFICATIONDEFINITION-dims {
  width: 16px;
  height: 16px;
}

.entity-type-ORGANIZATION {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 62.5974025974026% no-repeat;
}

.entity-type-ORGANIZATION-dims {
  width: 16px;
  height: 16px;
}

.entity-type-PERSISTENCEPROVIDER {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 64.67532467532467% no-repeat;
}

.entity-type-PERSISTENCEPROVIDER-dims {
  width: 16px;
  height: 16px;
}

.entity-type-PERSISTENCEPROVIDERPACKAGE {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 66.75324675324676% no-repeat;
}

.entity-type-PERSISTENCEPROVIDERPACKAGE-dims {
  width: 16px;
  height: 16px;
}

.entity-type-PROJECT {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 68.83116883116882% no-repeat;
}

.entity-type-PROJECT-dims {
  width: 16px;
  height: 16px;
}

.entity-type-RESOURCE {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 70.9090909090909% no-repeat;
}

.entity-type-RESOURCE-dims {
  width: 16px;
  height: 16px;
}

.entity-type-SCHEDULER {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 72.98701298701299% no-repeat;
}

.entity-type-SCHEDULER-dims {
  width: 16px;
  height: 16px;
}

.entity-type-STATEDEFINITION {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 75.06493506493507% no-repeat;
}

.entity-type-STATEDEFINITION-dims {
  width: 16px;
  height: 16px;
}

.entity-type-STREAM {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 77.14285714285714% no-repeat;
}

.entity-type-STREAM-dims {
  width: 16px;
  height: 16px;
}

.entity-type-STYLEDEFINITION {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 79.22077922077922% no-repeat;
}

.entity-type-STYLEDEFINITION-dims {
  width: 16px;
  height: 16px;
}

.entity-type-STYLETHEME {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 81.2987012987013% no-repeat;
}

.entity-type-STYLETHEME-dims {
  width: 16px;
  height: 16px;
}

.entity-type-SUBSYSTEM {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 83.37662337662337% no-repeat;
}

.entity-type-SUBSYSTEM-dims {
  width: 16px;
  height: 16px;
}

.entity-type-THING {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 85.45454545454545% no-repeat;
}

.entity-type-THING-dims {
  width: 16px;
  height: 16px;
}

.entity-type-THINGGROUP {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 87.53246753246754% no-repeat;
}

.entity-type-THINGGROUP-dims {
  width: 16px;
  height: 16px;
}

.entity-type-THINGSHAPE {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 89.6103896103896% no-repeat;
}

.entity-type-THINGSHAPE-dims {
  width: 16px;
  height: 16px;
}

.entity-type-THINGTEMPLATE {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 91.68831168831169% no-repeat;
}

.entity-type-THINGTEMPLATE-dims {
  width: 16px;
  height: 16px;
}

.entity-type-TIMER {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 93.76623376623377% no-repeat;
}

.entity-type-TIMER-dims {
  width: 16px;
  height: 16px;
}

.entity-type-USER {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 95.84415584415585% no-repeat;
}

.entity-type-USER-dims {
  width: 16px;
  height: 16px;
}

.entity-type-VALUESTREAM {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 97.92207792207792% no-repeat;
}

.entity-type-VALUESTREAM-dims {
  width: 16px;
  height: 16px;
}

.entity-type-WIKI {
  background: url("../../Common/resources/entity-type/css/svg/sprite-9.7.2.css.svg") 0 100% no-repeat;
}

.entity-type-WIKI-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-add-data {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 0 no-repeat;
}

.tw-icon-add-data-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-async {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 1.6632016632016633% no-repeat;
}

.tw-icon-async-dims {
  width: 18px;
  height: 18px;
}

.tw-icon-beta {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 3.5269709543568464% no-repeat;
}

.tw-icon-beta-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-bottom {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 5.186721991701245% no-repeat;
}

.tw-icon-bottom-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-bound-property-both-bound {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 6.846473029045643% no-repeat;
}

.tw-icon-bound-property-both-bound-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-bound-property-both-empty {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 8.506224066390041% no-repeat;
}

.tw-icon-bound-property-both-empty-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-bound-property-left-bound {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 10.16597510373444% no-repeat;
}

.tw-icon-bound-property-left-bound-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-bound-property-left-empty {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 11.825726141078839% no-repeat;
}

.tw-icon-bound-property-left-empty-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-bound-property-right-bound {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 13.485477178423237% no-repeat;
}

.tw-icon-bound-property-right-bound-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-bound-property-right-empty {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 15.145228215767634% no-repeat;
}

.tw-icon-bound-property-right-empty-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-code {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 16.804979253112034% no-repeat;
}

.tw-icon-code-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-collapse {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 18.46473029045643% no-repeat;
}

.tw-icon-collapse-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-collapse-inverted {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 20.12448132780083% no-repeat;
}

.tw-icon-collapse-inverted-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-collapse-thick {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 21.78423236514523% no-repeat;
}

.tw-icon-collapse-thick-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-configuration {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 23.443983402489625% no-repeat;
}

.tw-icon-configuration-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-configuration-alt {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 25.103734439834025% no-repeat;
}

.tw-icon-configuration-alt-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-configuration-disabled {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 26.763485477178424% no-repeat;
}

.tw-icon-configuration-disabled-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-configure-bindings {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 28.42323651452282% no-repeat;
}

.tw-icon-configure-bindings-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-configure-bindings-alt {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 30.08298755186722% no-repeat;
}

.tw-icon-configure-bindings-alt-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-connections {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 31.74273858921162% no-repeat;
}

.tw-icon-connections-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-connections-alt {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 33.40248962655602% no-repeat;
}

.tw-icon-connections-alt-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-delete {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 35.06224066390042% no-repeat;
}

.tw-icon-delete-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-deprecated {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 36.72199170124481% no-repeat;
}

.tw-icon-deprecated-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-dropdown-menu-arrow {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 38.38174273858921% no-repeat;
}

.tw-icon-dropdown-menu-arrow-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-edit {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 40.04149377593361% no-repeat;
}

.tw-icon-edit-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-edit-alt {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 41.70124481327801% no-repeat;
}

.tw-icon-edit-alt-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-entity {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 43.36099585062241% no-repeat;
}

.tw-icon-entity-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-event {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 45.02074688796681% no-repeat;
}

.tw-icon-event-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-expand {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 46.6804979253112% no-repeat;
}

.tw-icon-expand-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-expand-inverted {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 48.3402489626556% no-repeat;
}

.tw-icon-expand-inverted-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-insert {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 50% no-repeat;
}

.tw-icon-insert-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-inspect {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 51.6597510373444% no-repeat;
}

.tw-icon-inspect-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-internal {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 53.3195020746888% no-repeat;
}

.tw-icon-internal-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-left {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 54.97925311203319% no-repeat;
}

.tw-icon-left-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-legacy {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 56.63900414937759% no-repeat;
}

.tw-icon-legacy-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-magic-picker {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 58.29875518672199% no-repeat;
}

.tw-icon-magic-picker-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-mashup {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 59.95850622406639% no-repeat;
}

.tw-icon-mashup-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-mashup-inverted {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 61.61825726141079% no-repeat;
}

.tw-icon-mashup-inverted-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-modified {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 63.27800829875519% no-repeat;
}

.tw-icon-modified-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-more-info {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 64.93775933609959% no-repeat;
}

.tw-icon-more-info-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-new {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 66.59751037344398% no-repeat;
}

.tw-icon-new-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-new-alt {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 68.25726141078839% no-repeat;
}

.tw-icon-new-alt-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-new-inverted {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 69.91701244813278% no-repeat;
}

.tw-icon-new-inverted-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-override {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 71.72557172557173% no-repeat;
}

.tw-icon-override-dims {
  width: 18px;
  height: 18px;
}

.tw-icon-persistent {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 73.44398340248962% no-repeat;
}

.tw-icon-persistent-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-preview {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 75.10373443983403% no-repeat;
}

.tw-icon-preview-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-preview-alt {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 76.76348547717842% no-repeat;
}

.tw-icon-preview-alt-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-private {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 78.42323651452283% no-repeat;
}

.tw-icon-private-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-refresh {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 80.08298755186722% no-repeat;
}

.tw-icon-refresh-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-refresh-alt {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 81.74273858921161% no-repeat;
}

.tw-icon-refresh-alt-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-remove {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 83.40248962655602% no-repeat;
}

.tw-icon-remove-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-remove-alt {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 85.06224066390041% no-repeat;
}

.tw-icon-remove-alt-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-reset {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 86.72199170124482% no-repeat;
}

.tw-icon-reset-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-reset-alt {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 88.38174273858921% no-repeat;
}

.tw-icon-reset-alt-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-responsive {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 90.04149377593362% no-repeat;
}

.tw-icon-responsive-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-restricted {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 91.70124481327801% no-repeat;
}

.tw-icon-restricted-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-right {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 93.3609958506224% no-repeat;
}

.tw-icon-right-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-service {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 95.02074688796681% no-repeat;
}

.tw-icon-service-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-themable {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 96.6804979253112% no-repeat;
}

.tw-icon-themable-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-top {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 98.34024896265561% no-repeat;
}

.tw-icon-top-dims {
  width: 16px;
  height: 16px;
}

.tw-icon-trans-swatch {
  background: url("../../Common/resources/tw-icon/css/svg/sprite-9.7.2.css.svg") 0 100% no-repeat;
}

.tw-icon-trans-swatch-dims {
  width: 16px;
  height: 16px;
}

.mb-icon,
.tw-icon {
  display: inline-flex;
  height: 16px;
  width: 16px;
}

.normal-magic-picker .entity-container .btn-group .entity-element-itself {
  align-items: center;
  display: flex;
}

.actual-entitypicker .entity-container .btn-group .entity-element-itself {
  padding-top: 6px;
}

.entity-element-itself [class*="entity-type"],
.nav-list [class*="entity-type"] {
  display: inline-block;
  height: 16px;
  width: 16px;
}

.entity-element-itself .entity-type {
  margin-right: 3px;
  position: relative;
}

input,
button,
select,
textarea {
  -webkit-font-smoothing: antialiased;
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

blockquote,
body,
button,
dir,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
keygen,
legend,
menu,
ol,
p,
plaintext,
pre,
select,
summary,
textarea,
ul,
xmp {
  margin: 0;
  padding: 0;
}

* :focus {
  outline: none;
}

html,
body {
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

body {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
}

.noScroll {
  overflow: hidden;
}

table td,
table th {
  padding: 0;
}

img {
  border: none;
}

input,
textarea {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.textsize-xsmall {
  font-size: 9px;
}

.textsize-small {
  font-size: 10px;
}

.textsize-normal {
  font-size: 11px;
}

.textsize-large {
  font-size: 12px;
}

.textsize-xlarge {
  font-size: 14px;
}

.textsize-xxl {
  font-size: 16px;
}

.textsize-2xl {
  font-size: 18px;
}

.textsize-20px {
  font-size: 20px;
}

.textsize-3xl {
  font-size: 22px;
}

.textsize-24px {
  font-size: 24px;
}

.textsize-26px {
  font-size: 26px;
}

.textsize-28px {
  font-size: 28px;
}

.textsize-36px {
  font-size: 36px;
  line-height: 26px;
}

.textsize-42px {
  font-size: 42px;
  line-height: 32px;
}

.textsize-48px {
  font-size: 48px;
  line-height: 36px;
}

.textsize-72px {
  font-size: 72px;
  line-height: 48px;
}

#runtime > .mashup-popup {
  -moz-box-shadow: 0 0 150px #333;
  -webkit-box-shadow: 0 0 150px #333;
  box-shadow: 0 0 150px #333;
}

#runtime > .mashup-popup .popup-mashup-goes-here {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: relative;
}

#runtime > .mashup-popup.has-title .popup-title {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: move;
  display: table;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  padding-left: 10px;
  left: 0;
  right: 0;
  position: absolute;
  top: -25px;
  width: 100%;
}

#runtime > .mashup-popup.has-title .title-text {
  display: table-cell;
  vertical-align: middle;
}

#runtime > .mashup-popup-overlay {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #000;
  /*opacity: 0.9;*/
  position: fixed;
  z-index: 15001;
}

/*mashup toolbar from builder*/

#mashup-toolbar-resolution {
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  line-height: 31px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

#mashup-toolbar-resolution .reload-icon {
  background: url("../images/refresh.png") no-repeat left center;
  padding: 2px 0 2px 18px;
}

#mashup-toolbar-resolution .mashup-toolbar-items li {
  float: left;
  height: 31px;
  list-style: none;
  padding: 0px 10px;
}

#mashup-toolbar-resolution .mashup-toolbar-button,
#bindings-info button {
  padding: 0px 10px;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -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);
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  line-height: 24px;
}

#mashup-toolbar-resolution .mashup-toolbar-button:hover,
#mashup-toolbar-resolution .mashup-toolbar-button:active {
  background-color: #e6e6e6;
}

#mashup-toolbar-resolution .mashup-toolbar-button:hover {
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

#mashup-toolbar-resolution .mashup-toolbar-button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#mashup-toolbar-resolution li.divider {
  width: 0px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

}

/* dashboard */

/*.dashboard-menu {*/

/*background-position: center center;*/

/*background-repeat: no-repeat;*/

/*cursor: pointer;*/

/*display: block;*/

/*height: 100%;*/

/*width: 100%;*/

/*-webkit-touch-callout: none;*/

/*-webkit-user-select: none;*/

/*-khtml-user-select: none;*/

/*-moz-user-select: none;*/

/*-ms-user-select: none;*/

/*-o-user-select: none;*/

/*user-select: none;*/

/*}*/

/*.dashboard-menu-items {*/

/*background: #eee;*/

/*border: 1px solid #aaa;*/

/*left: 16px;*/

/*padding: 5px 0;*/

/*position: absolute;*/

/*width: 160px;*/

/*z-index: 9000;*/

/*}*/

/*.dashboard-menu-items li {*/

/*color: #333;*/

/*height: 18px;*/

/*line-height: 18px;*/

/*list-style: none;*/

/*padding: 0 10px;*/

/*}*/

/*.dashboard-menu-items li:hover {*/

/*background: #333;*/

/*color: #fff;*/

/*}*/

/*.dashboard-menu-container {*/

/*z-index: 9999;*/

/*position: absolute;*/

/*left: 2px;*/

/*top: 2px;*/

/*width: 22px;*/

/*height: 22px;*/

/*border-radius: 3px;*/

/*box-sizing: border-box;*/

/*-webkit-box-sizing: border-box;*/

/*-moz-box-sizing: border-box;*/

/*}*/

/*.dashboard-overlay {*/

/*z-index: 9998;*/

/*position: absolute;*/

/*top: 0px;*/

/*left: 0px;*/

/*width: 100%;*/

/*height: 100%;*/

/*background: #002e7a url(../images/overlay-pattern.png) repeat top left;*/

/*opacity: 0.3;*/

/*}*/

/*dashboard dialog*/

.dashboard-dialog .dashboard {
  padding: 8px;
}

.dashboard .dashboard-description {
  font-weight: bold;
  padding-right: 6px;
  display: block;
}

.dashboard .dashboard-item-description {
  font-weight: bold;
  padding-right: 6px;
  display: block;
}

.dashboard .dashboard-choice {
  display: inline-block;
  background: #fff url("../images/drop-arrow.png") no-repeat right center;
  border: 1px solid #ababab;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
  width: 282px;
}

.dashboard .dashboard-item-name-container {
  padding: 6px 0px 0px 0px;
}

.dashboard .dashboard-item-name-container .dashboard-item-name {
  width: 280px;
}

.dashboard .twComboBox-selection {
  display: block;
  padding: 0px 6px;
}

.dashboard-dialog-dashboard-choice {
  background: #fff;
  border-top: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-left: 1px solid #ababab;
}

.dashboard-dialog-dashboard-choice ul {
  width: 282px;
  list-style: none;
}

.dashboard-dialog-dashboard-choice ul li {
  padding: 3px 6px;
  border-bottom: 1px solid #ababab;
  font-size: 12px;
  cursor: pointer;
}

.dashboard-dialog-dashboard-choice ul li:hover {
  background: #d3e4ff;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  margin-left: 8px !important;
}

.favorites-dialog .favorites-item-name-container {
  padding: 8px;
}

.favorites-dialog .favorites-description {
  font-weight: bold;
  padding-right: 6px;
  display: block;
}

.favorites-dialog .favorites-item-name-container .favorites-item-name {
  width: 280px;
}

/* error */

.tw-status-msg-box {
  min-width: 300px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  z-index: 99999;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  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);
}

.tw-status-msg-box .status-msg {
  color: #333;
  font-size: 14px;
  padding: 9px 14px;
}

.tw-status-msg-box .info {
  background: url("../images/icon-info.png") no-repeat left top;
  padding-left: 20px;
}

.tw-status-msg-box .error {
  background: url("../images/icon-error.png") no-repeat left top;
  padding-left: 20px;
}

.tw-status-msg-box .warning {
  background: url("../images/icon-warning.png") no-repeat left top;
  padding-left: 20px;
}

.tw-status-msg-box .sticky {
  background: url("../images/icon-loader.png") no-repeat left top;
  padding-left: 20px;
}

.tw-status-msg-box .permission-error {
  background: url("../images/icon-locked.png") no-repeat left center;
  padding-left: 20px;
}

#status-msg-text {
  display: inline-block;
  margin-right: 10px;
}

.tw-status-msg-box .close-sticky {
  display: inline-block;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  padding: 2px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -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);
  margin-top: -3px;
  position: absolute;
  top: 8px;
  right: 8px;
}

.status-msg-container {
  max-height: 140px;
  overflow: auto;
}

.tw-status-msg-box .close-sticky:hover {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.tw-status-msg-box .close-sticky:hover,
.tw-status-msg-box .close-sticky:active {
  color: #333333;
  background-color: #e6e6e6;
}

.tw-status-msg-box .close-sticky:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tw-status-msg-box .status-label {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  padding-right: 28px;
}

/* layout */

#log-btn {
  cursor: pointer;
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 999;
}

#log-btn a {
  background-color: #000;
  color: #fff;
  display: block;
  padding: 5px 10px;
}

#tw-page-log {
  left: 0;
  bottom: 24px;
  position: absolute;
  width: 90%;
  z-index: 999999;
}

#runtime-workspace.nonresponsive {
  position: relative;
  z-index: 1;
}

.ui-state-highlight {
  height: 1.5em;
  line-height: 1.2em;
}

.widget-targetmashup {
  margin: 0 auto;
}

.widget-pagemashupcontainer {
  overflow: auto;
}

/* begin data */

#DataManagement {
  font-size: 11px;
}

.data-loading {
  background: url("../images/loader-100.gif") no-repeat center center;
  display: block;
  position: absolute;
  z-index: 99998;
}

.data-error {
  background: url("../images/loader-100-error.gif") no-repeat center center;
  display: block;
  position: absolute;
  z-index: 99998;
}

.responsive .data-error {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.data-loading-small {
  background: url("../images/loader-20.gif") no-repeat center center;
  display: block;
  position: absolute;
  z-index: 99999;
}

.data-error-small {
  background: url("../images/loader-20-error.gif") no-repeat center center;
  display: block;
  position: absolute;
  z-index: 99999;
}

/* end data */

/* Widgets */

.ui-resizable-helper {
  border: 2px dotted #00F;
}

/*.automatic {*/

/*background: url(../images/icon-auto.jpg) no-repeat;*/

/*display: block;*/

/*height: 32px;*/

/*text-indent: -8888px;*/

/*width: 32px;*/

/*}*/

/*.automatic:hover {*/

/*cursor: pointer;*/

/*}*/

/*.manual {*/

/*background: url(../images/icon-manual.jpg) no-repeat;*/

/*display: block;*/

/*height: 32px;*/

/*text-indent: -8888px;*/

/*width: 32px;*/

/*}*/

/*.manual:hover {*/

/*cursor: pointer;*/

/*}*/

/* generic dialogs */

.ui-widget-overlay {
  background: #000;
  opacity: 0.75;
  z-index: 15004 !important;
}

.ui-dialog * {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.ui-dialog {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0;
  z-index: 15005 !important;
}

.ui-dialog.FileUploadDialog {
  z-index: 15006 !important;
}

.ui-dialog .ui-dialog-titlebar {
  background: #fff;
  height: 20px;
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.ui-dialog .ui-dialog-title {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin: 0;
}

.ui-dialog .ui-dialog-content {
  padding: 15px;
  overflow: hidden;
}

.ui-dialog .ui-dialog-buttonpane {
  padding: 9px 10px 10px;
  margin: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}

.ui-dialog .ui-dialog-titlebar-close {
  background: url("../images/ui-dialog-close.png") no-repeat;
  border: none;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0;
  opacity: 0.4;
  padding: 0;
  right: 12px;
  top: 12px;
  width: 10px;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
  opacity: 0.8;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: none;
}

.ui-dialog .ui-dialog-buttonpane button {
  display: inline-block;
  padding: 4px 12px;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -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);
}

.ui-dialog .ui-dialog-buttonpane button:last-child {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-button-text-only .ui-button-text {
  line-height: auto;
  padding: 0 10px;
}

.ui-dialog .entity-explorer-find {
  background: #f3f3f3;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQyZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(top, #f3f3f3 0%, #d2d2d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #d2d2d2));
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #d2d2d2 100%);
  background: -o-linear-gradient(top, #f3f3f3 0%, #d2d2d2 100%);
  background: -ms-linear-gradient(top, #f3f3f3 0%, #d2d2d2 100%);
  background: linear-gradient(top, #f3f3f3 0%, #d2d2d2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#d2d2d2', GradientType=0);
  border: 1px solid #fff;
  padding: 5px 10px;
}

.ui-dialog .entity-filter-textbox {
  background: url("../images/icon-search.png") no-repeat #fff right center;
  border-radius: 2px;
  border-top: 1px solid #abadb3;
  border-left: 1px solid #e2e3ea;
  border-right: 1px solid #e2e3ea;
  border-bottom: 1px solid #e3e9ef;
  color: #666;
  font-size: 11px;
  font-style: italic;
  margin-right: 3px;
  padding: 2px;
  padding-right: 18px;
  width: 200px;
}

.ui-dialog .clear-filter {
  background: url("../images/ui-dialog-button-clear.png") repeat-x;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  height: 21px;
  line-height: 21px;
  padding: 0 10px;
}

/* entity explorer dialogs */

.ui-dialog .entity-explorer {
  margin: 2px;
}

.ui-dialog .entity-explorer .entity-explorer-title {
  display: none;
  height: 26px;
  line-height: 26px;
  padding: 0px 10px;
  position: relative;
}

.ui-dialog .entity-explorer .entity-explorer-title h2 {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0px -1px 1px #333;
}

.ui-dialog .entity-explorer .close-explorer {
  background: url("../images/icon-close.png") no-repeat;
  cursor: pointer;
  display: block;
  height: 22px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 23px;
}

.ui-dialog .entity-explorer .explorer-list-item-wrapper {
  background: none;
  position: relative;
}

.ui-dialog .entity-explorer .entity-list {
  height: auto !important;
}

.ui-dialog .entity-explorer .browse-list {
  background: #bebebe;
  overflow-y: scroll;
}

.ui-dialog .entity-explorer .checkbox-item {
  border: 2px solid #ccc;
  border-radius: 4px;
  display: block;
  height: 12px;
  left: -3px;
  position: absolute;
  top: 0px;
  width: 12px;
}

.ui-dialog .entity-explorer .checkbox-item.checked {
  background: url("../images/icon-check.png") no-repeat center center;
}

.ui-dialog .entity-explorer .explorer-list-item {
  background: #fff;
  border-bottom: 1px solid #d6d6d6;
  cursor: pointer;
  min-height: 20px;
  padding: 4px 10px;
  position: relative;
}

.ui-dialog .entity-explorer .explorer-list-item:hover {
  background: #d9e9fe;
}

.ui-dialog .entity-explorer .explorer-list-item:last-child {
  margin: 0;
}

.ui-dialog .entity-explorer .entity-title {
  font-size: 11px;
  left: 25px;
  position: absolute;
  white-space: nowrap;
}

.ui-dialog .entity-explorer .entity-title span {
  color: #333;
}

.ui-dialog .entity-explorer .entity-title .type {
  font-size: 10px;
  font-style: italic;
}

.ui-dialog .entity-explorer .entity-desc {
  font-size: 11px;
  color: #666;
  line-height: 16px;
  margin-bottom: 2px;
  margin-left: 250px;
}

.ui-dialog .entity-explorer-column-headers {
  background: #d9d9db;
  border: 1px solid #c3c3c3;
  height: 18px;
  line-height: 18px;
  padding: 1px;
}

.ui-dialog .entity-explorer-column-headers span {
  background: #f9f9f9;
  color: #333;
  display: block;
  float: left;
  font-size: 10px;
  font-weight: bold;
  height: 18px;
  padding-left: 5px;
}

.ui-dialog .entity-explorer-column-headers .checkbox {
  background: url("../images/icon-check.png") no-repeat 10px center #f9f9f9;
  border-right: 1px solid #c3c3c3;
  width: 24px;
}

.ui-dialog .entity-explorer-column-headers .names {
  border-right: 1px solid #c3c3c3;
  width: 219px;
}

.ui-dialog .entity-explorer-column-headers .desc {
  width: 535px;
}

/*mashup popup*/

body.from-builder .mashup-popup.fullscreen-mode {
  top: 30px !important;
}

.mashup-popup.fullscreen-mode {
  position: absolute;
  top: 0px;
  bottom: 0px !important;
  right: 0px;
  left: 0px !important;
  height: auto  !important;
  width: auto !important;
  margin: auto !important;
}

.mashup-popup.fullscreen-mode .popup-title {
  display: none;
}

.mashup-popup {
  position: fixed;
  z-index: 15001;
}

.mashup-popup.fullscreen-mode .mashup-close-popup {
  top: 2px;
  right: 2px;
}

.mashup-close-popup {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  background: url("../images/icon-close.png") no-repeat;
  display: block;
  z-index: 9999;
  cursor: pointer;
}

/*jwysiwg popup for adding html link*/

.ui-dialog fieldset {
  font-size: 11px;
  margin: 4px;
  padding: 6px;
  border: 1px solid #eaeaea;
}

.ui-dialog fieldset label {
  display: block;
  margin-right: 4px;
  font-size: 11px;
  position: relative;
  height: 24px;
  color: #145485;
}

.ui-dialog fieldset label input {
  position: absolute;
  top: 0px;
  left: 80px;
  width: 188px;
  color: #222;
  z-index: 99998;
}

.ui-dialog fieldset input.button {
  margin-top: 12px;
  position: relative;
  left: 133px;
  bottom: 4px;
}

.ui-dialog fieldset [type="reset"] {
  padding-top: 10px;
  position: absolute;
  bottom: 11px;
  right: 13px;
}

/*jqysiwg for image link*/

.wysiwyg-dialog-modal-div {
  z-index: 2010;
}

/*jqysiwg for proper width in wiki & blog*/

div.wysiwyg {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* date time picker */

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
  position: absolute;
}

#ui-datepicker-div .ui-datepicker-prev {
  left: 0;
}

#ui-datepicker-div .ui-datepicker-next {
  right: 0;
}

#ui-datepicker-div .ui-datepicker-decade {
  float: left;
  margin-right: 10px;
}

#trace-btn a {
  background: #000;
  color: #fff;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  position: absolute;
  bottom: 0;
  display: inline-block;
  z-index: 999;
}

#trace {
  background: #fff;
  color: #333;
  position: absolute;
  bottom: 20px;
  padding: 20px;
  top: 0;
  overflow: auto;
  z-index: 9999;
}

#trace td {
  border-bottom: 1px solid #ccc;
  line-height: 16px;
  padding: 5px;
}

#trace tr:hover td {
  background: #333;
  color: #fff;
  cursor: pointer;
}

/*badges*/

.renderer-cell-default.badge {
  background: url("../images/badge.png") no-repeat center center;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: table-cell;
  vertical-align: middle;
}

.renderer-cell-default.badge span {
  line-height: 200%;
}

/*add user to feed for sources*/

.feed-widget .post-author {
  color: #002761;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
  padding-right: 12px;
  background: url("../images/down-arrow.png") no-repeat right center;
}

#tw-user-action-menu {
  z-index: 20000 !important;
  background: #5d5d5d;
  color: #fff;
  border: 1px solid #000;
}

#tw-user-action-menu ul li {
  padding: 2px 4px;
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #292929;
  cursor: pointer;
}

#tw-user-action-menu ul li:hover {
  background: #292929;
  color: #fff;
}

.ui-dialog .mashup-viewer-toolbar {
  position: absolute;
  top: 4px;
  right: 30px;
  background: url("../images/open-in-new-window-bg.png") repeat-x top center;
  border-radius: 4px;
  border: 1px solid #474747;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  height: 19px;
  line-height: 19px;
  padding: 0 10px;
  cursor: pointer;
}

.ui-dialog .mashup-viewer-toolbar:hover {
  box-shadow: inset 0px 1px 1px #000;
}

.ui-dialog .mashup-viewer-toolbar .open-new-mashup-window {
  background: url("../images/open-in-new-window.png") no-repeat right center;
  color: #3c3c3c;
  text-shadow: 0px 1px 1px #fff;
  text-decoration: none;
  padding-right: 20px;
}

/* non-responsive widgets in a responsive flex-container are positioned relative*/

.widget-container.responsive > .widget-bounding-box.nonresponsive,
#actual-mashup > .widget-bounding-box.nonresponsive {
  position: relative;
}

/* non-responsive widgets in widget containers with a static layout e.g. panel, tabs and flex-container with static positioning
   are positioned absolute */

.widget-container.static .widget-bounding-box.nonresponsive,
.widget-container.flex-static .widget-bounding-box.nonresponsive {
  position: absolute;
}

/*Responsive Mashups CSS */

.mashup-popup .widget-bounding-box.responsive > .outer-container,
.responsive .widget-content,
#runtime-workspace.responsive,
#runtime-workspace.responsive #actual-mashup,
#runtime-workspace.responsive .responsive > .outer-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.mashup-popup > .widget-bounding-box > div,
.mashup-popup > .widget-bounding-box > div > .widget-bounding-box,
.mashup-popup > .widget-bounding-box > div > .widget-bounding-box > .outer-container.container-scrollable,
.mashup-popup > .widget-bounding-box > div > .widget-bounding-box > .outer-container.container-scrollable > .widget-container {
  height: 100%;
  width: 100%;
}

.mashup-popup .container-scrollable {
  position: relative !important;
}

.mashup-popup .container-scrollable .widget-container,
.mashup-popup .container-scrollable .widget-mashupcontainer,
.mashup-popup .container-scrollable .widget-flexcontainer-bounding-box.flex-leaf-static,
.mashup-popup .container-scrollable .widget-flexcontainer-bounding-box.flex-leaf-responsive {
  position: relative;
}

.flex-root .mashupcontainer-root-bounding-box.widget-bounding-box.responsive .outer-container.container-scrollable.responsive .responsive {
  min-height: auto;
  min-width: auto;
  overflow: hidden;
}

.nonresponsive > .widget-content,
.nonresponsive .widget-bounding-box.responsive .runtime-widget-label ~ .widget-content {
  position: relative;
}

#runtime-workspace.print .responsive .widget-content {
  position: relative;
}

#runtime-workspace.print .responsive .widget-mashupcontainer,
#runtime-workspace.print .print-header-content .widget-container-widget,
#runtime-workspace.print .print-footer-content .widget-container-widget {
  position: absolute;
}

#runtime-workspace.print .responsive .outer-container,
#runtime-workspace.print .print-header-content .widget-layout,
#runtime-workspace.print .print-header-content .layout-horiz-fluid-center,
#runtime-workspace.print .print-header-content .layout-horiz-responsive-column,
#runtime-workspace.print .print-header-content .layout-vert-fluid-center,
#runtime-workspace.print .print-header-content .layout-vert-responsive-row {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

#runtime-workspace.print .layout-vert-responsive-row,
#runtime-workspace.print .layout-vert-fixed-top,
#runtime-workspace.print .layout-vert-fixed-bottom,
#runtime-workspace.print .layout-vert-fluid-center,
#runtime-workspace.print .layout-horiz-fluid-center {
  position: relative;
  top: 0 !important;
}

#runtime-workspace.print .layout-horiz-responsive-column {
  float: left;
  position: relative;
  left: 0 !important;
}

#runtime-workspace.print .widget-mashup {
  height: 100%;
}

#runtime-workspace.print .layout-vert-fixed-top .widget-container,
#runtime-workspace.print .layout-vert-fixed-bottom .widget-container,
#runtime-workspace.print .layout-horiz-fixed-left .widget-container,
#runtime-workspace.print .layout-horiz-fixed-right .widget-container {
  position: absolute;
}

.responsive-height .runtime-widget-label {
  padding-bottom: 0px;
}

#ui-datepicker-div {
  z-index: 999999 !important;
}

.print-layout-table {
  width: 100%;
}

.print-header-content,
.print-footer-content {
  position: relative;
}

.print-layout-table tbody {
  display: table-row-group;
}

.print-layout-table thead {
  display: table-header-group;
}

.print-layout-table tfoot {
  display: table-footer-group;
}

.print .objbox {
  min-height: 300px !important;
}

.print .responsive > .widget-piechart-container {
  min-height: 347px;
}

.print .dhxgrid-wrapper {
  position: relative !important;
}

#print-in-progress {
  background: #000;
  opacity: 0.8;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 9999;
}

#runtime-workspace.print .widget-panel {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.preparing-report {
  color: #fff;
  font-size: 12px;
  margin-top: 30px;
  position: fixed;
  text-align: center;
  top: 50%;
  width: 100%;
}

.warning-webkit {
  margin-top: 80px;
  position: fixed;
  text-align: center;
  top: 50%;
  width: 100%;
}

.warning-webkit span {
  background: url("../images/icon-warning.png") no-repeat left center;
  color: #fff;
  font-size: 12px;
  padding-left: 20px;
}

.spin {
  background: url("../images/preloader.gif") no-repeat;
  height: 48px;
  left: 50%;
  margin-left: -24px;
  margin-top: -24px;
  position: fixed;
  top: 50%;
  width: 48px;
  z-index: 99999;
}

.responsive > .data-loading {
  height: 100%;
  width: 100%;
}

#runtime-workspace.print .nested .widget-container-widget {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#runtime-workspace.print .nested .layout-horiz-fluid-center,
#runtime-workspace.print .nested .layout-vert-fluid-center {
  padding: 10px;
  padding-right: 0;
}

#runtime-workspace.print .layout-vert-responsive-row,
#runtime-workspace.print .layout-horiz-responsive-column {
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#bindings-info ul {
  margin-left: 5px;
}

#bindings-info li {
  list-style: none;
  margin: 0;
  padding: 0 0px 0px 7px;
}

#bindings-info {
  max-height: 90%;
  min-height: 90%;
  z-index: 9999999;
  position: absolute;
  background: #fff;
  top: 100px;
  left: 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 50%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

#bindings-info .debug-header {
  background: #f2f2f2;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  cursor: move;
  padding: 8px;
}

#bindings-info .debug-header button {
  border-right: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  padding: 0px 10px;
  cursor: pointer;
}

#bindings-info .debug-header .refresh-bindings,
#bindings-info .debug-header .start-trace {
  border-left: 1px solid #ccc;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
}

#bindings-info .debug-header .collapse-all,
#bindings-info .debug-header .reset-bindings-counts {
  border-right: 1px solid #ccc;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
}

#bindings-info .start-trace,
#bindings-info .stop-trace,
#bindings-info .reset-trace {
  float: right;
}

#bindings-info .debug-mashup-list > .debug-mashup > span {
  font-weight: bold;
  color: #000;
}

#bindings-info .debug-mashup-list .debug-children-mashups > .debug-mashup > span {
  font-weight: bold;
  color: #000;
}

#bindings-info .debug-subscriber-bindings > span {
  color: #d06700;
  font-weight: bold;
}

#bindings-info .debug-subscriber-bindings {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px;
  margin: 4px;
  background: #f2f2f2;
}

.subscription-count {
  margin-left: 5px;
  background: #498a36;
  color: #fff;
  font-weight: bold;
  border-radius: 1000px;
  padding: 4px 5px;
  height: 9px;
  display: inline-block;
  line-height: 9px;
}

.invoke-counters span {
  margin-left: 5px;
  color: #fff;
  font-weight: bold;
  border-radius: 1000px;
  padding: 4px 5px;
  height: 12px;
  display: inline-block;
  line-height: 12px;
}

.invoke-counters .invoke-count-calls {
  background-color: gray;
}

.invoke-counters .invoke-count-success {
  background-color: green;
  background-image: url("../images/thumb-up.png");
  background-repeat: no-repeat;
  background-position: 4px 1px;
  padding-left: 20px;
}

.invoke-counters .invoke-count-fail {
  background-color: red;
  background-image: url("../images/thumb.png");
  background-repeat: no-repeat;
  background-position: 4px 2px;
  padding-left: 20px;
}

#bindings-info .debug-header button.close-bindings {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #fff url("../images/icon-close.png") no-repeat center center;
  width: 24px;
  height: 24px;
  display: block;
  border: none;
  border: 3px solid #fff;
  border-radius: 36px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  cursor: pointer;
  box-shadow: 1px 1px 4px #000;
}

#bindings-info .debug-mashup-list-container {
  position: absolute;
  top: 60px;
  bottom: 15px;
  left: 0px;
  right: 0px;
  overflow: auto;
  padding: 0px 10px;
}

#bindings-info .reset-bindings-counts {
  float: right;
}

#bindings-info .refresh-bindings i {
  background: url("../images/refresh.png") no-repeat left center;
}

#bindings-info .debug-mashup-list-container ul,
.debug-mashup-list-container .expand-collapse {
  display: block;
  margin-bottom: 4px;
}

#bindings-info .debug-mashup-list .debug-mashup > .expand-collapse > .mashup-icon {
  background: url("../images/mashup.png") no-repeat left center;
  padding-left: 20px;
}

#bindings-info .debug-mashup .expand-collapse {
  background: url("../images/toggle-small.png") no-repeat left center;
  padding-left: 16px;
}

#bindings-info .debug-mashup .expand-collapse.collapsed {
  background: url("../images/toggle-small-expand.png") no-repeat left center;
}

/* debug services */

#bindings-info ul.debug-services {
  margin-left: 20px;
}

#bindings-info .debug-services .mashup-service {
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-bottom: 2px;
  position: relative;
}

#bindings-info .debug-services .mashup-service span[class*="service"] {
  display: inline-block;
  margin-right: 2px;
}

#bindings-info .debug-services .mashup-service span[class*="service"]:after {
  content: " / ";
}

#bindings-info .debug-subscriber-bindings span[class*="binding"]:after {
  content: " ";
}

#bindings-info .debug-services .mashup-service span.svc-parameters-description {
  display: block;
}

#bindings-info .debug-services .mashup-service span.service-1,
#bindings-info .debug-services .mashup-service span.service-name {
  display: block;
}

#bindings-info .debug-services .mashup-service span.service-1:after,
#bindings-info .debug-services .mashup-service span.service-name:after {
  content: none;
}

#bindings-info .debug-services .mashup-service span.service-apiMethod {
  text-transform: uppercase;
}

#bindings-info .debug-services .mashup-service span.service-target {
  font-weight: bold;
}

#bindings-info .debug-services .mashup-service .invoke-counters {
  position: absolute;
  top: 6px;
  right: 6px;
}

#bindings-info .debug-services .mashup-service .service-name {
  font-weight: bold;
  font-style: italic;
  background: url("../../Common/images/common/service-name.png") no-repeat left center;
  padding: 4px 0px 4px 20px;
  height: 16px;
  line-height: 16px;
}

/*debug subscribers*/

#bindings-info .debug-subscriber-bindings-binding {
  word-wrap: break-word;
}

/*debug parameters */

#bindings-info .debug-parameters {
  margin-left: 20px;
}

#bindings-info .debug-parameters .parm-name {
  text-decoration: underline;
}

/*debug filters*/

#bindings-info .debug-filters {
  height: 36px;
  line-height: 36px;
  padding: 0px 15px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

#bindings-info .debug-filters input {
  vertical-align: middle;
  top: -1px;
  position: relative;
  margin-right: 4px;
}

#bindings-info .debug-filters label,
#bindings-info .debug-filters .filter-label {
  margin-right: 20px;
}

/*trace details*/

#bindings-info .general.tab .debug-traces {
  padding-left: 14px;
}

#bindings-info .debug-trace .trace-details span {
  padding-right: 4px;
}

#bindings-info .debug-trace .trace-details span:after {
  content: ":";
  padding-left: 4px;
  font-weight: bold;
}

#bindings-info .debug-trace .trace-details span:last-child:after {
  content: "";
}

#bindings-info .debug-trace td {
  white-space: nowrap;
  padding: 4px;
  border-bottom: 1px solid #ccc;
}

#bindings-info .debug-trace .trace-type {
  font-weight: bold;
}

#bindings-info .debug-tabs {
  position: absolute;
  top: 76px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

#bindings-info .debug-tabs .tab {
  height: 100%;
}

#bindings-info .debug-tab-selector {
  margin-left: 10px;
  margin-top: 4px;
}

#bindings-info .debug-tab-selector .tab-name {
  display: inline-block;
  padding: 4px 5px;
  border: 1px solid #ccc;
  border-radius: 4px 4px 0px 0px;
  margin-right: 2px;
  cursor: pointer;
  background: #f2f2f2;
}

#bindings-info .debug-tab-selector .tab-name.selected {
  background: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 2;
}

#bindings-info .global-trace.tab {
  border-top: 1px solid #ccc;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 15px;
}

#bindings-info .global-trace.tab .global-trace-wrapper {
  height: 100%;
  overflow: auto;
}

.twicon-StartTrace {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("../images/start-trace.png") no-repeat center center;
  position: relative;
  top: 3px;
}

.twicon-StopTrace {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("../images/stop-trace.png") no-repeat center center;
  position: relative;
  top: 3px;
}

.redactor-dropdown {
  z-index: 15006 !important;
}

.widget-content .redactor-editor {
  padding: 0 !important;
  overflow-x: hidden;
}

.upload-insert .file-upload {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.upload-insert .custom-size-selected,
.upload-insert .file-target {
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 10px;
}

.upload-insert input[type="text"] {
  height: 14px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 14px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

.upload-insert input[type="text"]:last-child {
  margin-bottom: 0;
}

.upload-insert label {
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 5px;
}

.upload-insert .upload-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
}

.upload-insert .upload-footer .btn + .btn {
  margin-left: 5px;
}

.upload-insert .btn {
  display: inline-block;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -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);
}

.upload-insert .btn:hover {
  background-color: #e6e6e6;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.upload-insert .btn:active {
  background-color: #e6e6e6;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.upload-insert .btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.upload-insert .btn-primary:hover {
  background-color: #0044cc;
}

.upload-insert .btn-primary:active {
  background-color: #0044cc;
}

.upload-insert select,
.upload-insert input {
  z-index: 99999 !important;
}

/*twpopoverdialog*/

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2009;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2008;
  background-color: #000000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.modal-body {
  overflow-y: auto;
  padding: 15px;
}

.modal-footer {
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding: 14px 15px;
  text-align: right;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}

.popoverDialog-title {
  font-size: 18px;
  line-height: 20px;
}

.twPopoverDialog .btn {
  display: inline-block;
  padding: 4px 14px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  margin-right: 2px;
}

.twPopoverDialog .btn.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.twPopoverDialog .table {
  border: 1px solid #dddddd;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-spacing: 0;
}

.twPopoverDialog .table th {
  background-color: #f9f9f9;
  border-left: 1px solid #dddddd;
  padding: 4px 5px;
  font-weight: bold;
  line-height: 18px;
  text-align: left;
  vertical-align: middle;
}

.twPopoverDialog .table td {
  padding: 4px 5px;
  line-height: 18px;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

.twPopoverDialog-overlay {
  top: 0px;
  z-index: 15002 !important;
}

.twPopoverDialog.modeless {
  margin-top: -127px;
  z-index: 15003 !important;
}

.twPopoverDialog.modeless.right .arrow {
  top: 28px;
}

.twPopoverDialog.app-modal {
  margin-top: -190px;
  z-index: 15005 !important;
}

.twPopoverDialog-overlay.app-modal {
  opacity: 0.8;
  top: 0;
  z-index: 15004 !important;
}

.twPopoverDialog.large .popoverDialog-content {
  overflow: hidden;
  position: relative;
}

.twPopoverDialog.edit-members-dialog .popoverDialog-footer,
.twPopoverDialog.edit-connections-dialog .popoverDialog-footer {
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding: 10px 15px 10px;
  text-align: right;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #fff;
}

.twPopoverDialog.edit-members-dialog .popoverDialog-footer .btn + .btn,
.twPopoverDialog.edit-connections-dialog .popoverDialog-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.twPopoverDialog.edit-members-dialog .popoverDialog-footer .btn-group .btn + .btn,
.twPopoverDialog.edit-connections-dialog .popoverDialog-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.twPopoverDialog.edit-members-dialog .popoverDialog-footer .std-tooltip,
.twPopoverDialog.edit-connections-dialog .popoverDialog-footer .std-tooltip {
  margin: 0 5px;
}

.twPopoverDialog .loading-info {
  text-align: center;
}

.inline-footer,
.popoverDialog-footer {
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding: 14px 15px;
  text-align: right;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #fff;
}

.inline-footer .btn + .btn,
.popoverDialog-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.inline-footer .btn-group .btn + .btn,
.popoverDialog-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.inline-footer .std-tooltip,
.popoverDialog-footer .std-tooltip {
  margin: 0 5px;
}

.editing-info .user-name {
  display: inline-block;
}

.restore-tabs .entity-name {
  padding-left: 20px;
}

.twPopoverDialog.thingworx-marketplace .mashup-iframe {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.twPopoverDialog.thingworx-marketplace .load-indicator {
  left: 50%;
  margin-left: -110px;
  top: 50%;
  position: relative;
  margin-top: -9px;
  width: 220px;
  height: 19px;
}

.twPopoverDialog.thingworx-marketplace .confirm-btn {
  position: absolute;
  right: 10px;
  top: 8px;
}

.twPopoverDialog.mashupTagPicker .magic-picker-input {
  margin-left: 0px;
}

.twPopoverDialog.mashupTagPicker .show-results {
  padding: 0px 2px;
  border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
}

.twPopoverDialog.mashupTagPicker .popoverDialog-footer a {
  text-decoration: none;
}

@media (max-width: 1280px) {
  .twPopoverDialog.large {
    margin-left: -512px;
    width: 1024px;
  }

  .twPopoverDialog.medium {
    margin-left: -350px;
    width: 700px;
  }

  .twPopoverDialog.small {
    margin-left: -250px;
    width: 500px;
  }
}

@media (min-width: 1367px) {
  .twPopoverDialog.large {
    margin-left: -650px;
    width: 1300px;
  }

  .twPopoverDialog.medium {
    margin-left: -450px;
    width: 900px;
  }

  .twPopoverDialog.small {
    margin-left: -250px;
    width: 500px;
  }
}

@media (max-width: 1366px) {
  .twPopoverDialog.large {
    margin-left: -600px;
    width: 1200px;
  }

  .twPopoverDialog.medium {
    margin-left: -400px;
    width: 800px;
  }

  .twPopoverDialog.small {
    margin-left: -250px;
    width: 500px;
  }
}

@media (min-height: 1025px) {
  .twPopoverDialog.large {
    margin-top: -400px;
  }

  .twPopoverDialog.large .popoverDialog-content {
    height: 800px;
  }

  .twPopoverDialog.large .modal-body {
    box-sizing: border-box;
    height: 742px;
    max-height: none;
  }

  .twPopoverDialog.medium {
    margin-top: -275px;
  }

  .twPopoverDialog.medium .popoverDialog-content {
    height: 550px;
  }

  .twPopoverDialog.medium .modal-body {
    box-sizing: border-box;
    height: 492px;
    max-height: none;
  }

  .twPopoverDialog.small {
    margin-top: -200px;
  }

  .twPopoverDialog.small .popoverDialog-content {
    height: 400px;
  }

  .twPopoverDialog.small .modal-body {
    box-sizing: border-box;
    height: 342px;
    max-height: none;
  }
}

@media (max-height: 1024px) {
  .twPopoverDialog.large {
    margin-top: -286px;
  }

  .twPopoverDialog.large .popoverDialog-content {
    height: 558px;
  }

  .twPopoverDialog.large .modal-body {
    box-sizing: border-box;
    height: 500px;
    max-height: none;
  }

  .twPopoverDialog.medium {
    margin-top: -200px;
  }

  .twPopoverDialog.medium .popoverDialog-content {
    height: 400px;
  }

  .twPopoverDialog.medium .modal-body {
    box-sizing: border-box;
    height: 342px;
    max-height: none;
  }

  .twPopoverDialog.small {
    margin-top: -150px;
  }

  .twPopoverDialog.small .popoverDialog-content {
    height: 300px;
  }

  .twPopoverDialog.small .modal-body {
    box-sizing: border-box;
    height: 242px;
    max-height: none;
  }
}

@media (max-height: 768px) {
  .twPopoverDialog.large {
    margin-top: -230px;
  }

  .twPopoverDialog.large .popoverDialog-content {
    height: 430px;
  }

  .twPopoverDialog.large .modal-body {
    box-sizing: border-box;
    height: 372px;
    max-height: none;
  }

  .twPopoverDialog.medium {
    margin-top: -160px;
  }

  .twPopoverDialog.medium .popoverDialog-content {
    height: 320px;
  }

  .twPopoverDialog.medium .modal-body {
    box-sizing: border-box;
    height: 262px;
    max-height: none;
  }

  .twPopoverDialog.small {
    margin-top: -140px;
  }

  .twPopoverDialog.small .popoverDialog-content {
    height: 280px;
  }

  .twPopoverDialog.small .modal-body {
    box-sizing: border-box;
    height: 222px;
    max-height: none;
  }
}

.twPopoverDialog.xlarge {
  bottom: 20px;
  left: 20px;
  right: 20px;
  top: 100px;
  margin: 0 !important;
  width: auto;
}

.twPopoverDialog.xlarge .modal-body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 58px;
  top: 57px;
}

.twPopoverDialog.xlarge .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#confirmOverlay {
  z-index: 9998;
}

#confirmBox {
  z-index: 9999;
}

/*twpopoverdialog end*/

/*magic picker @ runtime*/

.magic-picker-contents .twStdComboBox .std-label {
  display: none;
}

.magic-picker-contents .input-append {
  display: inline;
}

.magic-picker-contents .magic-picker-input {
  height: 20px;
}

.magic-picker-contents .dropdown-menu {
  left: auto;
  right: 0;
}

.magic-picker-contents .entity-name img {
  display: inline-block;
  margin-right: 1px;
  max-height: 16px;
  vertical-align: top;
}

.magic-picker-contents .entity-name .input-append {
  position: relative;
}

.magic-picker-contents .entity-name .renderer-default {
  display: inline-block;
}

.magic-picker-contents .entity-name .renderer-default span {
  display: inline;
  padding: 0;
  text-shadow: none;
}

.magic-picker-contents hr {
  margin: 5px 0 10px 0;
}

.magic-picker-contents .popover-menu-indicator,
.magic-picker-contents .popover-menu-btn {
  display: none;
}

.magic-picker-contents .tag-term-container {
  display: inline-block;
}

.magic-picker-contents .entity {
  position: relative;
}

.magic-picker-contents .entity[entity-type] {
  background: transparent;
}

.magic-picker-contents .entity-container .btn-group {
  padding-bottom: 5px;
  width: 100%;
}

.magic-picker-contents .entity-container .btn-group > .entity-element-itself {
  width: calc(100% - 38px);
}

.magic-picker-contents .entity-container .btn-group > .entity-type-name {
  width: calc(100% - 20px);
}

.magic-picker-contents .entity-container .btn-group > .tag-term {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
}

.magic-picker-contents .entity-container .btn-group > .tag-vocabulary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 75px;
}

.magic-picker-contents .entity-container .btn-group.tag-term-container {
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.magic-picker-contents .image-preview {
  margin-top: 10px;
  border: 1px solid #dedede;
  padding: 4px;
  border-radius: 4px;
}

.magic-picker-contents .image-preview img {
  max-width: 400px;
}

.magic-picker-contents .new-entity .btn-group {
  display: inline-block;
  margin-left: 5px;
}

.magic-picker-contents .new-entity .btn-group .btn {
  padding: 4px 8px;
  border-radius: 4px;
}

.magic-picker-contents .new-entity input {
  vertical-align: top;
}

.twMagicPicker .std-input-column {
  width: 274px;
}

.twMagicPicker .std-input-column .magic-picker-contents .selected-entities .entity-name .entity-type-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 210px;
}

.magic-picker-contents .selected-entities .entity-name .entity-type-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 115px;
}

.magic-picker-contents .btn-small {
  height: 16px;
  padding: 2px 4px;
}

.inline-results .possible-result-selection {
  position: relative;
}

.inline-results[entity-type="MediaEntities"] .twicon-mediaentity {
  display: none;
}

.inline-results[entity-type="MediaEntities"] .media-entity-preview {
  position: absolute;
  left: 185px;
  top: 3px;
  max-width: 170px;
  display: block;
  vertical-align: top;
}

.inline-results[entity-type="MediaEntities"] .media-entity-preview img {
  max-height: 24px;
  position: relative;
  top: -1px;
}

.inline-results[entity-type="MediaEntities"] .inline-results-section-left {
  width: 25%;
}

.inline-results[entity-type="MediaEntities"] .inline-results-section-right {
  width: 72%;
}

.inline-results[entity-type="MediaEntities"] .inline-results-section-right a {
  display: block;
}

.inline-results[entity-type="MediaEntities"] .inline-results-section-right .popover-menu-btn {
  top: 5px;
  right: 5px;
}

.inline-results[entity-type="MediaEntities"] .search-result-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 175px;
}

#inline-results,
.inline-results.popup {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  z-index: 99999;
}

#inline-results.spotlight,
.inline-results.spotlight {
  min-width: 0;
}

#inline-results.spotlight .inline-results-section-right,
.inline-results.spotlight .inline-results-section-right {
  margin-left: 0;
}

#inline-results.spotlight .popover-menu-btn,
.inline-results.spotlight .popover-menu-btn {
  padding: 0px;
}

#inline-results.spotlight .popup-body,
.inline-results.spotlight .popup-body {
  width: 400px;
}

#inline-results #tw-popover,
.inline-results #tw-popover {
  min-width: 350px;
}

#inline-results .nav-list [class^="icon-"],
.inline-results .nav-list [class^="icon-"] {
  margin: 0;
}

#inline-results .navbar,
.inline-results .navbar {
  margin-bottom: 4px;
}

#inline-results .magic-picker-action-title,
.inline-results .magic-picker-action-title {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: 10px;
  margin-right: 14px;
}

#inline-results .inline-results-section-left ul,
.inline-results .inline-results-section-left ul {
  max-height: 295px;
  overflow: auto;
}

#inline-results .inline-results-section-left .count,
.inline-results .inline-results-section-left .count {
  margin-left: 5px;
}

#inline-results .popover-menu-btn,
.inline-results .popover-menu-btn {
  position: absolute;
  right: 10px;
  top: 4px;
  padding: 0px;
}

#inline-results .twInlineSearch-result a,
.inline-results .twInlineSearch-result a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  padding-right: 30px;
}

#inline-results .inline-search-button-bar,
.inline-results .inline-search-button-bar {
  margin-left: 4px;
  display: inline-block;
  position: relative;
  top: 0;
}

#inline-results .inline-search-button-bar button,
.inline-results .inline-search-button-bar button {
  margin-right: 2px;
}

#inline-results .twInlineSearch-advanced-search-btn.sticky.filters-on,
.inline-results .twInlineSearch-advanced-search-btn.sticky.filters-on {
  color: green;
  border-width: 4px;
}

#inline-results .twInlineSearch-advanced-search-btn.sticky,
.inline-results .twInlineSearch-advanced-search-btn.sticky {
  color: green;
}

#inline-results .twInlineSearch-advanced-search-btn.filters-on,
.inline-results .twInlineSearch-advanced-search-btn.filters-on {
  border-width: 4px;
}

#inline-results .close,
.inline-results .close {
  position: relative;
  top: 5px;
}

#inline-results .popup-header,
.inline-results .popup-header {
  padding: 0px 10px;
}

#inline-results .popup-header .std-tooltip,
.inline-results .popup-header .std-tooltip {
  margin-top: -6px;
}

#inline-results .popup-body,
.inline-results .popup-body {
  height: 306px;
  width: 600px;
}

#inline-results .popup-body.action-bar-exists,
.inline-results .popup-body.action-bar-exists {
  height: 352px;
  width: 600px;
}

#inline-results .inline-results-section-right,
.inline-results .inline-results-section-right,
#inline-results .inline-results-section-left,
.inline-results .inline-results-section-left {
  position: relative;
  min-height: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  padding: 4px 0px;
}

#inline-results .inline-results-section-right ul,
.inline-results .inline-results-section-right ul {
  max-height: 295px;
  overflow: auto;
}

#inline-results .inline-results-section-searching,
.inline-results .inline-results-section-searching {
  display: inline-block;
  margin-left: 4px;
  background: url("../images/loaders/search-mini-loader.gif") no-repeat left center;
  padding-left: 20px;
}

#inline-results .entity-type-label,
.inline-results .entity-type-label {
  margin-left: 4px;
  vertical-align: middle;
}

.inline-results.spotlight .popup-body {
  max-height: 400px;
  height: auto;
}

.cmd-list {
  max-height: 295px;
  overflow: auto;
}

.cmd-list li {
  cursor: pointer;
}

#inline-results .inline-command-search-container .popup-body {
  width: 450px;
}

@media (max-height: 850px) {
  .inline-results.normal-magic-picker .popup-body {
    height: 150px;
    max-height: none;
  }

  .inline-results.normal-magic-picker .popup-body.action-bar-exists {
    height: 227px;
  }

  .inline-results.normal-magic-picker .popup-body.action-bar-exists .inline-results-section-right ul {
    max-height: 170px;
  }

  .inline-results.normal-magic-picker .inline-results-section-left ul,
  .inline-results.normal-magic-picker .inline-results-section-right ul {
    max-height: 140px;
  }
}

@media (max-height: 600px) {
  .inline-results.normal-magic-picker .popup-body {
    height: 120px;
    max-height: none;
  }

  .inline-results.normal-magic-picker .popup-body.action-bar-exists {
    height: 197px;
  }

  .inline-results.normal-magic-picker .popup-body.action-bar-exists .inline-results-section-right ul {
    max-height: 140px;
  }

  .inline-results.normal-magic-picker .inline-results-section-left ul,
  .inline-results.normal-magic-picker .inline-results-section-right ul {
    max-height: 110px;
  }
}

@media (max-height: 500px) {
  .inline-results.normal-magic-picker .popup-body {
    height: 90px;
    max-height: none;
  }

  .inline-results.normal-magic-picker .popup-body.action-bar-exists {
    height: 167px;
  }

  .inline-results.normal-magic-picker .popup-body.action-bar-exists .inline-results-section-right ul {
    max-height: 110px;
  }

  .inline-results.normal-magic-picker .inline-results-section-left ul,
  .inline-results.normal-magic-picker .inline-results-section-right ul {
    max-height: 80px;
  }
}

.popup {
  z-index: 6000;
  min-width: 470px;
  max-width: 800px;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
}

.popup-header {
  padding: 5px 10px;
  border-bottom: 1px solid #eee;
}

.popup-header h4,
.popup-header .std-tooltip {
  display: inline-block;
}

.popup-header h4 {
  margin-right: 4px;
}

.popup-body {
  padding: 5px 10px;
}

.popup-form {
  margin-bottom: 0;
}

.popup-footer {
  padding: 5px 10px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #fff;
}

.popup-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

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

.popup {
  background-image: none;
}

.nav {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover {
  text-decoration: none;
  background-color: #ccc;
}

.nav > .pull-right {
  float: right;
}

.nav-header {
  display: block;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  color: #ccc;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.nav li + .nav-header {
  margin-top: 9px;
}

.nav-list {
  margin-bottom: 0;
}

.nav-list > li > a,
.nav-list .nav-header {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-list > li > a {
  padding: 3px 10px;
}

.nav-list > .active > a,
.nav-list > .active > a:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088CC;
}

.nav-list [class^="icon-"] {
  margin-right: 2px;
}

.twicon-MagicPicker {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("../images/magicpicker.png") no-repeat;
  position: relative;
  top: 5px;
}

.icon-remove {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("../images/icon-remove.png") no-repeat;
  position: relative;
  top: 4px;
}

.twicon-advanced {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("../images/switch.png") no-repeat;
  position: relative;
  top: 3px;
}

.popup.child-magic-picker {
  z-index: 100001;
}

.popup.arrow-bottom.arrow-left:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #999;
  position: absolute;
  bottom: -7px;
  left: 9px;
}

.popup.arrow-bottom.arrow-left:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  position: absolute;
  bottom: -6px;
  left: 10px;
}

.popup.arrow-top.arrow-left:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  position: absolute;
  top: -7px;
  left: 9px;
}

.popup.arrow-top.arrow-left:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 10px;
}

.popup.arrow-top.arrow-right:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  position: absolute;
  top: -7px;
  right: 9px;
}

.popup.arrow-top.arrow-right:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -6px;
  right: 10px;
}

.popup.arrow-bottom.arrow-right:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #999;
  position: absolute;
  bottom: -7px;
  right: 9px;
}

.popup.arrow-bottom.arrow-right:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  position: absolute;
  bottom: -6px;
  right: 10px;
}

.inline-results .close {
  float: right;
  cursor: pointer;
  background: url("../images/ui-dialog-close.png") no-repeat;
  border: none;
  display: inline-block;
  height: 10px;
  margin: 0;
  opacity: 0.4;
  padding: 0;
  right: 2px;
  top: 12px;
  width: 10px;
  text-indent: -9999px;
}

.inline-results .close:hover {
  opacity: 0.8;
}

.inline-results h4 {
  font-size: 18px;
  line-height: 20px;
  margin: 9px 4px 9px 0px;
}

.inline-results a {
  text-decoration: none;
  color: #005580;
  font-size: 12px;
  line-height: 18px;
}

.inline-results .nav i,
.inline-results .nav .search-result-name {
  vertical-align: middle;
}

.inline-results .twStdTooltip {
  display: none;
}

.inline-results .badge {
  font-size: 10.152px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #468847;
  padding: 1px 9px 2px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.inline-results .inline-search-button-bar .btn-small {
  ext-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  line-height: 20px;
  vertical-align: middle;
  padding: 2px 4px;
  cursor: pointer;
}

/*popover*/

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6001;
  display: none;
  padding: 1px;
  width: 400px;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover .modal-body {
  padding: 15px;
}

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

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

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

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

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

.popover.bottom .arrow {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-top-color: #fff;
}

.popover.bottom .arrow:after {
  border-width: 0 11px 11px;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -1px;
  left: -11px;
  content: "";
  z-index: -1;
}

.popover-footer {
  padding: 5px 10px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #fff;
}

.popover-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

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

.twMagicPicker .magic-picker-input {
  height: 30px;
  line-height: 18px;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid #ccc;
  padding: 4px 4px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100% !important;
  position: relative;
}

.inline-search-spot .input-append {
  position: relative;
  width: 100%;
  display: block;
  height: 30px;
  padding-right: 25px;
  box-sizing: border-box;
}

.entity-container {
  width: 100%;
}

.entity-container .btn-group {
  position: relative;
  height: 30px;
}

.show-results {
  display: inline-block;
  height: 27px;
  width: 26px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  position: absolute;
  right: 0;
  cursor: pointer;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.show-results:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.magic-picker-advanced-filter table {
  max-width: 100%;
  background-color: @tableBackground;
  border-collapse: collapse;
  border-spacing: 0;
}

.magic-picker-advanced-filter .table {
  width: 100%;
}

.magic-picker-advanced-filter .table th,
.magic-picker-advanced-filter .table td {
  padding: 4px 5px;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #ccc;
}

.magic-picker-advanced-filter .table th {
  font-weight: bold;
}

.magic-picker-advanced-filter .table thead th {
  vertical-align: bottom;
}

.magic-picker-advanced-filter .table caption + thead tr:first-child th,
.magic-picker-advanced-filter .table caption + thead tr:first-child td,
.magic-picker-advanced-filter .table colgroup + thead tr:first-child th,
.magic-picker-advanced-filter .table colgroup + thead tr:first-child td,
.magic-picker-advanced-filter .table thead:first-child tr:first-child th,
.magic-picker-advanced-filter .table thead:first-child tr:first-child td {
  border-top: 0;
}

.magic-picker-advanced-filter .table-bordered {
  border: 1px solid #ccc;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  border-radius: 4px;
}

.magic-picker-advanced-filter .table-bordered th,
.magic-picker-advanced-filter .table-bordered td {
  border-left: 1px solid #ccc;
}

.magic-picker-advanced-filter .table-bordered caption + thead tr:first-child th,
.magic-picker-advanced-filter .table-bordered caption + tbody tr:first-child th,
.magic-picker-advanced-filter .table-bordered caption + tbody tr:first-child td,
.magic-picker-advanced-filter .table-bordered colgroup + thead tr:first-child th,
.magic-picker-advanced-filter .table-bordered colgroup + tbody tr:first-child th,
.magic-picker-advanced-filter .table-bordered colgroup + tbody tr:first-child td,
.magic-picker-advanced-filter .table-bordered thead:first-child tr:first-child th,
.magic-picker-advanced-filter .table-bordered tbody:first-child tr:first-child th,
.magic-picker-advanced-filter .table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.magic-picker-advanced-filter .table-bordered thead:first-child tr:first-child th:first-child,
.magic-picker-advanced-filter .table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.magic-picker-advanced-filter .table-bordered thead:first-child tr:first-child th:last-child,
.magic-picker-advanced-filter .table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.magic-picker-advanced-filter .table-bordered thead:last-child tr:last-child th:first-child,
.magic-picker-advanced-filter .table-bordered tbody:last-child tr:last-child td:first-child,
.magic-picker-advanced-filter .table-bordered tfoot:last-child tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.magic-picker-advanced-filter .table-bordered thead:last-child tr:last-child th:last-child,
.magic-picker-advanced-filter .table-bordered tbody:last-child tr:last-child td:last-child,
.magic-picker-advanced-filter .table-bordered tfoot:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.magic-picker-advanced-filter .table-bordered caption + thead tr:first-child th:first-child,
.magic-picker-advanced-filter .table-bordered caption + tbody tr:first-child td:first-child,
.magic-picker-advanced-filter .table-bordered colgroup + thead tr:first-child th:first-child,
.magic-picker-advanced-filter .table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.magic-picker-advanced-filter .table-bordered caption + thead tr:first-child th:last-child,
.magic-picker-advanced-filter .table-bordered caption + tbody tr:first-child td:last-child,
.magic-picker-advanced-filter .table-bordered colgroup + thead tr:first-child th:last-child,
.magic-picker-advanced-filter .table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-right-topleft: 4px;
}

.magic-picker-advanced-filter .show-results {
  display: inline-block;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  cursor: pointer;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  margin-left: -2px;
}

.magic-picker-advanced-filter .show-results:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.magic-picker-advanced-filter .magic-picker-input {
  min-width: 100%;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid #ccc;
  padding: 0px 4px;
}

.magic-picker-advanced-filter .twStdTooltip {
  display: none;
}

.magic-picker-advanced-filter .selected-entities .btn {
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  padding: 4px 4px;
  cursor: pointer;
  display: inline-block;
  height: 18px;
}

.magic-picker-advanced-filter .selected-entities .btn span[entity-type] {
  position: relative;
}

.selected-entities .btn-group .btn:first-child {
  border-radius: 4px 0px 0px 4px;
}

.selected-entities .popover-menu-indicator {
  display: none !important;
}

.twInlineSearch-result.active .tag-term-container {
  background-color: #0088CC;
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  padding: 4px 10px;
}

.twInlineSearch-result .tag-term-container {
  padding: 4px 10px;
  cursor: pointer;
}

.twInlineSearch-result .tag-vocabulary,
.selected-entities .tag-vocabulary,
.magic-picker-advanced-filter .selected-entities .tag-vocabulary.btn {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border: 1px solid #000;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  margin-right: 0px;
  overflow: hidden;
  padding: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 75px;
}

.twInlineSearch-result .tag-term,
.selected-entities .tag-term,
.selected-entities .remove-entity {
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: normal;
  margin-right: 0px;
  overflow: hidden;
  padding: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 205px;
}

#runtime .twInlineSearch-result .tag-term-container {
  height: 22px;
  line-height: normal;
}

#runtime .twInlineSearch-result .tag-term-container .tag-term {
  color: #000;
}

.selected-entities .tag-term,
.selected-entities .tag-vocabulary,
.selected-entities .remove-entity {
  display: inline-block;
  height: 18px;
  line-height: 16px;
  padding: 4px;
  vertical-align: top;
  width: 18px;
}

.selected-entities .tag-term,
.magic-picker-advanced-filter .selected-entities .tag-term {
  border-radius: 0px;
}

.magic-picker-advanced-filter .selected-entities .remove-entity {
  border-radius: 0px 4px 4px 0px;
  margin-left: -1px;
  cursor: pointer;
  height: 18px;
  width: 18px;
}

.selected-entities .remove-entity {
  margin-left: -1px;
}

.magic-picker-advanced-filter .selected-entities .remove-entity .icon-remove {
  top: 0px;
}

.magic-picker-advanced-filter .cancel-adv-filters {
  display: inline-block;
  padding: 4px 14px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  text-decoration: none;
}

.magic-picker-advanced-filter .done-adv-filters {
  display: inline-block;
  padding: 4px 14px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #0044cc;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  text-decoration: none;
}

.twicon-modeltag {
  background-image: url("../images/model-tags.png");
}

.twicon-integConnector {
  background-image: url("../images/integconnectors.png");
}

.icon-plus {
  background-image: url("../images/icon-plus-black.png");
  height: 16px;
  width: 16px;
  display: inline-block;
}

.inline-results .actions-bar .navbar-inner {
  min-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.inline-results .actions-bar .navbar-inner .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}

.inline-results .actions-bar .navbar-inner .nav li {
  float: left;
}

.inline-results .actions-bar .navbar-inner .nav li.divider-vertical {
  height: 40px;
  margin: 0 9px;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #ffffff;
}

.inline-results .actions-bar .nav li .btn-group {
  margin-top: 6px;
}

.inline-results .actions-bar .nav li .btn {
  display: inline-block;
  padding: 4px 14px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.adv-filter {
  z-index: 100000;
}

/*end magic picker*/

/*strange svg fix for chrome*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .widget-content.svg-chrome-fix svg {
    left: 0px !important;
  }
}

/* For some reason tiptip decided to style webkit differently, this updates it to match the other browsers */

body #tiptip_content {
  background-image: inherit;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  body #tiptip_content {
    padding: 10px;
    background-color: rgba(76,137,11,0.92);
  }

  body #tiptip_holder.tip_bottom #tiptip_arrow_inner,
  body #tiptip_holder.tip_top #tiptip_arrow_inner {
    border-bottom-color: rgba(76,137,11,0.92);
  }
}

.widget-content .tw-loading-screen {
  background: url("../images/loader-100.gif") no-repeat center center;
  background-color: #bababa;
  opacity: 0.5;
  height: 100%;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 10000;
}

.hide-runtime-debug-bar {
  display: none;
}
.next-gen-runtime .analytics-extension-header {
  display: none;
}

.next-gen-runtime .analytics-extension-css > .widget-content > .layout-vert-fluid-center {
  top: 0px !important;
  bottom: 0px !important;
}

.next-gen-runtime .analytics-extension-left-sidebar {
  display: none;
}

.next-gen-runtime .analytics-extension-main-layout > .widget-content > .layout-horiz-fluid-center {
  left: 0px !important;
}
/*
Product Name: dhtmlxGrid 
Version: 5.0.8 
Edition: Professional 
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/

@keyframes dhx_loader_rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dhx_loader_dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}

.dhtmlxcalendar_material {
  position: absolute;
  display: block;
  background-color: white;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

.dhtmlxcalendar_material.dhtmlxcalendar_in_input {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
}

.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_month_cont,
.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_days_cont,
.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_dates_cont,
.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_time_cont {
  border-color: white;
}

.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_time_cont {
  border-top: 1px solid #dfdfdf;
}

.dhtmlxcalendar_material ul.dhtmlxcalendar_line {
  position: relative;
  display: block;
  clear: both;
  font: inherit;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-left: 12px;
  width: 225px;
}

.dhtmlxcalendar_material ul.dhtmlxcalendar_line li {
  float: left;
  position: relative;
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  vertical-align: middle;
  font: inherit;
  cursor: default;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont {
  position: relative;
  display: block;
  width: 249px;
  margin: 0;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #dfdfdf;
  overflow: hidden;
  font: inherit;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
  width: 225px;
  height: 31px;
  line-height: 31px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
  position: absolute;
  top: 0;
  width: 18px;
  height: 31px;
  color: inherit;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
  left: 4px;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxcalendar_material/dhxcalendar_arrow_left.png");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
  right: 4px;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxcalendar_material/dhxcalendar_arrow_right.png");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
  position: relative;
  font: inherit;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont {
  position: relative;
  display: block;
  width: 249px;
  margin: 0;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  overflow: hidden;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
  height: 31px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
  width: 31px;
  height: 31px;
  line-height: 31px;
  margin-left: 1px;
  font-size: 12px;
  color: #9a9a9a;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
  margin-left: 1px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_day_weekday_cell_first {
  margin-left: 1px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont {
  position: relative;
  display: block;
  width: 249px;
  margin: 0;
  padding-bottom: 8px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dfdfdf;
  overflow: hidden;
  font: inherit;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
  margin-top: 1px;
  margin-left: 13px;
  height: 31px;
  line-height: 31px;
  font: inherit;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
  width: 31px;
  height: 31px;
  line-height: 31px;
  margin-right: 1px;
  border-radius: 50%;
  overflow: visible;
  font: inherit;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
  position: relative;
  width: 100%;
  height: 100%;
  font: inherit;
  line-height: 31px;
  text-align: center;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label.dhtmlxcalendar_label_title {
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxcalendar_material/dhxcalendar_marker.gif");
  background-position: top right;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  color: #a6a6a6;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend {
  color: #e6918e;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date {
  color: #a6a6a6;
  background-color: #dcdcdc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend {
  color: #e6918e;
  background-color: #dcdcdc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_dis {
  color: #c0c0c0;
  background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_dis {
  color: #e6918e;
  background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday {
  color: #e6918e;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday {
  color: #d43f3a;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday_dis {
  color: #d43f3a;
  background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_hover {
  color: #a6a6a6;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_hover {
  color: #a6a6a6;
  background-color: #dcdcdc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_hover {
  color: #e6918e;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_hover {
  color: #e6918e;
  background-color: #dcdcdc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday_hover,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday_hover,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday_hover,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday_hover {
  color: #d43f3a;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month {
  color: #404040;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend {
  color: #d43f3a;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date {
  color: white;
  background-color: #39c;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend {
  color: white;
  background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_dis {
  color: #c0c0c0;
  background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_dis {
  color: #d43f3a;
  background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday {
  color: #d43f3a;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday {
  color: #d43f3a;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday {
  color: white;
  background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday {
  color: white;
  background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
  color: #d43f3a;
  background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_hover {
  color: #404040;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_hover {
  color: #d43f3a;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_hover {
  color: white;
  background-color: #39c;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_hover {
  color: white;
  background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday_hover {
  color: #d43f3a;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday_hover {
  color: #d43f3a;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday_hover {
  color: white;
  background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
  color: white;
  background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont {
  position: relative;
  display: block;
  width: 249px;
  height: 31px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li {
  width: 225px;
  height: 31px;
  line-height: 31px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_time_hdr {
  text-align: left;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
  margin-left: 42px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
  position: absolute;
  left: 22px;
  top: 7px;
  width: 18px;
  height: 18px;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxcalendar_material/dhxcalendar_clock.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
  left: 75px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
  text-align: center;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
  margin-left: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
  display: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_img,
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
  display: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
  float: right;
  margin-right: 8px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
  float: right;
  margin-right: 74px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_selected_date {
  border-bottom: 2px solid red;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
  float: right;
  margin-right: 8px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
  float: right;
  margin-right: 22px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,
.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 27px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: block;
  width: 27px;
  color: #3da0e3;
  background-color: - #060606;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 27px;
  height: 28px;
  line-height: 27px;
  margin-top: 2px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell div {
  line-height: inherit;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: block;
  width: 27px;
  color: #3da0e3;
  background-color: - #060606;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_cover {
  position: absolute;
  left: 1px;
  background-color: white;
  opacity: .5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj {
  position: absolute;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
  position: absolute;
  bottom: auto;
  top: 1px;
  left: 0;
  width: 100%;
  height: 9px;
  overflow: hidden;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxcalendar_material/dhxcalendar_selector_top.gif");
  background-position: top center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
  border-bottom: 1px solid #dfdfdf;
  border-top: 0 solid white;
  background-color: white;
  margin-top: 9px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.24);
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  width: 24px;
  text-align: center;
  border-color: #dfdfdf;
  border-style: solid;
  padding: 0;
  margin: 0;
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: default;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
  border-width: 1px 0 0 1px;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxcalendar_material/dhxcalendar_arrow_left.png");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  border-width: 1px 1px 0 0;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxcalendar_material/dhxcalendar_arrow_right.png");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
  cursor: default;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul {
  display: block;
  clear: both;
  background-color: white;
  border-left: 1px solid #dfdfdf;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li {
  float: left;
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border-right: 1px solid #dfdfdf;
  background-color: white;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  font-size: .9em;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover {
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
  height: 28px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 0 solid white;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  width: 50px;
  height: 28px;
  line-height: 28px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  display: none;
  width: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
  top: auto;
  bottom: 1px;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxcalendar_material/dhxcalendar_selector_bottom.gif");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line {
  height: 28px;
  border-top: 0 solid white;
  border-bottom: 1px solid #dfdfdf;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
  margin-top: 0;
  margin-bottom: 9px;
  border-bottom: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  width: 34px;
  height: 28px;
  line-height: 28px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  display: none;
  width: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours2,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5 {
  display: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5 {
  display: block;
}

.dhtmlxcalendar_ifr {
  position: absolute;
  overflow: hidden;
  background-color: white;
}

div.dhtmlxcalendar_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

@keyframes dhx_loader_rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dhx_loader_dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}

div.dhxcombo_material {
  position: relative;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 1px;
  overflow: hidden;
  vertical-align: middle;
  background-color: white;
  font-size: 1px;
  height: 29px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

div.dhxcombo_material.dhxcombo_actv {
  padding-bottom: 0;
  border-bottom: 2px solid #39c;
}

div.dhxcombo_material input.dhxcombo_input {
  position: absolute;
  left: 4px;
  top: 0;
  *top: 1px;
  height: 29px;
  line-height: 28px;
  *height: 27px;
  *line-height: 26px;
  border: 0 solid white;
  outline: 0 solid white;
  padding: 0;
  margin: 0 0 0 2px;
  background-color: white;
  vertical-align: top;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

div.dhxcombo_material input.dhxcombo_input::-ms-clear {
  display: none;
}

div.dhxcombo_material div.dhxcombo_select_button {
  position: absolute;
  width: 21px;
  height: 22px;
  top: 4px;
  right: 2px;
  font-size: 1px;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombo_material div.dhxcombo_select_button div.dhxcombo_select_img {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxcombo_material/dhxcombo_arrow_down.gif");
  background-repeat: no-repeat;
  background-position: center center;
}

div.dhxcombo_material div.dhxcombo_top_image {
  position: absolute;
  left: 0;
  top: 0;
  width: 29px;
  height: 29px;
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombo_material div.dhxcombo_top_image div.dhxcombo_image {
  position: absolute;
  top: 6px;
  left: 5px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_material {
  position: absolute;
  border: 1px solid #dfdfdf;
  background-color: #fafafa;
  overflow-x: none;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  box-shadow: 0 0 10px rgba(127,127,127,0.2);
}

div.dhxcombolist_material div.dhxcombo_option {
  position: relative;
  font: inherit;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  overflow: hidden;
  cursor: default;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

div.dhxcombolist_material div.dhxcombo_option.dhxcombo_option_selected {
  background-color: #ebebeb;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_option_text {
  position: relative;
  padding: 0 4px;
  font: inherit;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_chbx {
  position: relative;
  padding: 0 4px;
  margin-left: 26px;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_image {
  position: relative;
  padding: 0 4px 0 4px;
  margin-left: 26px;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image,
div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_checkbox {
  position: absolute;
  width: 18px;
  margin: 0 5px;
  height: 32px;
  line-height: 32px;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxcombo_material/dhxcombo_chbx.gif");
  background-repeat: no-repeat;
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image.dhxcombo_chbx_1,
div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_1 {
  background-position: 0 7px;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image.dhxcombo_chbx_0,
div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_0 {
  background-position: -18px 7px;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image {
  top: 7px;
  margin: 0 0 0 6px;
  width: 18px;
  height: 18px;
}

div.dhxcombo_material.dhxcombo_disabled input.dhxcombo_input {
  color: #a6a6a6;
}

div.dhxcombo_material.dhxcombo_disabled div.dhxcombo_select_button div.dhxcombo_select_img {
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxcombo_material/dhxcombo_arrow_down_dis.gif");
  cursor: default;
}

.dhxgrid_combo_icon {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}

div.dhxcombo_in_grid_parent {
  position: relative;
  height: 100%;
  top: 0;
}

div.dhxcombo_in_grid_parent div.dhxcombo_material {
  position: absolute;
  top: 0;
  left: -1px;
}

div.dhxcombolist_material.dhxcombolist_hdr {
  border-bottom-width: 0;
  height: 36px;
  line-height: 36px;
  box-shadow: none;
}

div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext {
  position: relative;
  padding: 0;
  white-space: nowrap;
  cursor: default;
  font-family: Roboto,Arial,Helvetica;
  font-size: 14px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell,
div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 2;
  border-left: 1px solid #dfdfdf;
  padding: 0;
  margin: 0;
}

div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first,
div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell:first-child {
  border-left-width: 0;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option {
  height: 32px;
  line-height: 32px;
  margin-top: -1px;
  z-index: 0;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  background-color: white;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_option_text {
  padding: 0;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell,
div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  border-left: 1px solid #dfdfdf;
  padding: 0;
  margin: 0;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first,
div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell:first-child {
  border-left-width: 0;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected {
  z-index: 1;
  background-color: #ebebeb;
  border-top-color: #dfdfdf;
  border-bottom-color: #dfdfdf;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected div.dhxcombo_cell {
  border-left-color: #dfdfdf;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_text,
div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_text {
  position: relative;
  margin: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}

.dhxcombo_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

@keyframes dhx_loader_rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dhx_loader_dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}

.dhtmlxMenu_material_Middle {
  position: relative;
  height: 28px;
  line-height: 28px;
  background-color: #f5f5f5;
  overflow: hidden;
  border: none;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Normal,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected {
  position: relative;
  float: left;
  font: inherit;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0 8px;
  cursor: default;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Normal div.top_level_text,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled div.top_level_text,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected div.top_level_text {
  float: left;
  margin: 0 3px;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Normal i,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled i,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected i {
  height: inherit;
  line-height: inherit;
  float: left;
  color: inherit;
  margin: 0 4px;
  font-size: 1.2em;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled {
  color: #a6a6a6;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected {
  background-color: #ebebeb;
}

.dhtmlxMenu_material_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
  float: left;
  margin: 5px 3px 0 3px;
  width: 18px;
  height: 18px;
  cursor: default;
}

.dhtmlxMenu_material_Middle div.top_sep {
  position: relative;
  float: left;
  height: 22px;
  width: 0;
  border-left: 1px solid #dfdfdf;
  margin: 3px 8px 0 8px;
  font-size: 1px;
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_right,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_left {
  position: absolute;
  top: 0;
  height: 28px;
  line-height: 28px;
  cursor: default;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_right {
  right: 6px;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_left {
  left: 6px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon {
  position: absolute;
  padding: 5px 0;
  background-color: #fafafa;
  overflow: hidden;
  cursor: default;
  line-height: normal;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td {
  padding: 0;
  margin: 0;
  line-height: normal;
  white-space: nowrap;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon {
  width: 18px;
  text-align: center;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon img.sub_icon {
  margin: 4px 6px 0 6px;
  width: 18px;
  height: 18px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon i {
  width: 18px;
  height: 30px;
  line-height: 29px;
  margin: 0 6px;
  font-size: 1.2em;
  text-align: center;
  color: inherit;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon {
  margin: 0 6px;
  width: 18px;
  height: 30px;
  line-height: 30px;
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxmenu_material/dhxmenu_chrd.png");
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon.chbx_0 {
  background-position: 0 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon.chbx_1 {
  background-position: -18px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon.rdbt_0 {
  background-position: -72px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon.rdbt_1 {
  background-position: -90px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_text div.sub_item_text {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 0 22px 0 1px;
  overflow: hidden;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_hk {
  padding: 0 10px 0 8px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_hk div.sub_item_hk {
  color: #8d8d8d;
  font-size: 12px;
  text-align: right;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td div.complex_arrow {
  float: right;
  width: 10px;
  margin: 0 1px 0 11px;
  height: 30px;
  line-height: 30px;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxmenu_material/dhxmenu_subar.png");
  background-repeat: no-repeat;
  background-position: 0 10px;
  overflow: hidden;
  font-size: 1px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td div.complex_arrow_loading {
  width: 16px;
  height: 30px;
  line-height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxmenu_material/dhxmenu_loader.gif");
  float: right;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_selected td {
  background-color: #ebebeb;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_selected td div.complex_arrow {
  background-position: -10px 10px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td.sub_item_hk div.sub_item_hk {
  color: #c0c0c0;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_item_text,
div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td td.sub_item_icon i {
  color: #a6a6a6;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.complex_arrow {
  background-position: -20px 10px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_icon.chbx_0 {
  background-position: -36px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_icon.chbx_1 {
  background-position: -54px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_icon.rdbt_0 {
  background-position: -108px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_icon.rdbt_1 {
  background-position: -126px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td i {
  color: #a6a6a6;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_sep td {
  padding: 5px 3px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_sep td div.sub_sep {
  position: relative;
  font-size: 1px;
  line-height: 1px;
  height: 0;
  width: 100%;
  border-top: 1px solid #dfdfdf;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowUp,
div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowUp_Over,
div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowUp_Disabled {
  position: relative;
  font-size: 1px;
  border-bottom: 1px solid #dfdfdf;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxmenu_material/dhxmenu_arrow_up.png");
  background-repeat: no-repeat;
  background-position: center 2px;
  padding: 8px 0;
  margin-bottom: 3px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowUp_Disabled {
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxmenu_material/dhxmenu_arrow_up_dis.png");
}

div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowDown,
div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowDown_Over,
div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowDown_Disabled {
  position: relative;
  font-size: 1px;
  border-top: 1px solid #dfdfdf;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxmenu_material/dhxmenu_arrow_down.png");
  background-repeat: no-repeat;
  background-position: center 6px;
  padding: 8px 0;
  margin-top: 3px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowDown_Disabled {
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxmenu_material/dhxmenu_arrow_down_dis.png");
}

iframe.dhtmlxMenu_IE6CoverFix_material {
  position: absolute;
  border: none;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhtmlxMenu_material_Middle.dir_left div.align_left {
  float: left;
}

.dhtmlxMenu_material_Middle.dir_left div.align_right {
  float: right;
}

.dhxmenu_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

@keyframes dhx_loader_rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dhx_loader_dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}

.dhx_toolbar_material {
  background-color: #fafafa;
  position: relative;
  padding: 0 5px;
  cursor: default;
  overflow: hidden;
  border: 1px solid #dfdfdf;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

.dhx_toolbar_material.dhx_toolbar_shadow {
  border-width: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
}

.dhx_toolbar_material div.dhxtoolbar_float_left {
  float: left;
}

.dhx_toolbar_material div.dhxtoolbar_float_right {
  float: right;
}

.dhx_toolbar_material div.dhx_toolbar_btn,
.dhx_toolbar_material div.dhx_toolbar_arw {
  position: relative;
  float: left;
  border-style: solid;
  border-color: #fafafa;
  border-width: 0 1px 0 1px;
  line-height: inherit;
  cursor: default;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis {
  color: #a6a6a6;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis i,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis i {
  color: #c0c0c0;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_r,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_r {
  border-color: #dfdfdf;
  background-color: #fafafa;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_pen,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.dhxtoolbar_sl_pen {
  background-color: #dfdfdf;
  border: 1px solid white;
  width: 10px;
  height: 10px;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_over {
  background-color: #ebebeb;
  border-color: #ebebeb;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_pres,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres {
  background-color: #dcdcdc;
  border-color: #d2d2d2;
  box-shadow: 0 0 4px rgba(127,127,127,0.2) inset;
}

.dhx_toolbar_material div.dhx_toolbar_btn {
  padding: 0 5px;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_pres_dis {
  background-color: #ececec;
  border-color: #dfdfdf;
  color: #a6a6a6;
  box-shadow: 0 0 4px rgba(127,127,127,0.2) inset;
}

.dhx_toolbar_material div.dhx_toolbar_btn img {
  float: left;
  margin-right: 2px;
  margin-left: 2px;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_btn i {
  float: left;
  margin: 0 2px;
  text-align: center;
  cursor: default;
  color: #666;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_btn div.dhxtoolbar_text {
  float: left;
  position: relative;
  font: inherit;
  margin: 0 4px;
  padding: 0;
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_btn input.dhxtoolbar_input {
  position: relative;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  margin: 0 4px;
  padding: 2px 4px 3px 4px;
  line-height: normal;
  direction: ltr;
  outline: none;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

.dhx_toolbar_material div.dhx_toolbar_btn input.dhxtoolbar_input:disabled {
  color: #a6a6a6;
}

.dhx_toolbar_material div.dhx_toolbar_arw {
  padding: 0 6px;
  margin-left: -1px;
  z-index: 1;
}

.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_over {
  border-left-color: #e3e3e3;
}

.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres {
  border-left-color: #cbcbcb;
  box-shadow: 0 0 3px rgba(127,127,127,0.18) inset;
}

.dhx_toolbar_material div.dhx_toolbar_arw div.arwimg {
  position: relative;
  width: 7px;
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxtoolbar_material/dhxtoolbar_arrow.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.arwimg {
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxtoolbar_material/dhxtoolbar_arrow_dis.gif");
}

.dhx_toolbar_material div.dhx_toolbar_sep {
  float: left;
  position: relative;
  border-left: 1px solid #dfdfdf;
  margin: 3px 8px 0 8px;
  width: 0;
  overflow: hidden;
  cursor: default;
  font-size: 1px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_text {
  float: left;
  position: relative;
  padding: 0 5px;
  font: inherit;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material div.dhxtoolbar_sl_bg_r {
  float: left;
  line-height: 1px;
  padding: 0;
  width: 2px;
  font-size: 1px;
  border-color: #d2d2d2;
  border-width: 1px 0 1px 0;
  border-style: solid;
  overflow: hidden;
}

.dhx_toolbar_material div.dhxtoolbar_sl_bg_l {
  margin-left: 4px;
  border-left-width: 1px;
}

.dhx_toolbar_material div.dhxtoolbar_sl_bg_r {
  margin-right: 4px;
  border-right-width: 1px;
}

.dhx_toolbar_material div.dhxtoolbar_sl_pen,
.dhx_toolbar_material div.dhxtoolbar_sl_pen.dhxtoolbar_over {
  position: absolute;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #39c;
  cursor: default;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 {
  height: 32px;
  line-height: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_text {
  height: 32px;
  line-height: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn img {
  margin-top: 7px;
  width: 18px;
  height: 18px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn i {
  width: 18px;
  height: 32px;
  line-height: 31px;
  font-size: 17px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn div.dhxtoolbar_text {
  height: 32px;
  line-height: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_sep {
  height: 26px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_bg_r {
  margin-top: 16px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_pen,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_pen.dhxtoolbar_over {
  top: 11px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 {
  height: 42px;
  line-height: 42px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_text {
  height: 42px;
  line-height: 42px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_btn img {
  margin-top: 9px;
  width: 24px;
  height: 24px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_btn i {
  width: 24px;
  height: 42px;
  line-height: 41px;
  font-size: 22px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_btn div.dhxtoolbar_text {
  height: 42px;
  line-height: 42px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_sep {
  height: 36px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_r {
  margin-top: 21px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_pen,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_pen.dhxtoolbar_over {
  top: 16px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 {
  height: 52px;
  line-height: 52px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_text {
  height: 52px;
  line-height: 52px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_btn img {
  margin-top: 10px;
  width: 32px;
  height: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_btn i {
  width: 32px;
  height: 52px;
  line-height: 51px;
  font-size: 27px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_btn div.dhxtoolbar_text {
  height: 52px;
  line-height: 52px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_sep {
  height: 46px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_r {
  margin-top: 26px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_pen,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_pen.dhxtoolbar_over {
  top: 21px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 {
  height: 62px;
  line-height: 62px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_text {
  height: 62px;
  line-height: 62px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_btn img {
  margin-top: 7px;
  width: 48px;
  height: 48px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_btn i {
  width: 48px;
  height: 62px;
  line-height: 61px;
  font-size: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_btn div.dhxtoolbar_text {
  height: 62px;
  line-height: 62px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_sep {
  height: 56px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_r {
  margin-top: 31px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_pen,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_pen.dhxtoolbar_over {
  top: 26px;
}

div.dhx_toolbar_poly_material {
  position: absolute;
  padding: 5px 0;
  background-color: #fafafa;
  overflow: hidden;
  cursor: default;
  line-height: normal;
  overflow-y: auto;
  border: 1px solid #dfdfdf;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhx_toolbar_poly_material.dhx_toolbar_shadow {
  border-width: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
}

div.dhx_toolbar_poly_material td {
  line-height: normal;
  padding: 0;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

div.dhx_toolbar_poly_material td.td_btn_img {
  width: 18px;
  text-align: center;
}

div.dhx_toolbar_poly_material td.td_btn_img img.btn_sel_img {
  margin: 4px 6px 0 6px;
  width: 18px;
  height: 18px;
}

div.dhx_toolbar_poly_material td.td_btn_img i {
  width: 18px;
  height: 30px;
  line-height: 29px;
  margin: 0 6px;
  font-size: 1.12em;
  text-align: center;
  color: #5a5a5a;
}

div.dhx_toolbar_poly_material td.td_btn_txt div.btn_sel_text {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 0 22px 0 1px;
  overflow: hidden;
}

div.dhx_toolbar_poly_material .tr_btn_over td,
div.dhx_toolbar_poly_material .tr_btn_selected td {
  background-color: #ebebeb;
}

div.dhx_toolbar_poly_material .tr_btn_disabled td,
div.dhx_toolbar_poly_material .tr_btn_disabled td i {
  color: #a6a6a6;
}

div.dhx_toolbar_poly_material tr.tr_sep td {
  padding: 5px 3px;
}

div.dhx_toolbar_poly_material tr.tr_sep td div.btn_sep {
  position: relative;
  font-size: 1px;
  line-height: 1px;
  height: 0;
  width: 100%;
  border-top: 1px solid #dfdfdf;
}

div.dhx_toolbar_slider_label_material {
  position: absolute;
  background-color: #fafafa;
  padding: 6px 12px;
  overflow: hidden;
  cursor: default;
  line-height: normal;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtoolbar_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

.dhxtoolbar_maxopen_test {
  position: absolute;
  width: 200px;
  height: 50px;
  overflow-x: none;
  overflow-y: auto;
  left: -300px;
  top: 100px;
  border: 1px solid white;
  visibility: hidden;
}

.dhxtoolbar_maxopen_test2 {
  height: 200px;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxcarousel_base_material div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxsidebar_base_material div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
  height: 33px;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material,
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material,
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material,
.dhxcarousel_base_material div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material,
.dhxsidebar_base_material div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material {
  box-shadow: none;
  border-width: 0 1px 1px 1px;
}

.dhxwins_vp_material div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
  height: 32px;
}

.dhxwins_vp_material div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material {
  border-width: 0 1px 1px 0;
}

@keyframes dhx_loader_rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dhx_loader_dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}

div.gridbox {
  overflow: hidden;
  text-align: left;
}

.dhx_sub_row {
  background-color: white;
}

div.gridbox .xhdr {
  background-color: #D4D0C8;
}

div.gridbox table.obj {
  height: 1px;
}

div.gridbox table.hdr td {
  line-height: normal;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: red;
  background-color: #D4D0C8;
  border: px solid;
  border-color: white;
  text-align: center;
  margin: 0;
  padding: 5px 0 5px 0;
  font-weight: normal;
  overflow: hidden;
  empty-cells: show;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.gridbox table.obj td {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  empty-cells: show;
  white-space: normal;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.gridbox table.obj th,
div.gridbox table.hdr th {
  padding: 0;
  margin: 0;
}

div.gridbox table.row20px tr td {
  height: 20px;
  white-space: nowrap;
  padding: 0;
}

div.gridbox .objbox {
  background-color: white;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

div.gridbox table.obj td span.space,
div.gridbox table.obj td img.space {
  width: 18px;
}

div.gridbox table.obj td.editable {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}

div.gridbox table.obj td.group_row {
  vertical-align: middle;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  font-weight: bold;
  height: 30px;
  border: 0;
  border-bottom: 2px solid navy;
}

.dragSpanDiv {
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  border: 1px gray solid;
  background-color: white;
  z-index: 999;
}

.dhx_combo_select {
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  border: 1px solid;
  border-color: black silver silver black;
  background-color: white;
  overflow: auto;
  cursor: default;
  position: absolute;
  height: auto;
  z-index: 600;
}

.dhx_combo_edit {
  width: 100%;
  border: 0;
  padding: 0;
  padding-right: 1px!ie;
  margin: 0;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  overflow: hidden;
  display: block;
}

table.obj.row20px .dhx_combo_edit {
  line-height: 28px;
}

.dhx_textarea {
  border: 1px solid;
  border-color: black silver silver black;
  position: absolute;
  height: 100px;
  z-index: 600;
}

.dhx_clist {
  background-color: white;
  border: 1px solid black;
  padding: 2px 2px 2px 2px;
  z-index: 300;
}

.gridDragLine {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: black;
  overflow: hidden;
  pointer-events: none;
}

div.pagingBlock {
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

div.pagingBlock .pagingCurrentPage {
  font-weight: bold;
  cursor: default;
}

div.pagingBlock .pagingPage {
  cursor: pointer;
  text-decoration: underline;
}

span.recordsInfoBlock {
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

div.pagingBlock a {
  text-decoration: none;
  padding-right: 2px;
  color: black;
  cursor: pointer;
}

div.pagingBlock a.dhx_not_active {
  text-decoration: none;
  cursor: default;
}

.toolbar_select {
  font-size: 10px;
}

.dhtmlxGrid_selection {
  opacity: .5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  background-color: yellow;
  border: 1px dotted black;
}

div.gridbox div.ftr {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  overflow: hidden;
}

div.gridbox div.ftr td {
  padding: 5px 5px 5px 10px;
  border-top: 1px solid gray;
  border-right: 1px solid white;
  background-color: white;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  overflow: hidden;
}

div.gridbox table.hdr td.columnTargetR div.hdrcell {
  border-right: 3px double #F60;
  border-left: 3px solid #D4D0C8;
}

div.gridbox table.hdr td.columnTargetL div.hdrcell {
  border-right: 3px solid #D4D0C8;
  border-left: 3px double #F60;
}

.dhx_dragColDiv {
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  background-color: #D4D0C8;
  border: 1px solid;
  border-color: white Gray Gray white;
  text-align: center;
  margin: 0;
  padding: 5px 20px 5px 20px;
  font-weight: normal;
  opacity: .75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  z-index: 100;
}

.dhtmlx_live_validation_error {
  background-color: #FFE0E0!important;
}

.dhtmlx_validation_error {
  border-bottom: 2px solid red!important;
}

.dhx_header_cmenu {
  background-color: #fff;
  border: 2px outset silver;
  z-index: 2;
}

.dhx_header_cmenu_item {
  white-space: nowrap;
}

div.gridbox .filter input,
div.gridbox .filter select {
  width: 100%;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  padding: 2px;
  box-sizing: border-box;
}

div.gridbox .filter input::-ms-clear {
  display: none;
}

div.gridbox_material.gridbox .xhdr {
  background-color: white;
  border-bottom: 1px solid #dfdfdf;
}

div.gridbox_material.gridbox table.hdr tr {
  background-color: white;
}

div.gridbox_material.grid table.obj {
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

div.gridbox_material.gridbox table.obj tr td {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
}

div.gridbox_material.gridbox table.hdr td div.hdrcell {
  overflow: hidden;
  width: auto;
  padding-left: 4px;
  width: 100%!ie;
}

div.gridbox_material.gridbox table.hdr td {
  border-width: 0 1px 0 0;
  border: 1px solid white;
  overflow: hidden;
  empty-cells: show;
  white-space: normal;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 9px 0 8px 0;
  background-color: white;
  font-size: 12px;
  font-family: Roboto,Arial,Helvetica;
  color: #9f9f9f;
  font-weight: 500;
  vertical-align: top;
  text-align: left;
  position: relative;
}

div.gridbox_material.gridbox table.hdr tr:nth-child(2) td {
  border-top: 1px solid white;
}

div.gridbox_material.gridbox {
  border: 1px solid #dfdfdf;
}

div.gridbox_material.gridbox table.obj tr td {
  padding-top: 3px;
  padding-bottom: 4px;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

div.gridbox_material.gridbox table.obj.row20px tr td {
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid white;
}

div.gridbox_material.gridbox table.obj.row20px tr td:last-child {
  border-right: 1px solid white;
}

div.gridbox_material.gridbox table.obj tr td.editable .dhx_combo_edit {
  margin-left: -3px;
}

div.gridbox_material.gridbox table.obj tr td.editable .dhxcombo_in_grid_parent {
  margin-left: -3px!important;
}

div.gridbox_material.gridbox table.obj tr td.editable:first-child {
  border: 0 solid white!important;
  padding-left: 4px!important;
}

div.gridbox_material.gridbox table.obj tr td.editable div.treegrid_cell {
  padding: 1px 4px;
}

div.gridbox_material.gridbox table.obj tr.rowselected {
  background-color: #eee;
  color: #404040;
}

div.gridbox_material.gridbox table.obj tr.rowselected td {
  background-color: #eee;
  color: #404040;
}

div.gridbox_material.gridbox table.obj tr td:first-child {
  padding-left: 10px;
}

div.gridbox_material.gridbox table.obj tr.rowselected td:first-child {
  border-left: 2px solid #39c;
  padding-left: 8px;
}

div.gridbox_material.gridbox table.obj.row20px tr.rowselected td {
  background-color: #eee;
  border-right-color: #eee;
  color: #404040;
}

div.gridbox_material.gridbox table.obj tr td.cellselected {
  background-color: #eee;
  color: #404040;
}

div.gridbox_material.gridbox .odd_material {
  background-color: #fff;
  color: #404040;
}

.dhx_combo_select,
.gridbox_material.gridbox .dhx_combo_edit,
.gridbox_material.gridbox .dhx_textarea {
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

.gridbox_material.gridbox .dhx_combo_edit {
  padding: 1px 0 0 4px;
}

.gridbox_material.gridbox .dhx_sub_row {
  background-color: transparent;
}

.dhx_header_cmenu {
  background-color: #fff;
  border: 2px outset silver;
  z-index: 2;
}

.dhx_header_cmenu_item {
  white-space: nowrap;
}

.dhx_pbox {
  margin-top: 3px;
  border: 1px solid #D4D0C8;
  border-top: 0;
  font-size: 10px;
}

.dhx_pline {
  background-color: white;
  margin: -15px 10px 10px 10px;
  padding: 0 5px 0 5px;
  float: left;
}

.dhx_page,
.dhx_pager_info {
  margin: 3px;
  text-align: center;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  float: left;
  cursor: pointer;
  color: black;
  background-color: gray;
  padding: 1px;
}

.dhx_pager_info {
  white-space: nowrap;
  background-color: white;
  margin: -8px 10px 10px 10px;
  padding: 0 5px 0 5px;
  cursor: default;
}

.dhx_page div {
  background-color: white;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

div.dhx_page_active {
  font-weight: bold;
  background-color: lightgrey;
  cursor: default;
  color: white;
}

.dhx_pbox_modern {
  margin-top: 3px;
  border: 1px solid #D6D6D6;
  border-top: 0;
  font-size: 10px;
}

.dhx_pline_modern {
  background-color: white;
  margin: -15px 10px 10px 10px;
  padding: 0 5px 0 5px;
  float: left;
}

.dhx_page_modern,
.dhx_pager_info_modern {
  margin: 3px;
  text-align: center;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  float: left;
  cursor: pointer;
  color: #055A78;
  background-color: #D6D6D6;
  padding: 1px;
}

.dhx_pager_info_modern {
  white-space: nowrap;
  background-color: white;
  margin: -8px 10px 10px 10px;
  padding: 0 5px 0 5px;
  cursor: default;
}

.dhx_page_modern div {
  background-color: white;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

div.dhx_page_active_modern {
  font-weight: bold;
  background-color: #055A78;
  cursor: default;
  color: white;
}

.dhx_pbox_light {
  margin-top: 3px;
  border: 1px solid #C2D5DC;
  border-top: 0;
  font-size: 10px;
}

.dhx_pline_light {
  background-color: white;
  margin: -15px 10px 10px 10px;
  padding: 0 5px 0 5px;
  float: left;
}

.dhx_page_light,
.dhx_pager_info_light {
  margin: 3px;
  text-align: center;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
  float: left;
  cursor: pointer;
  color: #055A78;
  background-color: #93AFBA;
  padding: 1px;
}

.dhx_pager_info_light {
  white-space: nowrap;
  background-color: white;
  margin: -8px 10px 10px 10px;
  padding: 0 5px 0 5px;
  cursor: default;
}

.dhx_page_light div {
  background-color: white;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

div.dhx_page_active_light {
  font-weight: bold;
  background-color: #D1DFE3;
  cursor: default;
  color: white;
}

.calcTable {
  width: 100px;
  background-color: silver;
  border: 1px black solid;
}

.calcButton {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
}

.calcPressed {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid black;
  border-right: 1px solid black;
}

.calcInput {
  background-color: white;
  font-size: 10px;
  font-weight: bold;
  font-family: Roboto,Arial,Helvetica;
}

.calkSubmit {
  padding: 2px;
  cursor: pointer;
  text-align: center;
  background-color: silver;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid white;
  border-right: 1px solid white;
}

.calcTable {
  width: 100px;
  background-color: silver;
  border: 1px black solid;
}

.calcButton {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
}

.calcPressed {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid black;
  border-right: 1px solid black;
}

.calcInput {
  background-color: white;
  font-size: 10px;
  font-weight: bold;
  font-family: Roboto,Arial,Helvetica;
}

.calkSubmit {
  padding: 2px;
  cursor: pointer;
  text-align: center;
  background-color: silver;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid white;
  border-right: 1px solid white;
}

.dhxgrid_sort_desc,
.dhxgrid_sort_asc {
  width: 0;
  height: 0;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col,
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxgrid_material/sort_desc.gif");
  background-position: 3px 7px;
  background-repeat: no-repeat;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col div,
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col div {
  padding-left: 18px;
  padding-right: 14px;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxgrid_material/sort_asc.gif");
}

.dhxgrid_rh_material {
  position: absolute;
  top: -20px;
  left: -33px;
  width: 29px;
  height: 10px;
  margin: 0;
  padding: 0;
  border-width: 0;
  font-size: 1px;
  overflow: hidden;
}

.dhxgrid_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

div.gridbox_material.gridbox table.obj.row20px tr td img {
  display: block;
}

div.gridbox_material.gridbox table.obj.row20px tr td.group_row img,
div.gridbox_material.gridbox table.obj.row20px tr td .treegrid_cell img {
  display: inline;
}

.grid_cell_dyn {
  position: relative;
  padding-right: 2px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.grid_cell_dyn img {
  position: absolute;
  top: 7px;
  left: 0;
  height: 15px;
}

.grid_cell_dyn span {
  padding-left: 20px;
  width: 100%;
}

.grid_collapse_icon {
  margin-top: 1px;
}

.treegrid_cell>i {
  padding-right: 5px;
  padding-left: 3px;
  font-size: 16px;
}

@keyframes dhx_loader_rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dhx_loader_dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}

.dhtmlx_message_area {
  position: fixed;
  right: 10px;
  width: 250px;
  z-index: 1000;
  padding: 0;
}

.dhtmlx-info {
  color: #444;
  min-width: 120px;
  background: #f5f5f5;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  font-weight: 500;
  z-index: 10000;
  margin: 0 5px 7px 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  border-radius: 3px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.dhtmlx-info div {
  padding: 16px 9px 16px 15px;
  background-color: #f5f5f5;
  border-radius: 3px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.dhtmlx-info.hidden {
  box-shadow: none;
  border-top: none;
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.dhtmlx-info.hidden div {
  height: 0;
  border-top: none;
  border-bottom: none;
  padding-bottom: 0;
  padding-top: 0;
  overflow: hidden;
}

.dhtmlx-error {
  color: #fff;
  background-color: #e53935;
  box-shadow: 0 0 6px rgba(0,0,0,0.49);
  border-radius: 0;
}

.dhtmlx-error div {
  padding: 16px 9px 16px 18px;
  background-color: #e53935;
}

.dhtmlx_modal_box {
  overflow: hidden;
  display: inline-block;
  min-width: 300px;
  width: 300px;
  text-align: center;
  position: fixed;
  background-color: #fff;
  z-index: 20000;
  box-shadow: 0 28px 80px -6px rgba(0,0,0,0.4);
}

.dhtmlx_popup_title {
  padding: 16px 0;
  font-size: 17px;
  line-height: 16px;
  font-family: Roboto,Arial,Helvetica;
}

.dhtmlx-info,
.dhtmlx_popup_title,
.dhtmlx_popup_button {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
  cursor: pointer;
}

.dhtmlx_popup_text {
  font-size: 15px;
  font-family: Roboto,Arial,Helvetica;
  color: #444;
  min-height: 30px;
  padding: 20px 10px 5px 10px!important;
  overflow: hidden;
}

.dhtmlx_popup_controls {
  font-family: Roboto,Arial,Helvetica;
  font-weight: bold;
  padding: 10px 10px 15px 10px!important;
}

.dhtmlx_popup_button {
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  font-weight: 500;
  min-width: 120px;
  width: 120px;
  height: 32px;
  display: inline-block;
  margin: 0 5px;
  color: #444;
}

.dhtmlx_popup_button div {
  line-height: 32px;
  text-transform: uppercase;
}

div.dhx_modal_cover {
  background-color: #000;
  cursor: default;
  opacity: .24;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  position: fixed;
  z-index: 19999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  zoom: 1;
}

.dhtmlx_popup_button {
  color: #222;
  border: 1px solid #dfdfdf;
  background: #f5f5f5;
}

.dhtmlx_popup_button:active,
.dhtmlx_popup_button:focus {
  background: #eee;
}

.dhtmlx_popup_button:first-child {
  background: #39c;
  color: white;
  font-weight: normal;
}

.dhtmlx-alert-error .dhtmlx_popup_title,
.dhtmlx-confirm-error .dhtmlx_popup_title {
  color: #fff;
  background: #e53935;
}

.dhtmlx-alert-error .dhtmlx_popup_button:first-child,
.dhtmlx-confirm-error .dhtmlx_popup_button:first-child {
  background: #e53935;
  border: 1px solid #f17373;
}

.dhtmlx-alert-warning .dhtmlx_popup_title,
.dhtmlx-confirm-warning .dhtmlx_popup_title {
  color: #fff;
  background: #E6951A;
}

.dhtmlx-alert .dhtmlx_popup_title,
.dhtmlx-confirm .dhtmlx_popup_title {
  color: white;
  background: #39c;
}

/*@import url('../../../vendors/dhtmlxgrid/codebase/dhtmlxgrid_skins.css');*/

/*@import url('../../../vendors/dhtmlxgrid/codebase/skins/dhtmlxgrid_dhx_skyblue.css');*/

/*@import url('../../../vendors/dhtmlxtree/dhtmlxtree.css');*/

/*
Product Name: dhtmlxSuite 
Version: 5.1.0 
Edition: Professional 
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/

/*
	skin detected: material
	include extra file: skins/material.less
*/

@keyframes dhx_loader_rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dhx_loader_dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

.defaultTreeTable {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.containerTableStyle {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  top: 0;
  font-size: 12px;
  -khtml-user-select: none;
}

.containerTableStyleRTL span {
  direction: rtl;
  unicode-bidi: bidi-override;
}

.containerTableStyleRTL {
  direction: rtl;
  overflow: auto;
  position: relative;
  top: 0;
  font-size: 12px;
}

.standartTreeRow {
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  -moz-user-select: none;
  line-height: 24px;
}

.selectedTreeRow {
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  -moz-user-select: none;
  background-color: #eeeeee;
  color: #3399cc;
}

.dhxtree_material .selectedTreeRowFull .dhxTextCell {
  background-color: #eeeeee;
  color: #3399cc;
}

.dragAndDropRow {
  color: #3399cc;
}

.standartTreeRow_lor {
  text-decoration: underline;
  background-color: white;
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  -moz-user-select: none;
}

.standartTreeImage {
  height: 24px;
  overflow: hidden;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 1px;
}

.standartTreeImage img {
  width: 18px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 1px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.hiddenRow {
  width: 1px;
  overflow: hidden;
}

.dragSpanDiv,
.dragSpanDiv td {
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  line-height: 14px;
  vertical-align: center;
  background-color: white;
  z-index: 999;
}

.dragSpanDiv td {
  padding: 5px;
}

.a_dhx_hidden_input {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  border: none;
  background: none;
}

.a_dhx_hidden_input {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  border: none;
  background: none;
}

.selectionBar {
  top: 0;
  background-color: black;
  position: absolute;
  overflow: hidden;
  height: 2px;
  z-index: 11;
}

.intreeeditRow {
  font-size: 8pt;
  height: 16px;
  border: 1px solid silver;
  padding: 0;
  margin: 0;
  margin-left: 4px;
  -moz-user-select: text;
  -khtml-user-select: text;
}

.dhx_tree_textSign {
  font-size: 8pt;
  font-family: monospace;
  width: 21px;
  color: #404040;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  text-align: center;
}

.dhx_tree_opacity {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_bg_img_fix {
  width: 18px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: center;
  background-position-y: center;
}

.dhxtree_skin_detect {
  position: absolute;
  left: 0px;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0px solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
Product Name: dhtmlxSuite 
Version: 5.1.0 
Edition: Professional 
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/

/*
	skin detected: material
	include extra file: skins/material.less
*/

@keyframes dhx_loader_rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dhx_loader_dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

div.gridbox {
  overflow: hidden;
  text-align: left;
}

.dhx_sub_row {
  background-color: white;
}

div.gridbox .xhdr {
  background-color: #D4D0C8;
}

div.gridbox table.obj {
  height: 1px;
}

div.gridbox table.hdr td {
  line-height: normal;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: red;
  background-color: #D4D0C8;
  border: px solid;
  border-color: white;
  text-align: center;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  font-weight: normal;
  overflow: hidden;
  empty-cells: show;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.gridbox table.obj td {
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
  empty-cells: show;
  white-space: normal;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: text;
}

div.gridbox table.obj th,
div.gridbox table.hdr th {
  padding: 0px;
  margin: 0px;
}

div.gridbox table.row20px tr td {
  height: 20px;
  white-space: nowrap;
  padding: 0px;
}

div.gridbox .objbox {
  background-color: white;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

div.gridbox table.obj td span.space,
div.gridbox table.obj td img.space {
  width: 18px;
}

div.gridbox table.obj td.editable {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}

div.gridbox table.obj td.group_row {
  vertical-align: middle;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  font-weight: bold;
  height: 30px;
  border: 0px;
  border-bottom: 2px solid navy;
}

.dragSpanDiv {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  border: 1px gray solid;
  background-color: white;
  z-index: 999;
}

.dhx_combo_select {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  border: 1px solid;
  border-color: black silver silver black;
  background-color: white;
  overflow: auto;
  cursor: default;
  position: absolute;
  height: auto;
  z-index: 600;
}

.dhx_combo_edit {
  width: 100%;
  border: 0px;
  padding: 0px;
  padding-right: 1px !ie;
  margin: 0px;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  overflow: hidden;
  display: block;
}

table.obj.row20px .dhx_combo_edit {
  line-height: 28px;
}

.dhx_textarea {
  border: 1px solid;
  border-color: black silver silver black;
  position: absolute;
  height: 100px;
  z-index: 600;
}

.dhx_clist {
  background-color: white;
  border: 1px solid black;
  padding: 2px 2px 2px 2px;
  z-index: 300;
}

.gridDragLine {
  position: absolute;
  top: 10px;
  left: 0px;
  width: 100%;
  height: 2px;
  background-color: black;
  overflow: hidden;
  pointer-events: none;
}

div.pagingBlock {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.pagingBlock .pagingCurrentPage {
  font-weight: bold;
  cursor: default;
}

div.pagingBlock .pagingPage {
  cursor: pointer;
  text-decoration: underline;
}

span.recordsInfoBlock {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.pagingBlock a {
  text-decoration: none;
  padding-right: 2px;
  color: black;
  cursor: pointer;
}

div.pagingBlock a.dhx_not_active {
  text-decoration: none;
  cursor: default;
}

.toolbar_select {
  font-size: 10px;
}

.dhtmlxGrid_selection {
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  background-color: yellow;
  border: 1px dotted black;
}

div.gridbox div.ftr {
  position: absolute;
  left: 0px;
  bottom: 1px;
  width: 100%;
  overflow: hidden;
}

div.gridbox div.ftr td {
  padding: 5px 5px 5px 10px;
  border-top: 1px solid gray;
  border-right: 1px solid white;
  background-color: white;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  overflow: hidden;
}

div.gridbox table.hdr td.columnTargetR div.hdrcell {
  border-right: 3px double #FF6600;
  border-left: 3px solid #D4D0C8;
}

div.gridbox table.hdr td.columnTargetL div.hdrcell {
  border-right: 3px solid #D4D0C8;
  border-left: 3px double #FF6600;
}

.dhx_dragColDiv {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  background-color: #D4D0C8;
  border: 1px solid;
  border-color: white Gray Gray white;
  text-align: center;
  margin: 0px;
  padding: 5px 20px 5px 20px;
  font-weight: normal;
  opacity: 0.75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  z-index: 100;
}

.dhtmlx_live_validation_error {
  background-color: #FFE0E0 !important;
}

.dhtmlx_validation_error {
  border-bottom: 2px solid red !important;
}

.dhx_header_cmenu {
  background-color: #ffffff;
  border: 2px outset silver;
  z-index: 2;
}

.dhx_header_cmenu_item {
  white-space: nowrap;
}

div.gridbox .filter input,
div.gridbox .filter select {
  width: 100%;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  padding: 2px;
  box-sizing: border-box;
}

div.gridbox .filter input::-ms-clear {
  display: none;
}

div.gridbox_material.gridbox .xhdr {
  background-color: white;
  border-bottom: 1px solid #dfdfdf;
}

div.gridbox_material.gridbox table.hdr tr {
  background-color: white;
}

div.gridbox_material.grid table.obj {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.gridbox_material.gridbox table.obj tr td {
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
}

div.gridbox_material.gridbox table.hdr td div.hdrcell {
  overflow: hidden;
  width: auto;
  padding-left: 4px;
  width: 100% !ie;
}

div.gridbox_material.gridbox table.hdr td {
  border-width: 0px 1px 0px 0px;
  border: 1px solid white;
  overflow: hidden;
  empty-cells: show;
  white-space: normal;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 9px 0px 8px 0px;
  background-color: white;
  font-size: 12px;
  font-family: Roboto, Arial, Helvetica;
  color: #9f9f9f;
  font-weight: 500;
  vertical-align: top;
  text-align: left;
  position: relative;
}

div.gridbox_material.gridbox table.hdr tr:nth-child(2) td {
  border-top: 1px solid white;
}

div.gridbox_material.gridbox {
  border: 1px solid #dfdfdf;
}

div.gridbox_material.gridbox table.obj tr td,
.dhx_grid_adjust {
  padding-top: 3px;
  padding-bottom: 4px;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.gridbox_material.gridbox table.obj.row20px tr td {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid white;
}

div.gridbox_material.gridbox table.obj.row20px tr td:last-child {
  border-right: 1px solid white;
}

div.gridbox_material.gridbox table.obj tr td.editable .dhx_combo_edit {
  margin-left: -3px;
}

div.gridbox_material.gridbox table.obj tr td.editable .dhxcombo_in_grid_parent {
  margin-left: -3px !important;
}

div.gridbox_material.gridbox table.obj tr td.editable:first-child {
  border: 0px solid white !important;
  padding-left: 4px !important;
}

div.gridbox_material.gridbox table.obj tr td.editable div.treegrid_cell {
  padding: 1px 4px;
}

div.gridbox_material.gridbox table.obj tr.rowselected {
  background-color: #eeeeee;
  color: #404040;
}

div.gridbox_material.gridbox table.obj tr.rowselected td {
  background-color: #eeeeee;
  color: #404040;
}

div.gridbox_material.gridbox table.obj tr td:first-child {
  padding-left: 10px;
}

div.gridbox_material.gridbox table.obj tr.rowselected td:first-child {
  border-left: 2px solid #3399cc;
  padding-left: 8px;
}

div.gridbox_material.gridbox table.obj.row20px tr.rowselected td {
  background-color: #eeeeee;
  border-right-color: #eeeeee;
  color: #404040;
}

div.gridbox_material.gridbox table.obj tr td.cellselected {
  background-color: #eeeeee;
  color: #404040;
}

div.gridbox_material.gridbox .odd_material {
  background-color: #ffffff;
  color: #404040;
}

.dhx_combo_select,
.gridbox_material.gridbox .dhx_combo_edit,
.gridbox_material.gridbox .dhx_textarea {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.gridbox_material.gridbox .dhx_combo_edit {
  padding: 1px 0px 0px 4px;
}

.gridbox_material.gridbox .dhx_sub_row {
  background-color: transparent;
}

.dhx_header_cmenu {
  background-color: #ffffff;
  border: 2px outset silver;
  z-index: 2;
}

.dhx_header_cmenu_item {
  white-space: nowrap;
}

.dhx_pbox {
  margin-top: 3px;
  border: 1px solid #D4D0C8;
  border-top: 0px;
  font-size: 10px;
}

.dhx_pline {
  background-color: white;
  margin: -15px 10px 10px 10px;
  padding: 0px 5px 0px 5px;
  float: left;
}

.dhx_page,
.dhx_pager_info {
  margin: 3px;
  text-align: center;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  float: left;
  cursor: pointer;
  color: black;
  background-color: gray;
  padding: 1px;
}

.dhx_pager_info {
  white-space: nowrap;
  background-color: white;
  margin: -8px 10px 10px 10px;
  padding: 0px 5px 0px 5px;
  cursor: default;
}

.dhx_page div {
  background-color: white;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

div.dhx_page_active {
  font-weight: bold;
  background-color: lightgrey;
  cursor: default;
  color: white;
}

.dhx_pbox_modern {
  margin-top: 3px;
  border: 1px solid #D6D6D6;
  border-top: 0px;
  font-size: 10px;
}

.dhx_pline_modern {
  background-color: white;
  margin: -15px 10px 10px 10px;
  padding: 0px 5px 0px 5px;
  float: left;
}

.dhx_page_modern,
.dhx_pager_info_modern {
  margin: 3px;
  text-align: center;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  float: left;
  cursor: pointer;
  color: #055A78;
  background-color: #D6D6D6;
  padding: 1px;
}

.dhx_pager_info_modern {
  white-space: nowrap;
  background-color: white;
  margin: -8px 10px 10px 10px;
  padding: 0px 5px 0px 5px;
  cursor: default;
}

.dhx_page_modern div {
  background-color: white;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

div.dhx_page_active_modern {
  font-weight: bold;
  background-color: #055A78;
  cursor: default;
  color: white;
}

.dhx_pbox_light {
  margin-top: 3px;
  border: 1px solid #C2D5DC;
  border-top: 0px;
  font-size: 10px;
}

.dhx_pline_light {
  background-color: white;
  margin: -15px 10px 10px 10px;
  padding: 0px 5px 0px 5px;
  float: left;
}

.dhx_page_light,
.dhx_pager_info_light {
  margin: 3px;
  text-align: center;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  float: left;
  cursor: pointer;
  color: #055A78;
  background-color: #93AFBA;
  padding: 1px;
}

.dhx_pager_info_light {
  white-space: nowrap;
  background-color: white;
  margin: -8px 10px 10px 10px;
  padding: 0px 5px 0px 5px;
  cursor: default;
}

.dhx_page_light div {
  background-color: white;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

div.dhx_page_active_light {
  font-weight: bold;
  background-color: #D1DFE3;
  cursor: default;
  color: white;
}

.calcTable {
  width: 100px;
  background-color: silver;
  border: 1px black solid;
}

.calcButton {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
}

.calcPressed {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid black;
  border-right: 1px solid black;
}

.calcInput {
  background-color: white;
  font-size: 10px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetica;
}

.calkSubmit {
  padding: 2px;
  cursor: pointer;
  text-align: center;
  background-color: silver;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid white;
  border-right: 1px solid white;
}

.calcTable {
  width: 100px;
  background-color: silver;
  border: 1px black solid;
}

.calcButton {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
}

.calcPressed {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid black;
  border-right: 1px solid black;
}

.calcInput {
  background-color: white;
  font-size: 10px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetica;
}

.calkSubmit {
  padding: 2px;
  cursor: pointer;
  text-align: center;
  background-color: silver;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid white;
  border-right: 1px solid white;
}

.dhxgrid_sort_desc,
.dhxgrid_sort_asc {
  width: 0px;
  height: 0px;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col,
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxgrid_material/sort_desc.gif");
  background-position: 3px 7px;
  background-repeat: no-repeat;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col div,
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col div {
  padding-left: 18px;
  padding-right: 14px;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
  background-image: url("../../../vendors/dhtmlxgrid/codebase/imgs/dhxgrid_material/sort_asc.gif");
}

.dhxgrid_rh_material {
  position: absolute;
  top: -20px;
  left: -33px;
  width: 29px;
  height: 10px;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  font-size: 1px;
  overflow: hidden;
}

.dhxgrid_skin_detect {
  position: absolute;
  left: 0px;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0px solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

div.gridbox_material.gridbox table.obj.row20px tr td img {
  display: block;
}

div.gridbox_material.gridbox table.obj.row20px tr td.group_row img,
div.gridbox_material.gridbox table.obj.row20px tr td .treegrid_cell img {
  display: inline;
}

.grid_cell_dyn {
  position: relative;
  padding-right: 2px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.grid_cell_dyn img {
  position: absolute;
  top: 7px;
  left: 0px;
  height: 15px;
}

.grid_cell_dyn span {
  padding-left: 20px;
  width: 100%;
}

.grid_collapse_icon {
  margin-top: 1px;
}

.treegrid_cell > i {
  padding-right: 5px;
  padding-left: 3px;
  font-size: 16px;
}

.widget-autorefresh {
  height: 28px;
  position: relative;
}

.widget-autorefresh .widget-autorefresh-auto-or-manual {
  display: inline-block;
  padding: 0 6px;
  text-align: center;
  vertical-align: top;
}

.widget-autorefresh .autorefresh-table-layout {
  border-spacing: 0;
  height: 100%;
  width: 100%;
}

.widget-autorefresh .autorefresh-table-layout td {
  height: 100%;
}

.widget-autorefresh .auto-manual-toggle {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 100%;
  margin-right: 2px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.widget-autorefresh .toggle-slider-img {
  height: 16px;
  left: 5px;
  margin-top: -8px;
  max-width: 16px;
  position: absolute;
  top: 50%;
}

.widget-autorefresh .refresh-now-img {
  height: auto;
  left: 0;
  max-width: 16px;
  position: relative;
  top: 4px;
}

.widget-autorefresh .toggle-slider {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 00 2px #000;
  display: inline-block;
  height: 100%;
  position: relative;
  width: 26px;
}

.widget-autorefresh .manual + .toggle-slider {
  vertical-align: top;
}

.widget-autorefresh .widget-autorefresh-refresh-now {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 100%;
  padding: 0 8px;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.widget-autorefresh .widget-autorefresh-refresh-now:active {
  box-shadow: inset 1px 1px 1px #000;
}

.widget-autorefresh .widget-autorefresh-refresh-now span {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.widget-autorefresh-icon-left {
  margin-left: 4px;
}

.widget-autorefresh-icon-right {
  margin-right: 4px;
}

.widget-button .button-element {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  height: 100%;
  width: 100%;
}

.widget-button {
  overflow: hidden;
}

.widget-button.roundedCorners,
.widget-button.roundedCorners .button-element {
  border-radius: 6px;
}

.widget-button img {
  display: inline;
  padding-right: 5px;
  position: relative;
  vertical-align: middle;
  pointer-events: none;
}

.widget-button.iconRight img {
  padding-left: 5px;
  padding-right: 0;
}

.widget-button.iconOnly img {
  padding-right: 0;
}

.widget-button-text {
  display: inline-block;
  position: relative;
}

.widget-button-disabled {
  display: none;
}

.widget-button-disabled,
.widget-button-disabled:hover,
.widget-button-disabled:active {
  opacity: 0.5;
}

.widget-button .button-element img.hover {
  display: none;
}

.widget-button .button-element img.active {
  display: none;
}

.widget-button .button-element:hover img.default {
  display: none;
}

.widget-button .button-element:hover img.hover {
  display: inline;
}

.widget-button .button-element:hover img.active {
  display: none;
}

.widget-button .button-element:active img.default {
  display: none;
}

.widget-button .button-element:active img.hover {
  display: none;
}

.widget-button .button-element:active img.active {
  display: inline;
}

.widget-button .button-element:disabled img.default {
  display: inline;
}

.widget-button .button-element:disabled img.hover {
  display: none;
}

.widget-button .button-element:disabled img.active {
  display: none;
}

.widget-button.singleImageOnly img.default {
  display: inline !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .widget-button-text {
    vertical-align: top;
  }

  .mac .widget-button .textsize-normal .widget-button-text {
    top: -1px;
  }

  .mac .widget-button.hasImage .textsize-xlarge .widget-button-text,
  .mac .widget-button.hasImage .textsize-xxl .widget-button-text {
    top: -1px;
  }

  .pc .widget-button .widget-button-text {
    top: -1px;
  }

  .pc .widget-button.hasImage .textsize-3xl img {
    top: -2px;
  }

  .pc .widget-button.hasImage .textsize-xlarge .widget-button-text,
  .pc .widget-button.hasImage .textsize-xxl .widget-button-text,
  .pc .widget-button.hasImage .textsize-2xl .widget-button-text {
    top: -2px;
  }

  .pc .widget-button.hasImage .textsize-3xl .widget-button-text {
    top: -3px;
  }
}

@media screen and (min-width:0\0) {
  .widget-button .widget-button-text,
  .widget-button.hasImage .textsize-3xl img {
    top: -1px;
  }

  .widget-button.hasImage .textsize-3xl .widget-button-text {
    top: -2px;
  }
}

@-moz-document url-prefix()  {
  .pc .widget-button .widget-button-text {
    top: -1px;
  }

  .pc .widget-button .textsize-3xl img {
    top: -3px;
  }

  .pc .widget-button.hasImage .textsize-3xl .widget-button-text {
    top: -4px;
  }

  .mac .widget-button .textsize-small .widget-button-text {
    top: 1px;
  }

  .mac .widget-button .textsize-large .widget-button-text,
  .mac .widget-button .textsize-xlarge .widget-button-text,
  .mac .widget-button .textsize-2xl .widget-button-text,
  .mac .widget-button .textsize-3xl .widget-button-text {
    top: -1px;
  }

  .mac .widget-button.hasImage .textsize-small .widget-button-text {
    top: 0;
  }

  .mac .widget-button.hasImage .textsize-xxl .widget-button-text,
  .mac .widget-button.hasImage .textsize-2xl .widget-button-text {
    top: -1px;
  }
}

.widget-button.hasImage .widget-button-text {
  vertical-align: middle;
}

.widget-checkbox {
  line-height: 20px;
  position: relative;
  padding: 0 0 4px 4px;
}

.widget-checkbox input[type="checkbox"] {
  height: auto;
  width: auto;
  line-height: normal;
  position: absolute;
  vertical-align: middle;
  display: inline-block;
  opacity: 0;
}

.widget-checkbox span {
  padding-left: 4px;
  vertical-align: middle;
}

.widget-checkbox input[type=checkbox][disabled] + label {
  cursor: default;
}

.widget-checkbox input[type=checkbox][disabled] + label:before {
  border-color: #cbcbcb;
}

.widget-checkbox label {
  cursor: pointer;
  display: block;
}

.widget-checkbox label:before {
  border: 1px solid #979797;
  height: 12px;
  width: 12px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  content: '';
}

.widget-checkbox :checked + label:before {
  background: url("../../Common/thingworx/widgets/checkbox/images/checkmark.png") no-repeat center center;
}

.widget-checkbox span {
  position: relative;
  top: 1px;
}

@media \0screen\,screen\9 {
  .widget-checkbox .input-checkbox {
    display: inline-block;
    left: 0;
    margin-right: 5px;
    position: relative;
    top: 3px;
  }

  .widget-checkbox label:before {
    display: none;
  }
}

.widget-fieldset {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 7px;
}

.widget-fieldset .fieldset-legend {
  border-radius: 4px;
  display: inline-block;
  left: 10px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: -8px;
  width: auto;
  z-index: 2;
}

.fieldset-legend-wrapper {
  border-radius: 4px;
}

.widget-fieldset .title-text {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 16px;
  line-height: 16px;
  padding: 0px 5px;
  position: relative;
}

@media screen and (min-width:0\0) {
  .widget-fieldset .title-text {
    top: -1px;
  }
}

@-moz-document url-prefix()  {
  .pc .widget-fieldset .title-text {
    top: -1px;
  }
}

.widget-fieldset .fieldset-bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

.responsive > .widget-fieldset {
  bottom: 0;
  height: auto !important;
  left: 0;
  position: absolute !important;
  right: 0;
  top: 0;
}

/* === Begin: Enhanced Positioning === */

.flex-oca > .widget-flexcontainer > .widget-bounding-box.fieldset-bounding-box,
.flex-oca > .widget-flexcontainer > .widget-bounding-box.fieldset-bounding-box > .outer-container,
.flex-oca > .widget-flexcontainer > .widget-bounding-box.fieldset-bounding-box > .outer-container > fieldset {
  display: flex;
  flex: 1 1 auto;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box.fieldset-bounding-box > .outer-container > fieldset {
  position: relative !important;
}

/* === End: Enhanced Positioning === */

.widget-gauge {
  overflow: hidden;
  position: absolute;
}

#runtime-workspace.responsive .widget-gauge-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: auto !important;
  width: auto !important;
}

.responsive .widget-gauge-container {
  width: auto !important;
}

.widget-gridadvanced .dhx_toolbar_material.dhx_toolbar_shadow {
  box-shadow: none;
}

.widget-gridadvanced {
  border: #EEE 1px solid;
  overflow: hidden;
  display: flex;
  flex-flow: column;
}

.widget-gridadvanced div.gridbox_material.gridbox table.hdr td div.hdrcell {
  max-height: inherit;
  overflow-y: inherit;
  text-overflow: inherit;
}

.widget-gridadvanced > .dhx_toolbar_material {
  z-index: 1;
}

.widget-gridadvanced > .gridbox {
  flex: 2;
  display: flex;
  flex-flow: column;
  height: 100%;
}

.widget-gridadvanced > .gridbox > .objbox {
  flex: 2;
  width: 100%;
}

.widget-gridadvanced .objbox table {
  overflow: hidden;
}

.widget-gridadvanced div.widget-divider {
  background: #000;
  display: block;
}

.widget-gridadvanced table.gridadvanced tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}

.widget-gridadvanced table.gridadvanced thead .sorting,
.widget-gridadvanced table.gridadvanced thead .sorting_asc,
.widget-gridadvanced table.gridadvanced thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}

.widget-gridadvanced table.gridadvanced thead .sorting,
.widget-gridadvanced table.gridadvanced thead .sorting_asc,
.widget-gridadvanced table.gridadvanced thead .sorting_desc,
.widget-gridadvanced table.gridadvanced thead .sorting_asc_disabled,
.widget-gridadvanced table.gridadvanced thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}

.widget-gridadvanced table.gridadvanced thead .sorting {
  background-image: url("/Thingworx/Common/thingworx/widgets/gridadvanced/images/sort_both.png");
}

.widget-gridadvanced table.gridadvanced thead .sorting_asc {
  background-image: url("/Thingworx/Common/thingworx/widgets/gridadvanced/images/sort_asc.png");
}

.widget-gridadvanced table.gridadvanced thead .sorting_desc {
  background-image: url("/Thingworx/Common/thingworx/widgets/gridadvanced/images/sort_desc.png");
}

.widget-gridadvanced table.gridadvanced thead .sorting_asc_disabled {
  background-image: url("/Thingworx/Common/thingworx/widgets/gridadvanced/images/sort_asc_disabled.png");
}

.widget-gridadvanced table.gridadvanced thead .sorting_desc_disabled {
  background-image: url("/Thingworx/Common/thingworx/widgets/gridadvanced/images/sort_desc_disabled.png");
}

.widget-gridadvanced .objbox table tbody tr [src*="item_chk0.gif"] {
  background-image: url("../../Common/thingworx/widgets/gridadvanced/common/images/unchecked.png");
  width: 15px;
  height: 15px;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 15px 15px;
  background-repeat: no-repeat;
}

.widget-gridadvanced .objbox table tbody tr [src*="item_chk1.gif"] {
  background-image: url("../../Common/thingworx/widgets/gridadvanced/common/images/checked.png");
  width: 15px;
  height: 15px;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 15px 15px;
  background-repeat: no-repeat;
}

.widget-gridadvanced .gridadvanced_wrapper .gridadvanced_paginate .paginate_button.current,
.gridadvanced_wrapper .gridadvanced_paginate .paginate_button.current:hover {
  color: #333;
}

.widget-gridadvanced .gridadvanced_wrapper .gridadvanced_info {
  clear: both;
  float: left;
  padding-left: 10px;
  padding-top: 15px;
}

.widget-gridadvanced thead th {
  text-align: left;
}

.widget-gridadvanced table.gridadvanced thead th,
.widget-gridadvanced table.gridadvanced tfoot th {
  font-weight: normal;
}

.widget-gridadvanced .gridadvanced_length {
  padding-left: 10px;
  padding-top: 5px;
}

.widget-gridadvanced .gridadvanced_info {
  padding-left: 10px;
}

.gridadvanced_paginate {
  height: 30px;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.widget-gridadvanced .gridadvanced_filter {
  padding: 5px;
}

.widget-gridadvanced .objbox table tbody tr td .treegrid_cell img:nth-last-child(2) {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  padding-left: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  margin-top: 1px;
}

.widget-gridadvanced .objbox table tbody tr td .treegrid_cell img.grid_collapse_icon:not([src*="spinner.gif"]) {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  padding-left: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}

.widget-gridadvanced .objbox table tbody tr td .treegrid_cell img:nth-last-child(2)[src*="blank.gif"] {
  background-image: none;
}

.widget-gridadvanced .objbox table tbody tr td .treegrid_cell span {
  vertical-align: middle;
}

.widget-gridadvanced .objbox table tbody tr td {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.widget-gridadvanced .grid-control-container .dhx_toolbar_material {
  background: inherit;
  color: inherit;
  font-style: inherit;
  text-decoration: inherit;
  font-size: inherit;
}

.widget-gridadvanced div.gridbox_material.gridbox table.hdr tr {
  background-color: transparent;
}

#runtime div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon {
  background-image: url("../../Common/thingworx/widgets/gridadvanced/imgs/dhxmenu_material/dhxmenu_chrd.png");
}

#runtime .dhtmlxMenu_material_SubLevelArea_Polygon {
  z-index: 999999;
}

#runtime div.dhtmlxMenu_material_SubLevelArea_Polygon div + div {
  top: -5px;
}

#runtime .dhtmlxMenu_material_SubLevelArea_Polygon {
  margin-top: -15px;
  margin-left: -30px;
}

.widget-gridadvanced .spinner {
  display: none;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999999;
}

#tiptip_holder {
  pointer-events: none;
}

#tiptip_content {
  text-shadow: inherit;
}

.widget-gridadvanced div.gridbox div.ftr {
  bottom: 0px;
  position: relative;
  z-index: 1;
}

.widget-gridadvanced div.gridbox div.ftr td {
  bottom: 0px;
  border: inherit;
}

.widget-gridadvanced .treegrid_cell .dhx_combo_edit {
  display: inline;
}

div.dhtmlxcalendar_dhx_web {
  position: absolute;
  display: block;
  background-color: white;
  font-size: 14px;
  font-family: Roboto,Arial,Helvetica;
  color: #404040;
}

div.dhtmlxcalendar_dhx_web div div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
  background-image: url("../../Common/thingworx/widgets/gridadvanced/imgs/dhxcalendar_material/dhxcalendar_arrow_right.png");
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right {
  background-image: url("../../Common/thingworx/widgets/gridadvanced/imgs/dhxcalendar_material/dhxcalendar_arrow_right.png");
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
  background-image: url("../../Common/thingworx/widgets/gridadvanced/imgs/dhxcalendar_material/dhxcalendar_clock.png");
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left {
  background-image: url("../../Common/thingworx/widgets/gridadvanced/imgs/dhxcalendar_material/dhxcalendar_arrow_left.png");
}

div.dhtmlxcalendar_dhx_web div div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
  background-image: url("../../Common/thingworx/widgets/gridadvanced/imgs/dhxcalendar_material/dhxcalendar_selector_top.gif");
}

div.dhtmlxcalendar_dhx_web div div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
  background-image: url("../../Common/thingworx/widgets/gridadvanced/imgs/dhxcalendar_material/dhxcalendar_selector_bottom.gif");
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month {
  color: #404040;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
  margin-left: 5px;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
  border: none;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont {
  background-color: #ffffff;
  color: #404040;
  position: relative;
  display: block;
  width: 249px;
  height: 26px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont {
  border-bottom: none;
  color: #404040;
  display: block;
  height: 31px;
  line-height: 18px;
  padding: 0px;
  position: relative;
  width: 249px;
  margin: 0;
  overflow: hidden;
  font: inherit;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont {
  background-color: #ffffff;
  color: #404040;
  position: relative;
  display: block;
  width: 249px;
  margin: 0;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #dfdfdf;
  overflow: hidden;
  font: inherit;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont {
  width: 249px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dfdfdf;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
  width: 225px;
  height: 31px;
  line-height: 31px;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
  position: absolute;
  left: 22px;
  top: 4px;
  width: 18px;
  height: 18px;
  background-image: url("../../Common/thingworx/widgets/gridadvanced/imgs/dhxcalendar_material/dhxcalendar_clock.png");
  background-position: center center;
  background-repeat: no-repeat;
}

div.dhtmlxcalendar_dhx_web ul.dhtmlxcalendar_line {
  position: relative;
  display: block;
  clear: both;
  font: inherit;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-left: 12px;
  width: 225px;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
  background-color: #ffffff;
  border-bottom: none;
  height: 31px;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
  background-color: #ffffff;
  border-left: none;
  width: 31px;
  height: 31px;
  line-height: 31px;
  margin-left: 1px;
  font-size: 12px;
  color: #9a9a9a;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
  margin-top: 1px;
  margin-left: 13px;
  height: 31px;
  line-height: 31px;
  font: inherit;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
  width: 31px;
  height: 31px;
  line-height: 31px;
  margin-right: 1px;
  border-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  overflow: visible;
  font: inherit;
}

div.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
  position: relative;
  width: 100%;
  height: 100%;
  font: inherit;
  line-height: 31px;
  text-align: center;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
  border-left: none;
}

.widget-gridadvanced div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col {
  background-image: url("../../Common/thingworx/widgets/gridadvanced/imgs/dhxgrid_material/sort_desc.gif");
}

.widget-gridadvanced div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
  background-image: url("../../Common/thingworx/widgets/gridadvanced/imgs/dhxgrid_material/sort_asc.gif");
}

.widget-gridadvanced .span6 {
  margin: auto;
}

.widget-flexcontainer-bounding-box.container-scrollable .widget-gridadvanced.container-scrollable {
  position: relative;
}

div.ui-dhxgrid {
  position: absolute;
}

table.widget-dhxgrid {
  outline: 0;
  position: absolute;
}

.widget-dhxgrid th,
.widget-dhxgrid td {
  background-origin: padding-box !important;
  background-clip: padding-box !important;
  position: relative !important;
}

.widget-dhxgrid.CellTextWrapping div.gridbox table.row20px tr td {
  line-height: 1 !important;
  white-space: normal;
}

.widget-dhxgrid.CellTextWrapping span {
  line-height: 1.6;
}

.widget-dhxgrid .dhxgrid-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.widget-dhxgrid div.gridbox .objbox {
  background: none;
}

.widget-dhxgrid {
  overflow: hidden;
}

.widget-dhxgrid .gridbox {
  width: 100% !important;
  height: 100% !important;
}

.widget-dhxgrid div.gridbox_material.gridbox {
  border: none;
}

.widget-dhxgrid .gridbox table.obj {
  cursor: pointer !important;
}

.widget-dhxgrid .gridbox .objbox {
  font-size: 11px;
}

.widget-dhxgrid .gridbox table.hdr td {
  text-shadow: #fff 1px 1px 1px;
  border-top: none;
  padding: 0;
}

.widget-dhxgrid div.gridbox_material.gridbox table.hdr td {
  border-color: white Gray Gray white;
  text-align: center;
  padding: 0px 0px;
  font-family: Segoe UI, Arial, Sans Serif;
  font-size: 11px;
}

.widget-dhxgrid div.gridbox_material.gridbox table.hdr td div {
  padding: 5px 5px;
}

.widget-dhxgrid div.gridbox_material.gridbox table.obj.row20px tr td {
  border-right-color: rgb(214, 214, 214);
  font-family: "Segoe UI", Arial, "Sans Serif";
  line-height: 18px;
  padding: 0px;
}

.widget-dhxgrid div.gridbox_material.gridbox table.obj tr td {
  font-size: 12px;
}

.widget-dhxgrid .gridbox table.obj td {
  border: 1px solid #d6d6d6;
  border-left: none;
  border-top: none;
}

.widget-dhxgrid .gridbox table.obj td div {
  line-height: 18px;
}

/*.widget-dhxgrid .gridbox table.obj.row20px tr td > div { padding-bottom:3px; padding-top:1px; padding-left:2px; }*/

.widget-dhxgrid .xhdr img {
  margin-top: 2px;
  z-index: 1000;
}

.widget-dhxgrid .xhdr div.dhxgrid_sort_asc {
  background-image: url("../../Common/thingworx/widgets/dhxgrid/images/sort_asc.gif");
  width: 8px;
  height: 7px;
  z-index: 1;
}

.widget-dhxgrid .xhdr div.dhxgrid_sort_desc {
  background-image: url("../../Common/thingworx/widgets/dhxgrid/images/sort_desc.gif");
  width: 8px;
  height: 7px;
  margin-top: 8px;
  z-index: 1;
}

.widget-dhxgrid-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 2px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.widget-dhxgrid-cell-editable {
  padding: 0 5px;
}

/*.widget-dhxgrid .gridbox div div .input-checkbox { padding:4px; }
.widget-dhxgrid .gridbox .objbox span { padding:0 2px; display:block; }
.widget-dhxgrid .gridbox table.obj td .renderer-default{height: 100%;}*/

/*Android Specific Styling*/

.android-scrollbar {
  background: url("../../Common/thingworx/widgets/dhxgrid/images/android-scrollbar-bg.png") repeat-x top left;
  color: white;
  position: absolute;
  bottom: 0px;
  z-index: 2;
  height: 25px;
  width: 100%;
  padding-right: 25px;
}

.horz-btn {
  display: block;
  height: 100%;
  color: #545454;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  border-right: 1px solid #cbcbcb;
  border-left: 1px solid #fff;
  position: relative;
}

.grid-horz-left-all.active {
  background: url("../../Common/thingworx/widgets/dhxgrid/images/android-scrollbar-bg-press.png") repeat-x top left;
}

.grid-horz-left-all .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxgrid/images/scroll-left-end.png") no-repeat top left;
}

.grid-horz-left.active {
  background: url("../../Common/thingworx/widgets/dhxgrid/images/android-scrollbar-bg-press.png") repeat-x top left;
}

.grid-horz-left .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxgrid/images/scroll-left.png") no-repeat top left;
}

.grid-horz-right-all.active {
  background: url("../../Common/thingworx/widgets/dhxgrid/images/android-scrollbar-bg-press.png") repeat-x top left;
}

.grid-horz-right-all .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxgrid/images/scroll-right-end.png") no-repeat top left;
}

.grid-horz-right.active {
  background: url("../../Common/thingworx/widgets/dhxgrid/images/android-scrollbar-bg-press.png") repeat-x top left;
}

.grid-horz-right .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxgrid/images/scroll-right.png") no-repeat top left;
}

.android-scrollbar-vert {
  background: url("../../Common/thingworx/widgets/dhxgrid/images/android-scrollbar-vert-bg.png") repeat-y top left;
  color: white;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
  height: 100%;
  width: 25px;
  padding-bottom: 25px;
}

.vert-btn {
  display: block;
  height: 100%;
  color: #545454;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #cbcbcb;
  position: relative;
}

.grid-vert-up-all.active {
  background: url("../../Common/thingworx/widgets/dhxgrid/images/android-scrollbar-vert-bg-press.png") repeat-y top left;
}

.grid-vert-up-all .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxgrid/images/scroll-up-end.png") no-repeat top left;
}

.grid-vert-up.active {
  background: url("../../Common/thingworx/widgets/dhxgrid/images/android-scrollbar-vert-bg-press.png") repeat-y top left;
}

.grid-vert-up .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxgrid/images/scroll-up.png") no-repeat top left;
}

.grid-vert-down-all.active {
  background: url("../../Common/thingworx/widgets/dhxgrid/images/android-scrollbar-vert-bg-press.png") repeat-y top left;
}

.grid-vert-down-all .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxgrid/images/scroll-down-end.png") no-repeat top left;
}

.grid-vert-down.active {
  background: url("../../Common/thingworx/widgets/dhxgrid/images/android-scrollbar-vert-bg-press.png") repeat-y top left;
}

.grid-vert-down .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxgrid/images/scroll-down.png") no-repeat top left;
}

.widget-dhxgrid .hdr {
  box-sizing: content-box !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .widget-dhxgrid .hdr tr,
  .widget-dhxgrid .obj tr {
    position: static !important;
  }
}

.print-table {
  border-spacing: 0;
}

.print-table th {
  font-size: 12px;
}

.print-table th,
.print-table td {
  padding: 2px;
}

.print .widget-dhxgrid {
  table-layout: fixed;
}

.print .widget-dhxgrid th {
  background-origin: padding-box !important;
  background-clip: padding-box !important;
  position: relative !important;
}

.print .widget-dhxgrid.textwrap td {
  line-height: 1.6 !important;
  white-space: normal;
}

.print .widget-dhxgrid td {
  white-space: nowrap;
}

/*radio button style*/

.radio-button-list {
  background: url("../../Common/thingworx/widgets/dhxgrid/images/radio-unfilled.png") no-repeat center center;
  width: 15px;
  height: inherit;
  display: block;
  text-align: center;
  margin-right: 3px;
  transform: translateY(-1px);
}

.dhxlist-radiobutton-style .rowselected .radio-button-list {
  background: url("../../Common/thingworx/widgets/dhxgrid/images/radio-filled.png") no-repeat center center;
}

.widget-dhxgrid .renderer-true-default,
.widget-dhxgrid .renderer-location {
  padding: 0 5px;
}

.widget-dhxgrid .custom-cell-wrapper {
  background: transparent !important;
}

.widget-dhxgrid .custom-cell-wrapper div {
  background: transparent !important;
}

.renderer-location .renderer-true-default {
  padding: 0;
}

.renderer-image img {
  vertical-align: middle;
}

.renderer-image,
.renderer-text {
  display: table-cell;
  vertical-align: middle;
}

.twdhtmlxcell .custom-cell-wrapper .renderer-true-default .renderer-wrapper .renderer-image {
  padding-right: 4px;
}

/* override buggy style from dhtmlxgrid.css - since the inner grid-wrapper div has also a border,
this one just eats pixels from the inner one and causes it to be displayed incorrectly */

div.gridbox_material.gridbox {
  border: 0px solid #dfdfdf;
}

.widget-dhxlist .gridbox {
  overflow: hidden !important;
}

.widget-dhxlist .objbox {
  background: none !important;
  width: auto !important;
}

.widget-dhxlist .gridbox .obj {
  width: 100% !important;
}

.widget-dhxlist .gridbox .obj td {
  border: none;
  color: #444;
  cursor: pointer;
  padding: 0 5px !important;
  position: relative;
  height: inherit;
}

.widget-dhxlist .gridbox .obj td:before,
.dhtmlxlist-dropdown.gridbox table.obj td:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: inherit;
  min-height: 100%;
  width: 100%;
  pointer-events: none;
}

.widget-dhxlist .gridbox .obj td > div,
.dhtmlxlist-dropdown.gridbox table.obj td > div {
  position: relative;
}

.widget-dhxlist .gridbox .obj tr:last-child td {
  border-bottom: none !important;
}

.widget-dhxlist .gridbox table.obj td .renderer-default {
  height: 100%;
}

.dhxlist-dropdown-current-selection .renderer-true-default .renderer-wrapper {
  white-space: nowrap;
}

.dhtmlxlist-container .renderer-image {
  padding-right: 4px;
}

.dhtmlxlist-container .renderer-image img {
  display: block;
}

.dhxlist-dropdown-current-selection .renderer-true-default .renderer-wrapper .renderer-image {
  padding-right: 4px;
  display: inline-block;
}

.dhxlist-dropdown-current-selection .renderer-true-default .renderer-wrapper .renderer-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}

.dhtmlxlist-container .renderer-true-default {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.dhxlist-dropdown-current-selection .renderer-true-default {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: text-bottom;
}

.widget-dhxlist .dhtmlxlist-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.dhxlist-dropdown-container {
  border-radius: 4px;
  display: block;
}

.dhxlist-dropdown {
  height: 100%;
  position: relative;
}

.widget-content .dhxlist-dropdown-container {
  overflow: visible !important;
}

.dhxlist-dropdown-btn {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 24px;
  top: 0px;
}

.dhxlist-dropdown-container .dropdown-arrow {
  text-align: center;
  display: table;
  height: 100%;
  width: 100%;
}

.dhxlist-dropdown-container .dropdown-arrow .image-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.dhxlist-dropdown-container .dropdown-arrow .image-wrapper img {
  display: block;
  margin: 0 auto;
}

.dhxlist-dropdown-current-selection-container {
  cursor: pointer;
  display: block;
  height: 100%;
  padding: 0px 23px 0px 5px;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.dhxlist-dropdown-current-selection div {
  height: auto !important;
}

.dhxlist-dropdown-current-selection .renderer-default {
  height: 100%;
}

.dhxlist-dropdown-current-selection .renderer-number {
  margin-right: 17px;
}

.dhxlist-dropdown-container .dhtmlxlist-container {
  position: relative;
  top: 1px;
}

.dhtmlxlist-dropdown {
  border-radius: 4px;
  margin-top: 1px;
  position: absolute;
}

.twxlist-combo-container {
  width: 100%;
  height: 100%;
}

.twxlist-combo-input-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  overflow: hidden;
  vertical-align: middle;
}

.twxlist-combo-item {
  display: flex;
  position: relative;
}

.twxlist-combo-input {
  border: none;
  width: 100%;
  height: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.twxlist-combo-input.nocheck {
  padding-left: 5px;
}

.twxlist-combo-item .twxlist-combo-item-checkbox.unselected {
  width: 12px;
  height: 12px;
  margin-top: 3px;
  margin-left: 5px;
  border: 1px solid #979797;
  background-color: #ffffff;
  position: absolute;
}

.twxlist-combo-item .twxlist-combo-item-checkbox.selected {
  width: 12px;
  height: 12px;
  margin-top: 3px;
  margin-left: 5px;
  border: 1px solid #979797;
  background: url("../../Common/thingworx/widgets/dhxlist/images/checkmark.png") no-repeat center center;
  background-color: #ffffff;
  position: absolute;
}

.twxlist-combo-items-wrapper {
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #dfdfdf;
  box-shadow: 0 0 10px rgba(127,127,127,0.2);
}

.twxlist-combo-item .twxlist-combo-item-label {
  margin-left: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 3px;
}

.twxlist-combo-item.nocheck .twxlist-combo-item-label {
  margin-left: 5px;
}

.twxlist-combo-item .renderer-default {
  margin-left: 25px;
}

.twxlist-combo-item.nocheck .renderer-default {
  margin-left: 5px;
}

.twxlist-combo-select-arrow {
  width: 20px;
  height: 100%;
  position: absolute;
  cursor: pointer;
  right: 0px;
  top: 0px;
}

.twxlist-combo-select-arrow .dropdown-arrow {
  text-align: center;
  display: table;
  height: 100%;
  width: 100%;
}

.twxlist-combo-select-arrow .dropdown-arrow .image-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.twxlist-combo-select-arrow .dropdown-arrow .image-wrapper img {
  display: block;
  margin: 0 auto;
}

.twxlist-combo-item .renderer-true-default span {
  vertical-align: middle;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: inherit;
  box-sizing: border-box;
}

.twxlist-combo-item.nocheck .renderer-true-default span {
  padding-left: 5px;
}

.twxlist-combo-item .renderer-true-default {
  width: 100%;
}

.twxlist-combo-item .renderer-image {
  padding-right: 4px;
}

.dhtmlxlist-wrapper .dhtmlxlist-container .objbox {
  overflow-y: hidden;
  overflow-x: hidden !important;
  /* need to override dhxgrid style */
}

.twxlist-combo-item .renderer-true-default {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*formatter truncation*/

.dhtmlxlist-container .custom-cell-wrapper span,
.dhtmlxlist-container .renderer-true-default span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: inherit;
}

.custom-cell-wrapper .renderer-true-default span {
  vertical-align: bottom;
}

.dhtmlxlist-dropdown .objbox {
  height: inherit;
  overflow-y: auto;
  overflow-x: hidden !important;
  /* need to override dhxgrid style */
}

.dhtmlxlist-dropdown.gridbox .objbox span {
  display: block;
}

.dhtmlxlist-dropdown.gridbox table.obj {
  width: 100% !important;
}

.dhtmlxlist-dropdown.gridbox table.obj td {
  background: #fff;
  border: none;
  cursor: pointer;
  color: #666;
  padding: 0 5px !important;
  position: relative;
  height: inherit;
}

.dhtmlxlist-dropdown.gridbox table.obj td .renderer-default {
  height: 100%;
}

.dhtmlxlist-dropdown.gridbox table.obj td.cellselected {
  background-color: #3399FF !important;
  color: #fff !important;
}

/*Android Specific Styling*/

.android-scrollbar {
  background: url("../../Common/thingworx/widgets/dhxlist/images/android-scrollbar-bg.png") repeat-x top left;
  color: white;
  position: absolute;
  bottom: 0px;
  z-index: 2;
  height: 25px;
  width: 100%;
  padding-right: 25px;
}

.horz-btn {
  display: block;
  height: 100%;
  color: #545454;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  border-right: 1px solid #cbcbcb;
  border-left: 1px solid #fff;
  position: relative;
}

.grid-horz-left-all.active {
  background: url("../../Common/thingworx/widgets/dhxlist/images/android-scrollbar-bg-press.png") repeat-x top left;
}

.grid-horz-left-all .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxlist/images/scroll-left-end.png") no-repeat top left;
}

.grid-horz-left.active {
  background: url("../../Common/thingworx/widgets/dhxlist/images/android-scrollbar-bg-press.png") repeat-x top left;
}

.grid-horz-left .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxlist/images/scroll-left.png") no-repeat top left;
}

.grid-horz-right-all.active {
  background: url("../../Common/thingworx/widgets/dhxlist/images/android-scrollbar-bg-press.png") repeat-x top left;
}

.grid-horz-right-all .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxlist/images/scroll-right-end.png") no-repeat top left;
}

.grid-horz-right.active {
  background: url("../../Common/thingworx/widgets/dhxlist/images/android-scrollbar-bg-press.png") repeat-x top left;
}

.grid-horz-right .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxlist/images/scroll-right.png") no-repeat top left;
}

.android-scrollbar-vert {
  background: url("../../Common/thingworx/widgets/dhxlist/images/android-scrollbar-vert-bg.png") repeat-y top left;
  color: white;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
  height: 100%;
  width: 25px;
  padding-bottom: 25px;
}

.vert-btn {
  display: block;
  height: 100%;
  color: #545454;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #cbcbcb;
  position: relative;
}

.grid-vert-up-all.active {
  background: url("../../Common/thingworx/widgets/dhxlist/images/android-scrollbar-vert-bg-press.png") repeat-y top left;
}

.grid-vert-up-all .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxlist/images/scroll-up-end.png") no-repeat top left;
}

.grid-vert-up.active {
  background: url("../../Common/thingworx/widgets/dhxlist/images/android-scrollbar-vert-bg-press.png") repeat-y top left;
}

.grid-vert-up .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxlist/images/scroll-up.png") no-repeat top left;
}

.grid-vert-down-all.active {
  background: url("../../Common/thingworx/widgets/dhxlist/images/android-scrollbar-vert-bg-press.png") repeat-y top left;
}

.grid-vert-down-all .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxlist/images/scroll-down-end.png") no-repeat top left;
}

.grid-vert-down.active {
  background: url("../../Common/thingworx/widgets/dhxlist/images/android-scrollbar-vert-bg-press.png") repeat-y top left;
}

.grid-vert-down .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url("../../Common/thingworx/widgets/dhxlist/images/scroll-down.png") no-repeat top left;
}

/*radio button-style list*/

.dhxlist-radiobutton-style .widget-dhxlist div.gridbox table.obj td {
  border: none;
  color: #444;
  cursor: pointer;
  padding: 0px !important;
}

.dhxlist-radiobutton-style .dhtmlxlist-dropdown.gridbox table.obj tr.rowselected td,
.widget-dhxlist div.gridbox table.obj tr.rowselected td {
  background: none;
}

.dhxlist-radiobutton-style .dhtmlxlist-dropdown.gridbox table.obj td:hover,
.widget-dhxlist div.gridbox table.obj td:hover {
  background: none;
}

.dhxlist-radiobutton-style .gridbox table.obj {
  table-layout: auto !important;
}

.dhxlist-radiobutton-style .gridbox table.obj tr:first-child {
  position: static !important;
}

.widget-dhxlist .custom-cell-wrapper,
.dhtmlxlist-dropdown .custom-cell-wrapper {
  background: transparent !important;
  line-height: initial !important;
}

.widget-dhxlist .custom-cell-wrapper div,
.dhtmlxlist-dropdown .custom-cell-wrapper div {
  background: transparent !important;
}

.qtip-dhxlist {
  z-index: 100000 !important;
}

.widget-dhxlist .custom-cell-wrapper .textsize-28px {
  line-height: 30px;
}

.widget-dhxlist .custom-cell-wrapper .textsize-36px {
  line-height: 38px;
}

.widget-dhxlist .custom-cell-wrapper .textsize-42px {
  line-height: 44px;
}

.widget-dhxlist .custom-cell-wrapper .textsize-48px {
  line-height: 50px;
}

.widget-dhxlist .custom-cell-wrapper .textsize-72px {
  line-height: 78px;
}

.dhtmlxlist-container .custom-cell-wrapper .renderer-true-default {
  line-height: inherit !important;
}

.dhxlist-dropdown-current-selection .custom-cell-wrapper .renderer-true-default {
  line-height: inherit !important;
}

.widget-valuedisplay table:after {
  display: none;
}

.widget-valuedisplay img {
  box-sizing: border-box;
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.widget-valuedisplay .renderer-image img {
  position: relative;
}

.widget-valuedisplay.Width img {
  max-width: 100%;
  max-width: none\9;
  /* IE 8 */
  width: 100%\9;
  /* IE 8 */
}

.widget-valuedisplay.Height img {
  max-height: 100%;
}

.widget-valuedisplay {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.widget-valuedisplay.visible {
  overflow: visible;
}

.widget-valuedisplay .renderer-image {
  padding: 0;
  width: -webkit-fill-available;
  display: table;
}

.widget-valuedisplay .valuedisplay-novalue {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 0 2px;
}

.widget-valuedisplay {
  line-height: normal;
}

.widget-valuedisplay.fillcontent .valuedisplay-block,
.widget-valuedisplay.fillcontent .renderer-true-default,
.widget-valuedisplay .valuedisplay-container,
.widget-valuedisplay.fillwidget .renderer-wrapper {
  display: inline-block;
}

.widget-valuedisplay .valuedisplay-container,
.widget-valuedisplay .valuedisplay-novalue .novalue-container {
  position: relative;
  z-index: 1;
}

.widget-valuedisplay.top td {
  vertical-align: top;
}

.widget-valuedisplay.bottom td {
  vertical-align: bottom;
}

.widget-valuedisplay.middle .renderer-true-default span {
  vertical-align: middle;
}

.widget-valuedisplay.bottom .renderer-true-default span {
  vertical-align: bottom;
}

.widget-valuedisplay.top .renderer-true-default span {
  vertical-align: top;
}

.widget-valuedisplay.formatted.fillwidget .valuedisplay-block {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.widget-valuedisplay.formatted.fillwidget .valuedisplay-container {
  display: table;
  height: 100%;
  width: 100%;
}

.widget-valuedisplay.formatted.fillwidget .renderer-true-default {
  display: table-cell;
}

.widget-valuedisplay.formatted.middle.fillwidget .renderer-true-default {
  vertical-align: middle;
}

.widget-valuedisplay.formatted.bottom.fillwidget .renderer-true-default {
  vertical-align: bottom;
}

.widget-valuedisplay.nodata .valuedisplay-wrapper {
  display: none;
}

.widget-image.width img {
  max-width: 100%;
  height: auto;
}

.widget-image.height img {
  max-height: 100%;
  width: auto;
}

.widget-image img:not([src]) {
  display: none;
}

.widget-image {
  overflow: hidden;
}

.widget-label {
  display: block;
  font-weight: bold;
  line-height: 22px;
}

.label-text-wrap {
  width: 100%;
  display: block;
  word-wrap: break-word;
  white-space: normal;
  line-height: 120% !important;
}

.widget-link-container {
  overflow: hidden;
}

.widget-link {
  background: url("../../Common/thingworx/widgets/link/images/clear.png") repeat scroll 0 0 transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  width: 100%;
}

.widget-link:hover {
  text-decoration: none !important;
}

.widget-link:hover .link-text {
  text-decoration: underline;
}

.widget-link span {
  display: inline-block;
}

.widget-link img {
  vertical-align: middle;
}

.widget-link .widget-text {
  vertical-align: middle;
}

.widget-link .link-text {
  line-height: normal;
}

.widget-link.imageRight .link-text {
  margin-right: 4px;
}

.widget-link.imageLeft.link-text {
  margin-left: 4px;
}

.widget-link .link-content-container {
  display: table-cell;
  vertical-align: middle;
}

.widget-link.imageTop .link-content-container img,
.widget-link.imageBottom .link-content-container img {
  display: block;
  margin: 0 auto;
}

.widget-link {
  display: table;
}

.widget-link.imageTop .link-content-container .link-text {
  margin-top: 4px;
}

.widget-link.imageBottom .link-content-container .link-text {
  margin-bottom: 4px;
}

/*--------------------------------------------------------------------------------------------------*/

/* DHTMLX Slider:
/*--------------------------------------------------------------------------------------------------*/

.widget-slider-horizontal .widget-slider-panel .dhxsl_container {
  left: 10px !important;
  top: 2px !important;
}

.widget-slider-vertical .widget-slider-panel .dhxsl_container {
  left: 1px !important;
}

/*--------------------------------------------------------------------------------------------------*/

/* Circle Handler:
/*--------------------------------------------------------------------------------------------------*/

.circleHandle .dhxsl_runner,
.circleHandle .dhxsl_track,
.circleHandle .tracker-right,
.widget-slider.circleHandle .widget-slider-panel,
.widget-slider.circleHandle .widget-slider-runtime,
.widget-slider.circleHandle .tracker-progress,
.widget-slider.circleHandle .tracker-right,
.widget-slider-vertical.circleHandle .tracker-progress,
.widget-slider-vertical.circleHandle .tracker-right,
.widget-slider-vertical.circleHandle .widget-slider-panel,
.widget-slider-vertical.circleHandle .widget-slider-runtime {
  border-radius: 20px;
}

.circleHandle .dhxsl_runner {
  height: 14px !important;
  width: 14px !important;
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  z-index: 5 !important;
}

/*--------------------------------------------------------------------------------------------------*/

/* Square Handler:
/*--------------------------------------------------------------------------------------------------*/

.squareHandle .dhxsl_runner,
.squareHandle .dhxsl_runner {
  border-radius: 2px;
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  height: 14px !important;
  width: 14px !important;
  z-index: 5 !important;
}

/*--------------------------------------------------------------------------------------------------*/

/* Panel
/*--------------------------------------------------------------------------------------------------*/

.widget-slider .widget-slider-panel {
  border-radius: 4px;
  right: 0;
  left: 0;
  position: absolute;
  top: 0;
}

.widget-slider-horizontal .widget-slider-panel {
  height: 31px;
}

.widget-slider-vertical .widget-slider-panel {
  bottom: 0;
  width: 31px;
  padding: 9px 0px 2px 2px;
}

/*--------------------------------------------------------------------------------------------------*/

/* Track
/*--------------------------------------------------------------------------------------------------*/

.widget-slider-horizontal .dhxsl_track {
  overflow: visible;
  position: absolute;
  bottom: -1px;
  /*top: -1px;*/
  left: -1px;
  right: 0;
  width: auto !important;
  height: 14px !important;
  top: 1px !important;
  background: transparent !important;
  z-index: 3;
  border: none !important;
}

.widget-slider-vertical .dhxsl_track {
  width: 14px !important;
  background: transparent !important;
  z-index: 3;
  border: none !important;
}

/*--------------------------------------------------------------------------------------------------*/

/* Thin-Track
/*--------------------------------------------------------------------------------------------------*/

.widget-slider-horizontal.widget-slider.thinBar .widget-slider-panel .dhxsl_container {
  top: 0px !important;
}

.widget-slider-horizontal.widget-slider.thinBar .dhxsl_track {
  height: 7px !important;
  top: 6px !important;
  border: none !important;
}

.widget-slider-horizontal.widget-slider.thinBar .tracker-progress {
  /* lest it spills over to vertical */
  height: 7px !important;
  left: 10px !important;
  top: 12px !important;
  z-index: 3;
}

.widget-slider-horizontal.squareHandle.thinBar .dhxsl_runner {
  /* without horizontal, vertical slider gets broken */
  top: 3px !important;
}

.widget-slider-horizontal.circleHandle.thinBar .dhxsl_runner {
  top: 3px !important;
}

.widget-slider-vertical.thinBar .dhxsl_track {
  width: 7px !important;
  left: 4px;
}

.widget-slider-vertical.thinBar .tracker-progress {
  width: 7px !important;
  left: 11px !important;
  z-index: 3;
}

.widget-slider-vertical.thinBar .dhxsl_runner {
  left: 1px !important;
}

.widget-slider-vertical.thinBar .tracker-right {
  left: 12px !important;
  width: 7px !important;
  z-index: 2;
}

.widget-slider-horizontal.thinBar .tracker-right {
  top: 12px !important;
  height: 7px !important;
  z-index: 2;
}

.widget-slider-horizontal.thinBar .stepper-blocker {
  left: 5px !important;
  height: 20px !important;
  background: transparent !important;
  z-index: 1;
  position: absolute;
}

.widget-slider-vertical.thinBar .stepper-blocker {
  left: 5px !important;
  width: 20px !important;
  background: transparent !important;
  z-index: 1;
  position: absolute;
}

/*--------------------------------------------------------------------------------------------------*/

/* Labels:
/*--------------------------------------------------------------------------------------------------*/

.widget-slider .widget-labels > div {
  font-size: 12px;
  position: absolute;
  bottom: 0;
  height: 15px;
  line-height: 16px;
  padding: 0 10px;
}

.widget-slider .widget-slider-runtime-value-label span {
  display: inline-block;
  padding: 0 2px;
}

.widget-slider .widget-slider-runtime-min-label {
  left: 5px;
}

.widget-slider-horizontal .widget-slider-runtime-value-label {
  left: 0;
  right: 0;
  text-align: center;
  font-weight: bold !important;
}

.widget-slider-horizontal .widget-slider-runtime-value-label span {
  color: #0088cc;
  display: inline-block;
  font-size: 12px;
}

.widget-slider-horizontal .widget-slider-runtime-max-label {
  right: 5px;
}

.widget-slider-vertical .widget-labels {
  left: 35px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
}

.widget-slider-vertical .widget-labels > div {
  font-size: 12px;
  padding: 0 10px;
  position: absolute;
}

.widget-slider-vertical .widget-slider-runtime-min-label {
  bottom: 5px;
}

.widget-slider-vertical .widget-slider-runtime-value-label {
  font-weight: bold !important;
  margin-top: -8px;
  top: 50%;
}

.widget-slider-vertical .widget-slider-runtime-max-label {
  top: 5px;
}

/*--------------------------------------------------------------------------------------------------*/

/* Fill Progress bar
/*--------------------------------------------------------------------------------------------------*/

.widget-slider-vertical .tracker-progress {
  bottom: 10px;
  border-radius: 2px;
  position: absolute;
  left: 8px !important;
  right: -1px;
  top: auto !important;
  width: 14px !important;
  border: 1px solid #3da0e3;
  background: #3da0e3;
  z-index: 3;
}

.widget-slider-horizontal .tracker-progress {
  position: absolute;
  left: 10px !important;
  top: 7px !important;
  height: 14px !important;
  border: 1px solid #3da0e3;
  background: #3da0e3;
  z-index: 3;
}

.widget-slider-horizontal.thinBar .tracker-progress {
  height: 7px !important;
  top: 12px !important;
  z-index: 3;
}

.widget-slider-horizontal.squareHandle.thinBar .dhxsl_cont_hr .dhxsl_runner {
  top: 2px !important;
}

/*--------------------------------------------------------------------------------------------------*/

/* Fill Right zone
/*--------------------------------------------------------------------------------------------------*/

.widget-slider-vertical .tracker-right {
  bottom: 10px;
  border-radius: 2px;
  position: absolute;
  left: 8px !important;
  right: -1px;
  top: auto !important;
  width: 14px !important;
  z-index: 2;
}

.widget-slider-horizontal .tracker-right {
  position: absolute;
  left: 10px !important;
  top: 7px !important;
  height: 14px !important;
  z-index: 2;
}

.widget-slider-horizontal .stepper-blocker {
  left: 5px !important;
  height: 20px !important;
  background: transparent !important;
  z-index: 1;
  position: absolute;
}

.widget-slider-vertical .stepper-blocker {
  left: 5px !important;
  width: 20px !important;
  background: transparent !important;
  z-index: 1;
  position: absolute;
}

/* Do not support stretching of slider widget when align-items = stretch and flex-wrap = nowrap
This styles exists in flexcontainer.runtime.css
.no-flex-wrap[class*="tw-flex-row"].stretch > .widget-bounding-box .widget-content:not([class*='widget-slider']) {
    height: 100% !important;
}
.no-flex-wrap[class*="tw-flex-column"].stretch > .widget-bounding-box .widget-content:not([class*='widget-slider']) {
    width: 100% !important;
}
 */

/*--------------------------------------------------------------------------------------------------*/

/* DHTMLX Slider:
/*--------------------------------------------------------------------------------------------------*/

.widget-slider-vertical .dhtmlxSlider {
  overflow: visible;
  position: absolute;
  height: auto;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  width: auto !important;
}

.dhtmlxslider_dhx_web .dhxsl_container.dhxsl_cont_vr {
  margin-left: 5px;
  background: -webkit-linear-gradient(top, rgb(248, 248, 248) 0%, rgb(238, 238, 238) 100%);
}

.circleHandle .dhtmlxslider_dhx_web .dhxsl_container.dhxsl_cont_vr {
  margin-left: 5px;
  background: -webkit-linear-gradient(top, rgb(248, 248, 248) 0%, rgb(238, 238, 238) 100%);
  border-radius: 20px;
}

.thinBar .dhtmlxslider_dhx_web .dhxsl_container.dhxsl_cont_vr {
  margin-left: 9px;
  background: -webkit-linear-gradient(top, rgb(248, 248, 248) 0%, rgb(238, 238, 238) 100%);
}

.widget-slider-vertical.circleHandle.thinBar .dhxsl_runner {
  left: -3px !important;
  position: absolute;
}

.widget-slider-vertical.thinBar .dhxsl_runner {
  left: -3px !important;
}

.widget-tree .containerTableStyle {
  padding: 5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: auto;
}

.widget-tree .expander {
  cursor: pointer;
}

.widget-tree .leaf {
  cursor: pointer;
  height: 20px !important;
  line-height: 20px;
}

.widget-tree .standartTreeRow {
  color: #000;
  font-size: 11px !important;
  -moz-user-select: none;
}

.widget-tree .selectedTreeRow {
  background-color: #3399FF;
  color: #fff !important;
  font-size: 11px;
}

.widget-tree .standartTreeImage {
  width: 0px;
}

.widget-tree .dhx_bg_img_fix {
  height: inherit !important;
}

.selectedTreeImage {
  height: inherit !important;
}

.standartTreeImage {
  line-height: inherit !important;
  height: inherit !important;
}

.selectedTreeRow {
  line-height: inherit !important;
}

.standartTreeRow {
  line-height: inherit !important;
}

#root_mashup-root-bounding-box.nonresponsive {
  margin: 0 auto;
}

.widget-mashup {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/*dashboard*/

.dashboard-menu-container.add {
  position: absolute;
  left: 2px;
  top: 2px;
  cursor: pointer;
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 3px;
}

.dashboard-menu-container.add .add-to-dashboard {
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  border-radius: 3px;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.gadget-header {
  height: 26px;
  text-align: center;
  line-height: 26px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0px 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.widget-dashboard .gadget-content .gadget-configure-menu-container {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 2px;
  top: 2px;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 3px;
}

.widget-dashboard .gadget-content .gadget-configure-menu-container .configure-gadget {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

/* Chrome Specific Hack to prevent scrollbar timing issue*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .widget-mashup {
    height: 50000px;
  }

  .mashup-popup .widget-mashup {
    height: auto;
  }

  .widget-bounding-box.responsive .widget-mashup {
    height: auto;
    width: auto;
  }
}

.widget-bounding-box.responsive .widget-thingshapemashup .minScroller {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Chrome Specific Hack to prevent scrollbar timing issue*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .widget-thingshapemashup {
    height: 50000px;
  }
}

/* Chrome Specific Hack to prevent scrollbar timing issue*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .widget-thingtemplatemashup {
    height: 50000px;
  }
}

body.designer div.widget-targetmashup {
  background: url("../../Common/thingworx/widgets/targetmashup/grid.gif") repeat;
  border: none;
  position: relative;
}

.widget-targetmashup {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F5F5F5;
  border-style: none;
  border-width: 1px;
  position: relative;
}

.widget-bounding-box.responsive .widget-targetmashup {
  width: 100%;
}

/* Chrome Specific Hack to prevent scrollbar timing issue*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .widget-targetmashup {
    height: 50000px;
  }
}

.widget-flexcontainer-bounding-box.container-scrollable .nonresponsive .widget-bounding-box.responsive .widget-mashupcontainer.widget-content,
#runtime-workspace.responsive .widget-flexcontainer-bounding-box.container-scrollable .widget-mashupcontainer .outer-container > .widget-content.responsive,
#runtime-workspace.responsive .widget-flexcontainer-bounding-box.container-scrollable .widget-mashupcontainer.widget-content,
#runtime-workspace.responsive .widget-flexcontainer-bounding-box.container-scrollable .widget-mashupcontainer .outer-container {
  position: relative;
}

/* === Begin: Enhanced Positioning === */

.flex-oca > .widget-flexcontainer > .mashupcontainer-root-bounding-box > .widget-mashupcontainer > .mashupcontainer-root > .widget-bounding-box > .outer-container,
.flex-oca > .widget-flexcontainer > .mashupcontainer-root-bounding-box > .widget-mashupcontainer > .mashupcontainer-root > .widget-bounding-box > .outer-container > .widget-mashup,
#runtime-workspace.responsive .flex-oca > .widget-flexcontainer > .mashupcontainer-root-bounding-box > .widget-mashupcontainer > .mashupcontainer-root > .widget-bounding-box > .outer-container,
#runtime-workspace.responsive .flex-oca > .widget-flexcontainer > .mashupcontainer-root-bounding-box > .widget-mashupcontainer > .mashupcontainer-root > .widget-bounding-box > .outer-container > .widget-mashup {
  position: relative;
  min-height: 0;
  min-width: 0;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

/* === End: Enhanced Positioning === */

.widget-pagemashupcontainer {
  position: absolute;
}

.widget-navigation {
  cursor: pointer;
  width: 100%;
  overflow: hidden;
}

.mashup-popup .mashup-close-popup {
  display: none;
}

.mashup-popup.show-close-button .mashup-close-popup {
  display: table-cell;
  z-index: 999999;
}

.widget-navigation button {
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  height: 100%;
  padding: 0px 10px;
  margin: 0px;
  text-decoration: none;
  width: 100%;
}

.widget-navigation button:disabled {
  background: -webkit-linear-gradient(top, rgb(148, 148, 148) 0%, rgb(79, 79, 79) 100%);
  background: linear-gradient(to top, rgb(148, 148, 148) 0%, rgb(79, 79, 79) 100%);
  border-width: 1px;
  border-color: rgb(80, 80, 80);
  border-style: solid;
}

.widget-navigation .nav-text {
  display: inline-block;
  position: relative;
}

.widget-navigation img {
  display: inline;
  padding-right: 5px;
  position: relative;
  vertical-align: middle;
}

.widget-navigation.iconRight img {
  padding-left: 5px;
  padding-right: 0;
}

.widget-navigation.transparent {
  background: url("../../Common/thingworx/widgets/navigation/images/transparent.png") repeat transparent !important;
}

.widget-navigation.transparent img {
  display: none;
}

.widget-navigation .hover,
.widget-navigation .active {
  display: none;
}

.widget-navigation :hover .default {
  display: none;
}

.widget-navigation :hover .hover {
  display: inline;
}

.widget-navigation :active .active {
  display: inline;
}

.widget-navigation :active .hover,
.widget-navigation :active .default {
  display: none;
}

.widget-navigation.roundedCorners,
.widget-navigation.roundedCorners button {
  border-radius: 6px;
}

.singleImageOnly .default {
  display: inline !important;
}

.widget-navigation.transparent {
  border: none;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  filter: none;
}

.widget-navigation.transparent button {
  background: none;
  border: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  filter: none;
}

.widget-navigation.transparent button span {
  display: none;
}

.widget-navigation.transparent:hover {
  background: none;
}

.widget-navigation.transparent button:hover {
  background: url("../../Common/thingworx/widgets/navigation/images/transparent.png") repeat transparent !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .widget-navigation .nav-text {
    vertical-align: top;
  }

  .mac .widget-navigation .textsize-normal .nav-text {
    top: -1px;
  }

  .mac .widget-navigation .textsize-xxl .nav-text {
    top: 1px;
  }

  .mac .widget-navigation .textsize-3xl img {
    top: -1px;
  }

  .pc .widget-navigation .nav-text {
    top: -1px;
  }

  .pc .widget-navigation.hasImage .textsize-xxl .nav-text,
  .pc .widget-navigation.hasImage .textsize-2xl .nav-text {
    top: -2px;
  }

  .pc .widget-navigation.hasImage .textsize-xxl img {
    top: -1px;
  }

  .pc .widget-navigation.hasImage .textsize-2xl img,
  .pc .widget-navigation.hasImage .textsize-3xl img {
    top: -2px;
  }

  .pc .widget-navigation.hasImage .textsize-3xl .nav-text {
    top: -3px;
  }
}

@media screen and (min-width:0\0) {
  .widget-navigation .nav-text {
    top: -1px;
  }

  .widget-navigation.hasImage .textsize-3xl img {
    top: -2px;
  }

  .widget-navigation.hasImage .textsize-3xl .nav-text {
    top: -3px;
  }
}

@-moz-document url-prefix()  {
  .mac .widget-navigation .textsize-xxl .nav-text,
  .mac .widget-navigation .textsize-2xl .nav-text,
  .mac .widget-navigation .textsize-3xl .nav-text {
    top: 1px;
  }

  .mac .widget-navigation.hasImage .textsize-xxl .nav-text,
  .mac .widget-navigation.hasImage .textsize-2xl .nav-text {
    top: -1px;
  }

  .mac .widget-navigation.hasImage .textsize-3xl img {
    top: -1px;
  }

  .mac .widget-navigation.hasImage .textsize-3xl .nav-text {
    top: 0px;
  }

  .pc .widget-navigation .nav-text {
    top: -1px;
  }

  .pc .widget-navigation .textsize-3xl img {
    top: -2px;
  }

  .pc .widget-navigation.hasImage .textsize-3xl .nav-text {
    top: -3px;
  }
}

.widget-navigation.hasImage .nav-text {
  vertical-align: middle;
}

.widget-navigationFunction {
  visibility: hidden;
}

#runtime > .mashup-popup.has-title .popup-title .title-text {
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.widget-flexcontainer-bounding-box {
  display: flex;
  position: relative;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  min-height: 0;
}

.widget-flexcontainer-bounding-box.container-scrollable > .widget-flexcontainer > .widget-flexcontainer-bounding-box {
  max-width: inherit;
  max-height: inherit;
  min-width: inherit;
  min-height: inherit;
}

/* support for mashup template with left side ptcs-menu in 'scrollable' flex-container that allows to push the right*/

/* side content when you resize the menu */

.widget-flexcontainer-bounding-box.auto-scroll-vert .widget-ptcsmenubar {
  position: relative;
}

.flex-root {
  display: flex;
  flex: 1 1 auto;
  height: calc(100% / 1);
  width: calc(100% / 1);
}

.flex-root .mashupcontainer-root-bounding-box.widget-bounding-box.responsive .responsive,
.flex-root .mashupcontainer-root-bounding-box.widget-bounding-box.responsive {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}

.flex-root .mashupcontainer-root-bounding-box {
  height: 100%;
  width: 100%;
}

.flex-leaf-responsive {
  flex: 1 1 auto;
  position: relative;
}

/* override generic responsive  .widget-content setting for flex-container */

.responsive .widget-flexcontainer.widget-content {
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
}

.tw-flex-column > .widget-bounding-box.responsive,
.tw-flex-column > .widget-flexcontainer-bounding-box {
  width: 100%;
}

.tw-flex-row > .widget-bounding-box.responsive,
.tw-flex-row > .widget-flexcontainer-bounding-box {
  height: 100%;
}

.widget-targetmashup > .widget-flexcontainer-bounding-box {
  height: 100%;
  width: 100%;
}

/* override Application.css for setting all widget content to absolute position */

.flex-root.nonresponsive.widget-flexcontainer-bounding-box.flex-leaf-static .widget-content,
.flex-root .nonresponsive .widget-flexcontainer-bounding-box.flex-leaf-static .widget-content {
  position: relative;
}

#runtime-workspace .responsive .widget-content.widget-flexcontainer {
  position: relative;
}

.mashup-popup .responsive .widget-content.widget-flexcontainer {
  position: relative;
}

#runtime-workspace .responsive.container-size-mashup {
  margin: 0 auto;
  position: relative;
  height: 100%;
}

.widget-flexcontainer-bounding-box.collapsible {
  transition: all .3s ease-in-out;
}

.widget-flexcontainer-bounding-box.collapsible.flex-hide {
  overflow: hidden;
}

.widget-flexcontainer-bounding-box.collapsed > .widget-content.tw-flex-column {
  height: 0;
}

.widget-flexcontainer-bounding-box.collapsed > .widget-content.tw-flex-row {
  width: 0;
}

/* init-collapsed class is set when the flex-container isExpandced property is initially false to avoid a show/hide of
   the container */

.widget-flexcontainer.tw-flex-column > .widget-flexcontainer-bounding-box.init-collapsed {
  max-height: 0 !important;
  min-height: 0 !important;
}

.widget-flexcontainer.tw-flex-row > .widget-flexcontainer-bounding-box.init-collapsed {
  flex: 0 0 0% !important;
  max-width: 0 !important;
  min-width: 0 !important;
}

.widget-flexcontainer.tw-flex-row > .widget-flexcontainer-bounding-box.init-collapsed > .widget-content {
  min-width: 0 !important;
}

.widget-flexcontainer-bounding-box.overlay {
  position: absolute !important;
  z-index: 10000 !important;
}

#runtime-workspace .widget-flexcontainer > .expand-toggle,
#runtime-workspace .widget-flexcontainer-bounding-box>.expand-toggle {
  background-color: lightgrey;
  background-image: none;
}

#runtime-workspace .expand-toggle {
  z-index: 10000;
}

#runtime-workspace .expand-toggle ptcs-icon[size="small"] {
  height: 23px;
  padding: 3px;
  width: 23px;
}

/* Expand/Collapse Toggle button positioning for inside container buttons =>*/

.widget-flexcontainer-bounding-box > .expand-toggle.outside,
.widget-flexcontainer-bounding-box > .expand-toggle.inside {
  position: absolute;
}

.widget-flexcontainer-bounding-box > .expand-toggle.inside.column-end.closed,
.widget-flexcontainer-bounding-box > .expand-toggle.inside.column-middle.open,
.widget-flexcontainer-bounding-box > .expand-toggle.inside.column-start.open {
  bottom: 0;
  left: 0;
}

.widget-flexcontainer-bounding-box > .expand-toggle.inside.row-start.open,
.widget-flexcontainer-bounding-box > .expand-toggle.inside.row-middle.open,
.widget-flexcontainer-bounding-box > .expand-toggle.outside.row-end.open,
.widget-flexcontainer-bounding-box > .expand-toggle.inside.row-end.closed {
  top: 0;
  right: 0;
}

/* <= Expand Toggle button positioning for inside container buttons */

.widget-container.widget-container-with-titlebar > .flex-root {
  display: flex;
  flex: 1 1 auto;
  height: calc(100% - 26px);
  width: calc(100% / 1);
}

#runtime-workspace .widget-flexcontainer-bounding-box.allow-content-resize .ptcs-wrapper {
  position: relative;
}

#runtime-workspace .widget-flexcontainer-bounding-box.h-no-scroll > .widget-flexcontainer > .widget-bounding-box {
  display: flex;
  flex: 0 1 auto;
  max-width: 100%;
  min-width: 0;
}

/* === Begin: Enhanced Positioning === */

/* Flex Container */

.flex-oca.widget-flexcontainer-bounding-box {
  margin: unset;
  min-height: auto;
  min-width: auto;
}

/* Generic/Simple Widget */

.flex-oca > .widget-flexcontainer > .widget-bounding-box,
.flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-content,
.flex-oca > .widget-flexcontainer > .widget-bounding-box > .outer-container,
.flex-oca > .widget-flexcontainer > .widget-bounding-box > .outer-container > .widget-content,
#runtime-workspace.responsive .flex-oca > .widget-flexcontainer > .widget-bounding-box,
#runtime-workspace.responsive .flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-content,
#runtime-workspace.responsive .flex-oca > .widget-flexcontainer > .widget-bounding-box > .outer-container,
#runtime-workspace.responsive .flex-oca > .widget-flexcontainer > .widget-bounding-box > .outer-container > .widget-content {
  position: relative;
}

/* PTCS Widgets With Containers (Dynamic panels, tabs, etc.) */

.flex-oca > .widget-flexcontainer > .responsive > .outer-container > .widget-content > ptcs-mb-container,
#runtime-workspace.responsive .flex-oca > .widget-flexcontainer > .responsive > .outer-container > .widget-content > ptcs-mb-container {
  position: relative;
}

/* === End: Enhanced Positioning === */

.widget-flexcontainer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  height: auto;
  overflow: auto;
  width: auto;
}

.flex-leaf-static.no-flex-wrap[class*="tw-flex-row"].stretch > .widget-bounding-box .widget-content:not([class*='widget-slider']) {
  height: 100% !important;
}

.flex-leaf-static.no-flex-wrap[class*="tw-flex-column"].stretch > .widget-bounding-box .widget-content:not([class*='widget-slider']) {
  width: 100% !important;
}

.flex-leaf-static.no-flex-wrap.stretch > .widget-flexcontainer[class*="tw-flex-row"] > .widget-bounding-box > .widget-content {
  height: 100% !important;
}

.flex-leaf-static.no-flex-wrap.stretch > .widget-flexcontainer[class*="tw-flex-row"] > .widget-bounding-box [class^="widget-"][class$="-overflow"],
.flex-leaf-static.no-flex-wrap.stretch > .widget-flexcontainer[class*="tw-flex-row"] > .widget-bounding-box [class^="widget-"][class$="-wrapper"],
.flex-leaf-static.no-flex-wrap.stretch > .widget-flexcontainer[class*="tw-flex-row"] > .widget-bounding-box [class^="widget-"][class$="-wrapper"] * {
  height: 100% !important;
}

.flex-leaf-static.no-flex-wrap.stretch > .widget-flexcontainer[class*="tw-flex-column"] > .widget-bounding-box > .widget-content {
  width: 100% !important;
}

.flex-leaf-static.no-flex-wrap.stretch > .widget-flexcontainer[class*="tw-flex-column"] > .widget-bounding-box [class^="widget-"][class$="-overflow"],
.flex-leaf-static.no-flex-wrap.stretch > .widget-flexcontainer[class*="tw-flex-column"] > .widget-bounding-box [class^="widget-"][class$="-wrapper"],
.flex-leaf-static.no-flex-wrap.stretch > .widget-flexcontainer[class*="tw-flex-column"] > .widget-bounding-box [class^="widget-"][class$="-wrapper"] * {
  width: 100% !important;
}

.expand-toggle {
  background-color: lightgrey;
  height: 23px;
  width: 23px;
  z-index: 9999;
}

.expand-toggle > ptcs-icon {
  height: 19px;
  padding: 2px;
  width: 19px;
}

/* === Begin: Enhanced Positioning === */

.flex-oca.flex-leaf-responsive > .widget-flexcontainer > .responsive,
.flex-oca.flex-leaf-static > .widget-flexcontainer > .responsive {
  height: 100%;
  width: 100%;
}

/* === End: Enhanced Positioning === */

.widget-panel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.widget-panel .outer-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.widget-radiobuttonlist-wrapper {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
}

.widget-radiobuttonlist {
  font-size: 11px;
}

.widget-radiobuttonlist td {
  border-top: none !important;
  border-left: none !important;
  border-bottom: none !important;
}

.widget-radiobuttonlist td:last-child {
  border: none !important;
}

.widget-radio-button-item {
  cursor: pointer;
}

.widget-radio-button-item span {
  margin-top: -1px;
  padding: 0 6px;
}

.widget-radio-button-item .wrap {
  display: block;
}

.widget-radio-button-item .clip {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

[orientation="vert"] td.widget-radio-button-item {
  min-height: 20px;
  border-left: none;
  border-right: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #cbcbcb;
}

[orientation="vert"] td.widget-radio-button-item.button-selected {
  background: #7f7f7f url("../../Common/thingworx/widgets/radiobuttonlist/images/button-pressed-bg.png") repeat-x top center;
  color: #fff;
  border-left: none;
  cursor: pointer;
}

.widget-radiobuttonlist [widget-type="radiobuttonlist"] {
  background: #f2f2f2;
  text-align: center;
}

.widget-radiobuttonlist [widget-type="radiobuttonlist"] .select-button-states-text {
  position: relative;
  top: 7px;
  background: url("../../Common/thingworx/widgets/radiobuttonlist/images/icon-state-definition.png") no-repeat left center;
  padding: 2px 0px;
  padding-left: 22px;
}

.widget-radiobuttonlist-image {
  margin-right: 5px;
  vertical-align: middle;
}

.widget-content.widget-preferences {
  padding: 1em;
}

.widget-preferences-title {
  font-size: larger;
  font-weight: bold;
}

.widget-preferences-avatar,
.widget-preferences-username {
  display: table-cell;
  height: 48px;
  vertical-align: middle;
}

.widget-preferences-avatar {
  padding: 0.5em 1em 0 0;
  width: 48px;
}

.widget-preferences td {
  padding: 0.4em;
}

.widget-preferences label {
  display: block;
  white-space: nowrap;
}

.widget-preferences button {
  padding: 0.2em 1em;
}

.widget-preferences-confirm {
  color: #00FF14;
  font-size: x-large;
  opacity: 0.00001;
  /* not visible but uses space */
  padding: 0 0.3em;
  text-shadow: 2px 3px 6px #000, -1px -1px 6px #888;
}

.widget-preferences .editLoader {
  background-image: url("../images/loaders/edit-loader.gif");
  display: inline-block;
}

.widget-preferences button:disabled,
.widget-preferences button:disabled:hover,
.widget-preferences button:disabled:active {
  opacity: 0.5;
}

/* Following adapted from twLocalization.less */

.language-selector {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.language-selector .language-avatar {
  height: 24px;
  width: 24px;
  margin-right: 1em;
}

.language-prefs-available,
.language-prefs-current {
  display: inline-table;
  min-width: 315px;
}

.twPopoverDialog .table.language-prefs-table {
  margin-bottom: 4em;
}

.twPopoverDialog .table.language-prefs-table caption .language-prefs-title {
  font-size: larger;
  font-weight: bold;
}

.twPopoverDialog .table.language-prefs-table caption {
  margin-bottom: 1em;
}

.twPopoverDialog .table.language-prefs-table tr {
  cursor: move;
}

.twPopoverDialog .table.language-prefs-table td,
.twPopoverDialog .table.language-prefs-table th {
  padding: 2px 8px;
}

.language-prefs-gutter {
  display: inline-table;
  margin: 0 2em;
}

.language-prefs-placeholder {
  background-color: #BFB;
  height: 3em;
}

.twPopoverDialog .language-prefs-wrapper {
  display: inline;
}

@media (max-width: 80rem) {
  .modal-backdrop.language-pref-dialog {
    position: absolute;
  }

  .twPopoverDialog.language-pref-dialog {
    float: none;
    left: unset;
    margin: auto;
    max-width: 50rem;
    position: relative;
    top: 8rem;
    width: 100%;
  }

  .twPopoverDialog .table.language-prefs-table {
    margin-bottom: 0;
  }

  .twPopoverDialog .language-prefs-wrapper {
    height: 23rem;
    margin-bottom: 1rem;
    overflow-y: scroll;
  }
}

@media (max-width: 48rem) {
  .language-prefs-available,
  .language-prefs-current,
  .twPopoverDialog .language-prefs-wrapper {
    display: block;
  }
}

@media (max-height: 48rem) {
  .twPopoverDialog.language-pref-dialog {
    top: 4.7rem;
  }
}
.widget-tagcloud {
  font-family: Segoe UI, Arial, Sans Serif;
}

.widget-tagcloud .widget-tagcloud-body {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  top: 24px;
  overflow: auto;
  text-align: center;
}

.widget-tagcloud .twTagCloudLinkIdentifier {
  color: #31669B;
}

.widget-tagcloud .twTagCloudLinkIdentifier:hover {
  color: #5F831C;
}

.widget-tagcloud-header {
  background-image: url("../../Common/thingworx/widgets/tagcloud/images/header-bg.png");
  background-repeat: repeat-x;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 24px;
  display: block;
  padding: 0px 6px;
  line-height: 24px;
}

.widget-tagcloud .widget-tagcloud-header span {
  font-weight: bold;
}

.widget-tagpicker-runtime {
  position: absolute;
  float: left;
}

.inline-results.popup.normal-magic-picker .nav-list .tsexplorer-item > a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.twPopoverDialog .new-term {
  top: 200px !important;
}

.popover.magic-picker-advanced-filter .modal-body {
  max-height: 440px;
  padding: 10px;
}

.popoverDialog-content .vocabularies .vocabularies-select {
  max-width: 360px;
}

.inline-results.popup.normal-magic-picker .action-bar-exists .tag-term-container {
  height: 25px !important;
  padding: 5px;
}

.twtagpicker {
  font-family: Segoe UI, Arial, Sans Serif;
  border: 1px solid #000;
  text-align: center;
  vertical-align: middle;
  background-color: #F0F0F0;
  background: #999;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0D0FF', endColorstr='#FFFFFF');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#D0D0FF), to(#FFFFFF));
  /* for webkit browsers */
  background: -moz-linear-gradient(top,  #D0D0FF,  #FFFFFF);
  /* for firefox 3.6+ */
  padding: 0px;
  margin: 0px;
}

.actual-tagpicker .tag-picker {
  background: url("../../Common/thingworx/widgets/tagpicker/images/bg-btn-right-small.png") no-repeat right center;
  display: inline-block;
  line-height: 18px;
  padding-right: 7px;
  position: relative;
}

.actual-tagpicker .tag-picker-btn:hover {
  opacity: 0.8;
  background: url("../../Common/thingworx/widgets/tagpicker/images/bg-btn-right-small.png") no-repeat right center;
}

.actual-tagpicker .tag-picker-btn {
  background: url("../../Common/thingworx/widgets/tagpicker/images/bg-btn-left-small.png") no-repeat left center;
  color: #787878;
  content: "Tags";
  height: 18px;
  line-height: 18px;
  padding: 5px 0px 5px 6px;
}

.mashupTagPicker .icon-remove {
  top: 0px;
}

.twPopoverDialog .new-term-input {
  height: 22px;
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 16px;
  padding: 0px 4px;
  width: 90%;
}

.twPopoverDialog-overlay.modal-backdrop.new-term {
  z-index: 99999 !important;
}

.twPopoverDialog.modal.new-term {
  z-index: 99999 !important;
}

@media (max-width: 767px), (max-width: 480px) {
  #mashup-toolbar-resolution ~ .twPopoverDialog.mashupTagPicker {
    top: 150px;
  }

  .twPopoverDialog.mashupTagPicker {
    margin-top: 0;
  }
}

@media only screen and (min-width: 480px)  and (max-width: 600px) {
  .inline-results.popup.normal-magic-picker {
    min-width: 480px !important;
    max-width: 480px !important;
    left: 0 !important;
  }

  .inline-results.popup.normal-magic-picker .action-bar-exists {
    width: 460px !important;
  }

  .inline-results.popup.normal-magic-picker .action-bar-exists .navbar.actions-bar {
    width: 460px;
  }

  .inline-results.popup.normal-magic-picker .action-bar-exists .nav-list .twInlineSearch-result .tag-term-container .tag-term.btn {
    width: 155px;
  }

  .inline-results.popup.normal-magic-picker .popup-body {
    width: 460px;
  }

  .inline-results.popup.child-magic-picker .popup-body {
    width: 550px;
  }

  .inline-results.popup.child-magic-picker .action-bar-exists .nav-list .twInlineSearch-result .tag-term-container .tag-term.btn {
    width: 92px;
  }

  .inline-results.popup.child-magic-picker .content-scroller.span7 {
    width: 225px;
  }

  .inline-results.popup.child-magic-picker .btn-group .tag-term.btn {
    width: 88px;
  }

  .twPopoverDialog .magic-picker .selected-entities .btn-group .btn.tag-term {
    width: 155px;
  }

  .popup.arrow-top.arrow-right:before {
    left: 10px;
    right: 0;
    width: 0;
  }

  .child-magic-picker.popup.arrow-top.arrow-right:before {
    left: 120px;
    right: 0;
    width: 0;
  }
}

@media (max-width: 480px) {
  .inline-results.popup.normal-magic-picker {
    left: 0 !important;
    min-width: 370px !important;
    max-width: 370px !important;
  }

  .inline-results.popup.normal-magic-picker .action-bar-exists {
    width: 350px !important;
  }

  .inline-results.popup.normal-magic-picker .action-bar-exists .navbar.actions-bar {
    width: 350px;
  }

  .inline-results.popup.normal-magic-picker .action-bar-exists .nav-list .twInlineSearch-result .tag-term-container .tag-term.btn {
    width: 92px;
  }

  .inline-results.popup.normal-magic-picker .popup-body {
    width: 350px;
  }

  .twPopoverDialog .magic-picker .selected-entities .btn-group .btn.tag-term {
    width: 200px;
  }

  .inline-results.popup.normal-magic-picker .action-bar-exists .content-scroller.span7 {
    padding: 0;
  }

  .popover.magic-picker-advanced-filter {
    top: 100px !important;
    width: 370px;
  }

  .popover.magic-picker-advanced-filter .twMagicPicker .btn-group > .tag-term {
    width: 120px;
  }

  .popover.magic-picker-advanced-filter .twMagicPicker .entity-container .entity-type-name {
    width: 180px !important;
  }

  /*}*/

  #mashup-toolbar-resolution ~ .inline-results.popup.normal-magic-picker {
    left: 0 !important;
  }

  #mashup-toolbar-resolution ~ .popup.arrow-top.arrow-right::before {
    left: 20px;
    right: inherit;
  }

  #mashup-toolbar-resolution ~ .modal {
    top: 450px;
  }

  .popoverDialog-content {
    max-width: 365px;
  }

  .popoverDialog-content .vocabularies {
    max-width: 200px;
  }

  .popoverDialog-content .vocabularies .vocabularies-select {
    max-width: 165px;
  }

  .inline-results.popup.normal-magic-picker .nav-list .tag-term-container .tag-term {
    width: 80px;
  }

  .popup.arrow-top.arrow-right:before {
    left: 10px;
    right: 0;
    width: 0;
  }
}

.widget-textbox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.widget-textbox .shadow {
  background: url("../../Common/thingworx/widgets/textbox/images/input-shadow.png") repeat-x left top;
}

.widget-textbox td {
  padding: 0px 4px;
}

.widget-textbox .widget-textbox-box {
  background: none;
  border: none;
  color: #666;
  height: 100%;
  width: 100%;
}

.widget-textbox-box.right {
  text-align: right;
}

.widget-textbox-box.left {
  text-align: left;
}

.widget-textbox-box.center {
  text-align: center;
}

.widget-textbox .widget-textbox-box:disabled {
  -webkit-text-fill-color: inherit;
  opacity: inherit;
}

.widget-textarea .widget-textarea-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.widget-textarea textarea {
  background: none;
  box-sizing: border-box;
  border: none;
  height: 100%;
  padding: 4px;
  width: 100%;
  display: block;
  color: #585858;
  overflow: auto;
  resize: none;
  position: relative;
}

.widget-textarea.shadow textarea {
  background-image: url("../../Common/thingworx/widgets/textarea/images/input-shadow.png");
  background-repeat: repeat-x;
  background-position: top center;
}

.widget-htmltextarea-readonly p,
.widget-htmltextarea-readonly ul,
.widget-htmltextarea-readonly ol,
.widget-htmltextarea-readonly table,
.widget-htmltextarea-readonly dl,
.widget-htmltextarea-readonly blockquote,
.widget-htmltextarea-readonly pre {
  margin-bottom: 15px;
}

.widget-htmltextarea-readonly {
  font-size: 12px;
}

.widget-htmltextarea-readonly ul,
.widget-htmltextarea-readonly ol {
  list-style-position: inside;
  padding-left: 1px;
}

.widget-htmltextarea-border {
  border-width: 1px;
  border-style: solid;
}

.widget-htmltextarea-border .htmltextarea-wrapper {
  padding: 4px;
}

.widget-htmltextarea-readonly {
  line-height: normal;
  overflow: auto;
}

.widget-timeselector-common {
  border-radius: 7px;
}

.widget-timeselector-common .block {
  position: relative;
}

.widget-timeselector-common .btn {
  cursor: pointer;
}

.widget-timeselector .time-selector-content,
.widget-timeselector-widescreen .time-selector-header {
  margin-left: 42px;
  margin-right: 63px;
}

.widget-timeselector-common .time-selector-header {
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 3px;
  overflow: hidden;
}

.widget-timeselector-common .time-picker-btns {
  border-radius: 4px;
  display: block;
  height: 28px;
  padding: 0px 2px;
}

.widget-timeselector-common .time-picker-btn {
  display: inline-block;
  padding: 0 2px;
}

.widget-timeselector-common .start-date,
.widget-timeselector-common .end-date {
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  top: 3px;
  height: 23px;
}

.widget-timeselector-common .start-date {
  float: left;
}

.widget-timeselector-common .end-date {
  float: right;
}

.widget-timeselector .start-date,
.widget-timeselector .end-date {
  background: #fff;
}

.widget-timeselector-widescreen .start-date,
.widget-timeselector-widescreen .end-date {
  background: #fff;
}

.widget-timeselector-common .time-refresh {
  cursor: pointer;
}

.widget-timeselector-widescreen .time-refresh {
  padding: 2px 5px;
  padding-right: 11.9px;
}

.widget-timeselector-common .start-date input,
.widget-timeselector-common .end-date input {
  border: none;
  display: block;
  cursor: pointer;
  font-size: 11px;
  height: 21px;
  line-height: 21px;
  padding-left: 20px;
  text-overflow: ellipsis;
}

.widget-timeselector-common .time-picker-btns.short .start-date,
.widget-timeselector-common .time-picker-btns.short .end-date {
  width: 145px;
}

.widget-timeselector-common .start-date input {
  background: url("../../Common/thingworx/widgets/timeselector/icon-start.png") no-repeat left center;
}

.widget-timeselector-common .end-date input {
  background: url("../../Common/thingworx/widgets/timeselector/icon-end.png") no-repeat left center;
}

.widget-timeselector-common .autorefresh-toggle {
  border: 1px solid #999;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  height: 24px;
  left: 50%;
  margin-left: -27.52px;
  padding-left: 23px;
  position: absolute;
  top: 2px;
}

.widget-timeselector-widescreen .autorefresh-toggle {
  left: 55%;
}

.widget-timeselector-widescreen .autorefresh-toggle {
  margin-left: -91.5px;
}

.widget-timeselector-common .autorefresh-icon {
  background: url("../../Common/thingworx/widgets/timeselector/icon-auto.png") no-repeat left center;
  display: block;
  height: 16px;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 16px;
}

.widget-timeselector-common .arrow {
  border-radius: 4px;
  bottom: 0px;
  cursor: pointer;
  display: block;
  top: 33px;
  position: absolute;
  text-align: center;
  overflow: hidden;
}

.widget-timeselector-common .arrow-inside {
  border-radius: 4px;
  height: 30px;
  width: 16px;
}

.widget-timeselector-widescreen .arrow {
  top: 0;
}

.widget-timeselector-common .arrow span {
  color: #fff;
  display: block;
  height: 100%;
  width: 16px;
}

.widget-timeselector-common .hour-back {
  left: 0px;
}

.widget-timeselector-common .hour-back span {
  background: url("../../Common/thingworx/widgets/timeselector/icon-double-back.png") no-repeat center center;
}

.widget-timeselector-common .min-back {
  left: 21px;
}

.widget-timeselector-common .min-back span {
  background: url("../../Common/thingworx/widgets/timeselector/icon-back.png") no-repeat center center;
}

.widget-timeselector-common .set-current {
  right: 0;
}

.widget-timeselector-common .set-current span {
  background: url("../../Common/thingworx/widgets/timeselector/icon-current.png") no-repeat center center;
}

.widget-timeselector-common .hour-fwd {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  right: 21px;
}

.widget-timeselector-common .hour-fwd span {
  background: url("../../Common/thingworx/widgets/timeselector/icon-double-fwd.png") no-repeat center center;
}

.widget-timeselector-common .min-fwd {
  right: 42px;
}

.widget-timeselector-common .min-fwd span {
  background: url("../../Common/thingworx/widgets/timeselector/icon-fwd.png") no-repeat center center;
}

.widget-timeselector-common .time-action-btns {
  border-radius: 4px;
  height: 24px;
  line-height: 24px;
  padding: 3px 2px;
}

.widget-timeselector-common .time-action-btns span {
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  font-size: 11px;
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
}

.widget-timeselector-common .start-date-lock,
.widget-timeselector-common .end-date-lock {
  display: block;
  float: left;
  height: 22px;
  line-height: 22px;
  width: 16px;
  padding: 5px 0 0 2px;
}

.widget-timeselector-common .start-date-lock span,
.widget-timeselector-common .end-date-lock span {
  display: block;
  height: 16px;
  width: 16px;
}

.widget-timeselector-common .end-date-lock {
  float: right;
}

.widget-timeselector-common .locked span {
  background: url("../../Common/thingworx/widgets/timeselector/icon-lock.png") no-repeat center center;
}

.widget-timeselector-common .unlocked span {
  background: url("../../Common/thingworx/widgets/timeselector/icon-unlock.png") no-repeat center center;
}

.widget-timeselector-common .autorefresh-onoff {
  background: #3091c7;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwOTFjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY1YWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(top, #3091c7 0%, #0165ab 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3091c7), color-stop(100%, #0165ab));
  background: -webkit-linear-gradient(top, #3091c7 0%, #0165ab 100%);
  background: -o-linear-gradient(top, #3091c7 0%, #0165ab 100%);
  background: -ms-linear-gradient(top, #3091c7 0%, #0165ab 100%);
  background: linear-gradient(top, #3091c7 0%, #0165ab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3091c7', endColorstr='#0165ab', GradientType=0 );
  border: 1px solid #3179a1;
  border-radius: 4px;
  display: inline-block;
  height: 20px;
  line-height: 21px;
  margin: 0 1px;
  position: relative;
  text-align: center;
  top: 1px;
  width: 24px;
  overflow: hidden;
}

.widget-timeselector-common .autorefresh-onoff span {
  color: #fff;
  font-weight: bold;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 24px;
}

.widget-timeselector .time-refresh {
  left: 49px;
  position: absolute;
  right: 49px;
  text-align: center;
}

.widget-timeselector-common .time-refresh span {
  background: url("../../Common/thingworx/widgets/timeselector/icon-refresh.png") no-repeat left center;
  color: #333;
  font-weight: bold !important;
  display: inline-block;
  padding-left: 20px;
  height: 21px;
  line-height: 21px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.widget-timeselector-widescreen .time-refresh {
  border: 1px solid #999;
  border-radius: 4px;
  display: block;
}

.widget-timeselector-widescreen .time-refresh {
  left: 300px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 2px;
  width: 10px;
}

.widget-blog .blog-retrieving {
  background: url("../../Common/thingworx/widgets/blog/images/ajax-loader.gif") no-repeat;
  display: block;
  height: 16px;
  position: absolute;
  width: 16px;
  z-index: 1001;
}

.widget-blog .header {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 36px;
  line-height: 22px;
  padding: 6px 5px;
  position: relative;
}

.widget-blog .blog-refresh-btn {
  float: left;
}

.widget-blog .blog-refresh-btn-icon {
  background: url("../../Common/thingworx/widgets/blog/images/refresh-btn.png") no-repeat center center;
  display: block;
  height: 16px;
  width: 16px;
}

.widget-blog .blog-name {
  left: 26px;
  top: 7px;
  position: absolute;
  font-size: 16px;
  margin-left: 5px;
}

.widget-blog .blog-name-title {
  float: left;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.widget-blog .blog-refresh-btn {
  height: 16px;
  width: 16px;
}

.widget-blog .blog-add-post-btn {
  float: left;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.widget-blog.narrow .blog-add-post-btn {
  padding: 2px;
}

.widget-blog.narrow .blog-add-post-btn span {
  background: url("../../Common/thingworx/widgets/blog/images/plus.png") no-repeat center center;
  display: block;
  height: 16px;
  width: 16px;
  text-indent: -9999px;
}

.widget-blog input[type=text],
.widget-blog textarea {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  display: inline-block;
  height: 16px;
  padding: 2px 3px;
  font-size: 12px;
  line-height: 16px;
  vertical-align: middle;
  border-radius: 3px;
}

.widget-blog textarea {
  overflow-y: scroll;
  position: relative;
  resize: none;
}

.widget-blog .btn {
  display: inline-block;
  line-height: 16px;
  padding: 2px 6px;
  margin-bottom: 0;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -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);
}

.widget-blog .btn:hover {
  background-color: #e6e6e6;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.widget-blog .btn:active,
.widget-blog .btn.selected {
  background-color: #e6e6e6;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.widget-blog .btn-primary {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.widget-blog .btn-primary:hover {
  background-color: #0044cc;
}

.widget-blog .btn-primary:active {
  background-color: #0044cc;
}

.widget-blog .blog-refresh-btn {
  padding: 2px;
}

.widget-blog .blog-search-term-wrapper {
  margin-right: 5px;
  position: relative;
}

.widget-blog .blog-tagpicker {
  position: absolute;
  right: 25px;
  top: -1px;
}

.widget-blog .tag-picker-btn-count {
  top: -8px !important;
}

.widget-blog .blog-search {
  float: right;
}

.widget-blog .blog-views-and-sorts-bar {
  box-sizing: border-box;
  border-top: none !important;
  height: 27px;
  padding: 2px 5px;
}

.blog-views-and-sorts-bar .btn {
  padding: 2px;
}

.widget-blog .btn-group .btn {
  border-radius: 0;
  border-right-width: 0 !important;
}

.widget-blog .btn-group .btn:last-child {
  border-right-width: 1px !important;
}

.widget-blog .blog-search-term {
  padding-right: 45px !important;
  width: 82px;
}

.widget-blog .blog-search-icon {
  /*background: url(images/magnifier.png) no-repeat center center;
    height: 16px;
    padding: 0px;
    width: 16px;
    */
  display: block;
}

.widget-blog .blog-search-info-search-text {
  background: url("../../Common/thingworx/widgets/blog/images/magnifier.png") no-repeat left center;
  font-weight: bold;
  padding: 2px 0 2px 18px;
}

.widget-blog #view-expanded-btn,
.widget-blog #sort-by-most-recent-post-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.widget-blog #sort-by-highest-rated-btn,
.widget-blog #view-list-btn {
  border-right: 1px solid #ccc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.widget-blog .views {
  float: left;
}

.blog-views-and-sorts-bar label {
  margin-right: 5px;
}

.widget-blog .sorts {
  float: right;
}

.blog-summary .blog-list {
  background-color: #f7f7f9;
  border: 1px solid #d4d4d4;
  border-top: none !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 63px;
  padding: 5px;
  overflow: auto;
}

.blog-summary .blog-log-new {
  background-color: #f7f7f9;
  border: 1px solid #d4d4d4;
  border-top: none !important;
  height: 49px;
  padding: 5px;
  position: relative;
}

.blog-log-new .inlinetitle-wrapper {
  display: block;
  margin-bottom: 5px;
  position: absolute;
  left: 5px;
  right: 56px;
}

.blog-log-new .inlinetext-wrapper {
  display: block;
  position: absolute;
  left: 5px;
  right: 56px;
  top: 32px;
}

.blog-log-new .addInlineTitle {
  width: 100%;
}

.blog-log-new .addInlineText {
  resize: none;
  width: 100%;
}

/*
.blog-default .blog-editInline, .blog-default .blog-deleteInline {
    display: none;
}

.blog-log .blog-editInline, .blog-log .blog-deleteInline {
    display: inline-block;
    padding: 2px;
    position: absolute;
}
.blog-log .blog-deleteInline {
    right: 10px;
    top: 0;
}

.blog-deleteInline span {
    background: url(images/cross.png) no-repeat;
    display: block;
    height: 16px;
    width: 16px;
}
*/

.blog-log-new .addInlineSubmit {
  height: 43px;
  line-height: 43px;
  position: absolute;
  right: 5px;
}

.blog-summary .post-editor {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
  top: 15px;
}

.widget-blog .post-editor-text {
  box-sizing: border-box;
  overflow: auto;
  padding: 4px 6px;
  white-space: pre-wrap;
  width: 100%;
  z-index: 99999;
}

[post-type="addBlogEntry"] .post-editor-text,
[post-type="updateBlogEntry"] .post-editor-text {
  height: 372px;
}

[post-type="blogComment"] .post-editor-text,
[post-type="blogCommentOnComment"] .post-editor-text {
  height: 117px;
}

.widget-blog img {
  max-width: 100%;
}

.blog-summary .blog-minimize-btn {
  display: none;
}

.blog-dialog .blog-entry-details {
  position: relative;
  background: #ffffff;
}

.blog-dialog .blog-entry-wrapper {
  padding: 15px;
  padding-bottom: 0;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 55px;
  overflow: auto;
}

.blog-dialog .blog-actions {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99999;
}

.widget-blog.blog-dialog .blog-entry-header {
  margin: 0;
  margin-top: 40px;
  padding: 0px 15px 10px 15px;
  max-height: 270px;
  overflow-y: auto;
}

.widget-blog .post-has-tags {
  cursor: default;
  display: inline-block;
  margin-left: -17px;
  position: absolute;
  left: 50%;
}

.widget-blog .reply-btn {
  float: right;
}

.blog-entry-footer {
  border-top: 1px solid #eee;
  margin: 0 -10px;
  margin-top: 10px;
  padding: 10px;
  position: relative;
}

.widget-blog .blog-entry-footer .rating-count {
  float: right;
}

.blog-comments-list {
  border-top: 1px solid #eee;
  margin: 0 -10px;
  margin-top: 10px;
  padding: 10px;
}

.blog-summary .blog-entry {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 5px;
  padding: 0 10px;
}

.blog-log.blog-summary .blog-entry {
  padding-bottom: 10px;
}

.blog-summary .blog-comments-list {
  display: none;
}

.widget-blog a,
.blog-entry-title {
  color: #0088cc;
}

.widget-blog p,
.widget-blog div,
.blog-entry-content,
.blog-entry-content-trimmed {
  font-size: 12px;
  line-height: 18px;
  white-space: pre-wrap;
}

.blog-entry-content {
  font-size: 15px;
  line-height: 24px;
}

.widget-blog ul,
.widget-blog ol {
  list-style: inside;
  margin-bottom: 15px;
}

.widget-blog ol {
  list-style-type: decimal;
}

/*.widget-blog .blog-entry-content-trimmed p {
    display: inline;
}*/

.widget-blog .blog-entry-content-trimmed img {
  display: block;
  margin-bottom: 18px;
}

.widget-blog p {
  margin-bottom: 18px;
}

.widget-blog p:last-child {
  margin: 0;
}

.widget-blog .more {
  margin-left: 5px;
}

/*.blog-entry-content-trimmed p {
    display: inline;
}*/

.blog-summary .blog-entry-meta {
  margin-bottom: 10px;
}

.blog-entry-title {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 5px;
}

.widget-blog .classification {
  float: right;
  position: relative;
}

.widget-blog .progress {
  background: transparent url("../../Common/thingworx/widgets/blog/images/article-full-stars.png") center left no-repeat;
  position: absolute;
  margin-top: -1px;
  height: 13px;
  top: 0;
  left: 0;
}

.blog-entry-comment-meta {
  margin-bottom: 5px;
}

.widget-blog .blog-entry-header {
  border-bottom: 1px solid #eee;
  margin: 0 -10px;
  margin-bottom: 10px;
  padding: 10px 10px 0 10px;
  position: relative;
}

.blog-default .blog-entry-header {
  cursor: pointer;
}

[post-type="updateBlogEntry"] .post-editor-dialog-title {
  border-bottom: 1px solid #eee;
  padding: 15px;
  padding-bottom: 10px;
}

.widget-blog .tag-picker,
.widget-blog .tag-picker:hover {
  background: url("../../Common/thingworx/widgets/blog/images/Tags.png") no-repeat left center;
  display: flex;
  height: 16px;
  padding: 0;
  top: 1px;
}

.widget-blog .blog-search-info-return-btn {
  position: absolute;
  right: 5px;
  top: 0;
}

.widget-blog .clear-all-text {
  background: url("../../Common/thingworx/widgets/blog/images/clear.png") no-repeat center center;
  cursor: pointer;
  display: block;
  height: 16px;
  opacity: 0.25;
  width: 16px;
}

.blog-summary .tag-picker {
  width: 16px;
}

.blog-summary .tag-picker-btn {
  display: none;
}

.widget-blog .tag-picker-btn {
  background: none;
}

.blog-dialog .tag-picker-btn {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  white-space: normal;
}

.widget-blog .tag-picker:hover .tag-picker-btn {
  background: none;
}

.widget-blog .cover {
  background: transparent url("../../Common/thingworx/widgets/blog/images/article-empty-stars.png") center left no-repeat;
  height: 13px;
  float: left;
  width: 65px;
  margin-top: -1px;
}

.blog-dialog .cover {
  height: 22px;
}

.widget-blog .rating-count {
  color: #666;
  font-size: 10px;
  float: left;
  line-height: 13px;
  margin-left: 5px;
}

.blog-dialog .rating-count {
  line-height: 22px;
}

.blog-dialog .progress {
  height: 22px;
}

.widget-blog .view-list-btn-icon {
  background: url("../../Common/thingworx/widgets/blog/images/collapse.png") no-repeat center center;
}

.widget-blog .view-expanded-btn-icon {
  background: url("../../Common/thingworx/widgets/blog/images/expand.png") no-repeat center center;
}

.widget-blog .views span,
.widget-blog .sorts span {
  display: block;
  height: 16px;
  width: 16px;
}

.widget-blog .most-recent-post-icon {
  background: url("../../Common/thingworx/widgets/blog/images/full-most-recent.png") no-repeat center center;
}

.widget-blog .last-updated-post-icon {
  background: url("../../Common/thingworx/widgets/blog/images/icon-last-updated.png") no-repeat center center;
}

.widget-blog .most-commented-icon {
  background: url("../../Common/thingworx/widgets/blog/images/full-most-commented.png") no-repeat center center;
}

.widget-blog .highest-rated-icon {
  background: url("../../Common/thingworx/widgets/blog/images/full-highest-rated.png") no-repeat center center;
}

[post-type="addBlogEntry"] .post-editor-dialog-title {
  background: #fff;
  height: 20px;
  margin-bottom: 15px;
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.post-editor-dialog-title span {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}

.blog-post-editor-footer {
  padding: 14px 15px 15px;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #eee;
}

.blog-entry-comment {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.blog-entry-comment:last-child {
  border-bottom: none !important;
  box-shadow: none;
  padding-bottom: 0;
}

.blog-post-editor-footer .btn {
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
}

.blog-actions .btn + .btn {
  margin-left: 5px;
}

.blog-post-editor-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.blog-dialog .ui-dialog-content {
  background-color: #f5f5f5 !important;
}

.blog-dialog .ui-dialog-titlebar {
  display: none;
}

.blog-dialog .header {
  display: none;
}

.blog-dialog .post-editor-title {
  box-sizing: border-box;
  height: 26px !important;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
  z-index: 99999;
}

[post-type="updateBlogEntry"] .post-editor-form {
  height: 503px;
  padding: 0 15px;
}

[post-type="updateBlogEntry"] .post-editor-title {
  margin-top: 15px;
}

[post-type="addBlogEntry"] .post-editor-form {
  height: 494px;
  padding: 0 15px;
}

[post-type="blogComment"] .post-editor-dialog-title span,
[post-type="blogCommentOnComment"] .post-editor-dialog-title span {
  display: block;
}

.blog-dialog .entry-or-comment-tagpicker {
  margin: 10px 0;
  height: 20px;
  width: 50px;
}

[post-type="blogComment"],
[post-type="blogCommentOnComment"] {
  overflow: hidden;
  padding: 0 10px;
  margin-bottom: 10px;
  background-color: #ffffff;
  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);
}

[post-type="blogCommentOnComment"] {
  margin-top: 10px;
}

[post-type="blogComment"] .blog-post-editor-footer,
[post-type="blogCommentOnComment"] .blog-post-editor-footer {
  margin: 0 -10px;
}

[post-type="blogComment"] .post-editor-dialog-title,
[post-type="blogCommentOnComment"] .post-editor-dialog-title {
  margin: 0 -10px;
  margin-bottom: 10px;
  padding: 10px;
}

.blog-dialog .leave-comment-btn {
  position: relative;
  top: -1px;
}

.blog-dialog .blog-entry-footer {
  line-height: 22px;
  margin: 0;
  padding: 10px 15px;
}

.blog-dialog .blog-entry-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.blog-dialog .blog-entry-comment-count {
  float: left;
}

.blog-dialog .divider {
  border-right: 1px solid #ffffff;
  display: block;
  float: left;
  height: 22px;
  margin: 0 10px;
  width: 0px;
}

.blog-dialog .blog-comments-list {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 20px;
  padding: 10px 15px;
}

.ui-dialog .blog-lightbox {
  padding: 0;
}

.blog-dialog .rate-this-article {
  float: right;
}

.blog-dialog .rate-this-article-label {
  float: left;
}

.blog-dialog .star-rating {
  display: inline-block;
  width: 65px;
  height: 13px;
  margin-left: 5px;
  position: relative;
  top: 4px;
  background: url("../../Common/thingworx/widgets/blog/images/star.png") top left repeat-x;
  list-style: none;
}

.blog-dialog .star-rating li {
  padding: 0px;
  margin: 0px;
  float: left;
}

.blog-dialog .star-rating a {
  display: block;
  width: 13px;
  height: 13px;
  z-index: 20;
  position: absolute;
  top: 0px;
  cursor: pointer;
}

.blog-dialog .star-rating a:hover {
  background: url("../../Common/thingworx/widgets/blog/images/star.png") left bottom;
  z-index: 1;
  left: 0px;
}

.blog-dialog .star-rating .one-star {
  left: 0px;
}

.blog-dialog .star-rating .two-stars {
  left: 13px;
}

.blog-dialog .star-rating .three-stars {
  left: 26px;
}

.blog-dialog .star-rating .four-stars {
  left: 39px;
}

.blog-dialog .star-rating .five-stars {
  left: 52px;
}

.blog-dialog .star-rating .one-star:hover {
  width: 13px;
}

.blog-dialog .star-rating .two-stars:hover {
  width: 26px;
}

.blog-dialog .star-rating .three-stars:hover {
  width: 39px;
}

.blog-dialog .star-rating .four-stars:hover {
  width: 52px;
}

.blog-dialog .star-rating .five-stars:hover {
  width: 65px;
}

.blog-dialog .confirm-rating {
  margin-left: 5px;
  position: relative;
  top: -13px;
}

.blog-dialog .current-rating {
  background: url("../../Common/thingworx/widgets/blog/images/star.png") left bottom;
  position: absolute;
  height: 13px;
  display: block;
  text-indent: -9999px;
  z-index: 1;
}

.blog-dialog .thanks-rating {
  font-style: italic;
}

.blog-default .blog-actions,
.blog-default .leave-comment-btn,
.blog-default .blog-entry-content,
.blog-default .rate-this-article {
  display: none;
}

.blog-log .blog-entry-footer,
.blog-log .blog-entry-content-trimmed,
.blog-log .blog-actions,
.blog-log .blog-views-and-sorts-bar {
  display: none;
}

.blog-log .blog-list {
  top: 36px;
}

.blog-log.addInline .blog-list {
  top: 96px;
}

.blog-log.addInline .blog-add-post-btn {
  display: none;
}

.widget-blog .blog-log-new {
  display: none;
}

.widget-blog .blog-log.addInline .blog-log-new {
  display: block;
}

.widget-blog .blog-search-btn {
  padding: 2px;
}

.blog-full .blog-search-info,
.blog-full .blog-views-and-sorts-bar {
  display: none;
}

.widget-blog .viewList .blog-entry-header {
  border: none !important;
  margin-bottom: 0;
}

.widget-blog .viewList .blog-entry-meta {
  margin-bottom: 0;
}

.widget-blog .tooltip-hover {
  outline: none;
}

.widget-blog .tooltip-hover:hover {
  text-decoration: none;
}

.widget-blog .tooltip-hover + .tooltip {
  z-index: 10;
  display: none;
  max-width: 300px;
  line-height: 16px;
}

.widget-blog .tooltip-hover:hover + .tooltip {
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 40px;
  position: absolute;
  padding: 10px;
  text-align: left;
  white-space: normal;
  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;
}

.widget-blog .blog-tag-label {
  display: none;
}

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

.widget-blog .arrow:after {
  z-index: -1;
  content: "";
}

.widget-blog .arrow:after {
  bottom: -1px;
  left: -11px;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-width: 11px 11px 0;
}

.widget-blog .arrow {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-width: 10px 10px 0;
}

[class*=" comment-level"] {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 10px;
}

.widget-blog .comment-level-1 {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.widget-blog .comment-level-2 {
  margin-left: 10px;
}

.widget-blog .comment-level-3 {
  margin-left: 20px;
}

.widget-blog .comment-level-4 {
  margin-left: 30px;
}

.widget-blog .blog-search-info {
  margin-bottom: 10px;
  margin-top: 5px;
}

.widget-blog .blog-search-info-search-terms {
  margin-right: 5px;
}

/*sticky posts*/

.widget-blog .mark-entry-sticky,
.widget-blog .mark-entry-not-sticky {
  margin-left: 5px;
  top: -1px;
  position: relative;
}

.widget-blog .blog-summary .mark-entry-sticky,
.widget-blog .blog-summary .mark-entry-not-sticky {
  display: none;
}

span.sticky-post {
  width: 16px;
  height: 16px;
  background: url("../../Common/thingworx/widgets/blog/images/sticky.png") no-repeat;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 4px;
}

/* === Begin: Enhanced Positioning === */

.flex-oca > .widget-flexcontainer > .widget-bounding-box.blog-bounding-box {
  display: flex;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-content.widget-blog,
.flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-content > .blog-summary,
.flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-content > .blog-summary > .blog-list {
  display: flex;
  flex: 1 1 auto;
  min-width: 350px;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-content > .blog-summary,
.flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-content > .blog-summary > .blog-list {
  flex-direction: column;
  position: relative;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-content > .blog-summary > .blog-list {
  top: 0;
}

/* === End: Enhanced Positioning === */

.widget-geotag-running {
  background: url("../../Common/thingworx/widgets/geotag/images/location-services-on.png") no-repeat center center;
  width: 64px;
  height: 28px;
  cursor: pointer;
}

.widget-geotag-stopped {
  display: block;
  background: url("../../Common/thingworx/widgets/geotag/images/location-services-off.png") no-repeat center center;
  width: 64px;
  height: 28px;
  cursor: pointer;
}

.widget-geotag-error {
  display: block;
  background: url("../../Common/thingworx/widgets/geotag/images/location-services-error.png") no-repeat center center;
  width: 64px;
  height: 28px;
  cursor: pointer;
}

.widget-wiki {
  overflow: hidden;
}

.widget-wiki .search-results .no-result {
  padding: 0 15px;
}

.widget-wiki-container {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.wiki-container {
  height: 100%;
  position: relative;
  max-width: 100%;
}

/*wiki nav hidden*/

div[wiki-with-toc="false"] .wiki-container {
  background: #fff;
  min-width: 400px;
}

div[wiki-with-toc="false"] .wiki-page-right {
  left: 10px;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

/*if wiki-with-toc="false"*/

div[wiki-with-toc="false"] .wiki-page-right {
  background: #fff;
  margin-left: 0px;
}

div[wiki-with-toc="false"] span.new-entry {
  display: none;
}

div[wiki-with-toc="false"] .new-entry {
  display: none;
}

div[wiki-with-toc="false"] #wiki-search-bar {
  display: none;
}

/*end wiki-with-toc="false"*/

.widget-wiki .wiki-header {
  height: 42px;
  width: 100%;
}

.widget-wiki .wiki-header h1 {
  margin: 0;
  padding: 0px 10px;
  font-size: 18px;
  font-weight: bold !important;
  line-height: 42px;
}

.widget-wiki .wiki-page-right {
  margin-left: 12px;
  top: 54px;
  position: absolute;
  right: 10px;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
  bottom: 10px;
}

.wiki-button {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0px 6px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-left: 2px;
}

.wiki-button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.wiki-button.tagPicker {
  padding: 0px;
  position: relative;
  top: 6px;
  margin-left: 0px;
}

.wiki-button.comment-tag-picker,
.wiki-button.search-tags {
  top: 0px;
}

/* search bar */

.widget-wiki #wiki-search-bar {
  height: 30px;
  padding-top: 6px;
  position: absolute;
  top: 0px;
  right: 6px;
}

.widget-wiki #wiki-search-bar .wiki-button {
  margin-left: 2px;
}

.widget-wiki #wiki-search-bar .search-btn {
  margin-left: 4px;
}

.widget-wiki .search-btn,
.widget-wiki .clear-search-btn {
  vertical-align: top;
}

.widget-wiki .search-box-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 150px;
  position: relative;
}

.widget-wiki #search-box {
  width: 140px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 28px;
  padding-left: 10px;
  font-size: 14px;
}

.widget-wiki #wiki-search-bar .search-tags {
  position: absolute;
  top: 3px;
  right: 20px;
}

.widget-wiki #wiki-search-bar .tag-picker {
  width: 24px;
  height: 24px;
  padding: 0px;
}

#wiki-page-editor-footer {
  height: 42px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0px 10px;
}

.widget-wiki .wiki-toolbar {
  height: 42px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0px 10px;
}

.widget-wiki .wiki-toolbar.show-meta-data {
  height: 54px;
}

.widget-wiki .wiki-toolbar .wiki-entry-source {
  padding-right: 2px;
}

.widget-wiki .page-title {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 42px;
  margin-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.widget-wiki .wiki-toolbar.show-meta-data .page-title {
  line-height: 32px;
}

.widget-wiki .page-title-buttons {
  float: right;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 2;
}

.widget-wiki .wiki-toolbar span {
  cursor: pointer;
  display: inline-block;
}

.widget-wiki .toolbar-center {
  float: left;
  height: 27px;
  line-height: 27px;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: #5f5f5f;
  position: relative;
  z-index: 20;
}

span.edit-entry-text {
  background: url("../../Common/thingworx/widgets/wiki/images/edit-icon.png") no-repeat left center;
  padding-left: 18px;
}

span.show-revision-history {
  visibility: visible;
  display: block;
  background: url("../../Common/thingworx/widgets/wiki/images/history-icon.png") no-repeat left center;
  width: 18px;
  height: 100%;
}

span.show-revision-history-button {
  position: relative;
  margin-left: 5px;
  display: inline-block;
  position: absolute;
}

.wiki-toolbar span.new-entry-text {
  background: url("../../Common/thingworx/widgets/wiki/images/add-arrow.png") no-repeat right 9px;
  padding-right: 16px;
}

.widget-wiki .delete-entry-text {
  background: url("../../Common/thingworx/widgets/wiki/images/delete-icon.png") no-repeat left center;
  padding-left: 18px;
}

.widget-wiki .edit-page-show-revision-history {
  background: url("../../Common/thingworx/widgets/wiki/images/history-icon.png") no-repeat left center;
}

.widget-wiki .new-entry-menu {
  background: #efefef;
  box-shadow: 2px 2px 8px #989898;
  -webkit-box-shadow: 2px 2px 8px #989898;
  -moz-box-shadow: 2px 2px 8px #989898;
  list-style: none;
  position: absolute;
  top: 35px;
  right: 6px;
  z-index: 999;
}

.widget-wiki .new-entry-menu li {
  cursor: pointer;
  padding-left: 6px;
}

.widget-wiki .new-entry-menu li:last-child {
  border-bottom: none;
}

.widget-wiki .new-entry-menu.hidden {
  display: none;
}

.widget-wiki .add-new-sibling {
  background: url("../../Common/thingworx/widgets/wiki/images/add-new-sibling.png") no-repeat left 5px;
  padding-left: 23px;
  height: 28px;
  line-height: 28px;
  display: block;
  padding-right: 10px;
}

.widget-wiki .add-new-child {
  background: url("../../Common/thingworx/widgets/wiki/images/add-new-child.png") no-repeat left 5px;
  padding-left: 23px;
  height: 28px;
  line-height: 28px;
  display: block;
  padding-right: 10px;
}

.widget-wiki #wiki-content-view {
  padding: 15px;
}

.page-title-wrapper {
  display: block;
  height: 20px;
  margin-bottom: 10px;
  margin-top: 20px;
}

.widget-wiki .page-scrolling-div {
  position: absolute;
  top: 42px;
  bottom: 42px;
  right: 0px;
  left: 0px;
  padding: 15px;
  overflow: auto;
}

.widget-wiki .page-content p {
  font-weight: normal !important;
  line-height: 18px;
  margin: 10px 0;
}

.widget-wiki .page-content b {
  font-weight: bold !important;
}

.widget-wiki .page-content i {
  font-style: italic !important;
}

.widget-wiki .page-content ul {
  list-style: inside;
}

.widget-wiki .page-content ol {
  list-style: inside;
  list-style-type: decimal;
}

.widget-wiki textarea {
  overflow-y: auto;
  resize: none;
  padding: 5px;
  width: calc(100% - 11px);
  height: calc(100% - 30px);
}

/*wiki page navigation*/

.wiki-page-navigation {
  font-size: 12px;
  position: absolute;
  overflow-y: auto;
  width: 240px;
  top: 43px;
  left: 0px;
  bottom: 0px;
}

.wiki-page-navigation ul {
  list-style: none;
  padding: 0 0 0px 15px;
}

.wiki-page-navigation .wiki-browse-pane-content > ul {
  padding: 15px 0 15px 15px;
}

.wiki-page-navigation li {
  cursor: pointer;
}

.wiki-page-navigation li span {
  padding: 0px 6px;
  padding: 6px 20px 6px 6px;
}

.wiki-page-navigation li.selected > span:first-child {
  background: #292929;
}

.wiki-page-navigation li.selected > span:first-child {
  color: #a7cdee;
}

.wiki-page-navigation li.selected span {
  padding: 6px 20px 6px 6px;
}

.wiki-page-navigation li.wiki-entry span {
  display: block;
}

.wiki-page-navigation li.wiki-entry span.has-children {
  background: url("../../Common/thingworx/widgets/wiki/images/toggle-has-children.png") no-repeat;
}

.wiki-page-navigation li.wiki-entry span.no-children {
  background: url("../../Common/thingworx/widgets/wiki/images/toggle-no-children.png") no-repeat;
}

.wiki-page-navigation li.wiki-entry span.close-children {
  background: url("../../Common/thingworx/widgets/wiki/images/toggle-close-children.png") no-repeat;
}

.wiki-page-navigation li.wiki-entry .icon {
  width: 16px;
  height: 16px;
  float: left;
  padding: 0;
}

.wiki-page-navigation li.wiki-entry span.wiki-entry-page-label {
  padding: 1px 0px 0px 20px;
  white-space: nowrap;
  height: 1.4em;
}

.add-new-page {
  display: block;
  margin: 15px;
  text-align: center;
  cursor: pointer;
}

.add-new-page-text {
  background: url("../../Common/thingworx/widgets/wiki/images/plus-icon.png") no-repeat left center;
  padding-left: 22px;
}

#wiki-external-links h3 {
  font-size: 16px;
  font-weight: bold;
}

#wiki-tags {
  font-size: 12px;
}

.page-content {
  white-space: pre-wrap;
  height: calc(100% - 42px);
}

#wiki-content-editor-view {
  height: calc(100% - 42px);
}

#wiki-page-content-container {
  height: calc(100% - 42px);
}

#wiki-page-title-container {
  display: block;
  position: relative;
  padding: 0px 10px;
  top: 5px;
  height: 42px;
}

#wiki-page-title-container table {
  width: 100%;
}

#wiki-page-title-container label {
  font-size: 14px;
  font-weight: bold;
}

#wiki-page-title-container input {
  width: 100%;
  height: 30px;
  border-radius: 4px;
  padding: 0px 6px;
  box-sizing: border-box;
  font-size: 14px;
}

#wiki-page-editor-buttons {
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 6px;
}

.page-history.hidden {
  display: none;
}

.edit-page-revision-history.hidden {
  display: none;
}

/*rate this article*/

.widget-wiki label.rate-this-article-label {
  padding-right: 4px;
  float: left;
}

.widget-wiki .star-rating {
  width: 65px;
  position: relative;
  background: url("../../Common/thingworx/widgets/wiki/images/star.png") top left repeat-x;
  float: left;
  height: 13px;
  list-style: none;
  margin-right: 6px;
  top: 8px;
}

.widget-wiki .star-rating li {
  padding: 0px;
  margin: 0px;
  float: left;
}

.widget-wiki .star-rating li a {
  display: block;
  width: 13px;
  height: 13px;
  text-decoration: none;
  text-indent: -9999px;
  z-index: 20;
  position: absolute;
  padding: 0;
}

.widget-wiki .star-rating li a:hover {
  background: url("../../Common/thingworx/widgets/wiki/images/star.png") left bottom;
  z-index: 1;
  left: 0px;
}

.widget-wiki .star-rating a.one-star {
  left: 0px;
}

.widget-wiki .star-rating a.one-star:hover {
  width: 13px;
}

.widget-wiki .star-rating a.two-stars {
  left: 13px;
}

.widget-wiki .star-rating a.two-stars:hover {
  width: 26px;
}

.widget-wiki .star-rating a.three-stars:hover {
  width: 39px;
}

.widget-wiki .star-rating a.three-stars {
  left: 26px;
}

.widget-wiki .star-rating a.four-stars {
  left: 39px;
}

.widget-wiki .star-rating a.four-stars:hover {
  width: 52px;
}

.widget-wiki .star-rating a.five-stars {
  left: 52px;
}

.widget-wiki .star-rating a.five-stars:hover {
  width: 65px;
}

.widget-wiki .confirm-rating {
  float: left;
}

.widget-wiki li.current-rating {
  background: url("../../Common/thingworx/widgets/wiki/images/star.png") left bottom;
  position: absolute;
  height: 13px;
  display: block;
  text-indent: -9999px;
  z-index: 1;
}

.widget-wiki .thanks-rating {
  font-size: 10px;
  font-style: italic;
}

/*comments*/

.post-editor[post-type="wikiComment"] {
  width: 100%;
  height: 250px;
  position: relative;
  margin: 10px 0;
  background-color: #ffffff;
  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);
  box-sizing: border-box;
}

.post-editor[post-type="wikiComment"] .post-editor-form #wiki-page-editor-footer {
  position: absolute;
  bottom: 0px;
  height: 42px;
}

.post-editor[post-type="wikiCommentOnComment"] {
  position: relative;
  height: 280px;
  margin-top: 15px;
}

.widget-wiki #wiki-comments {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 20px;
  padding: 10px 15px;
}

.widget-wiki .wiki-entry-comment-content {
  white-space: pre-wrap;
}

.widget-wiki .wiki-entry-comment-meta {
  margin-bottom: 5px;
}

.widget-wiki .comment-source {
  float: left;
}

.widget-wiki #wiki-comments [class*=" comment-level"] {
  margin-bottom: 10px;
  margin-left: 10px;
  border-top: 1px solid rgba(0,0,0,0.2);
}

.widget-wiki #wiki-comments .comment-level-1 {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-left: 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

.widget-wiki #wiki-comments .comment-level-1:last-child {
  border-bottom: none;
}

.widget-wiki #wiki-comments .comment-level-1 [class*="comment-level"]:last-child {
  padding-bottom: 0px;
}

.widget-wiki .reply-btn {
  float: right;
  font-size: 10px;
  cursor: pointer;
  height: 24px;
  line-height: 22px;
}

.widget-wiki .leave-comment-line {
  font-size: 12px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 5px 10px;
  line-height: 30px;
}

.widget-wiki .leave-comment-btn {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
}

.widget-wiki .leave-comment-btn.leave-comment-icon {
  display: none !important;
}

/*small-size class*/

.widget-wiki .leave-comment-btn.small-size {
  display: none !important;
}

.widget-wiki .leave-comment-icon.leave-comment-btn.small-size {
  display: block !important;
}

.widget-wiki .leave-comment-icon.leave-comment-btn.small-size .comment-icon {
  width: 16px;
  height: 100%;
  background: url("../../Common/thingworx/widgets/wiki/images/comment-icon.png") no-repeat center center;
  display: block;
  cursor: pointer;
}

/*star rating*/

.widget-wiki .divider {
  border-right: 1px solid #ffffff;
  background-color: #ddd;
  display: block;
  float: left;
  height: 30px;
  margin: 0 10px;
  width: 1px;
}

.widget-wiki .classification {
  width: 65px;
  height: 13px;
  margin-right: 6px;
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  top: 8px;
}

.widget-wiki .classification .cover {
  background: transparent url("../../Common/thingworx/widgets/wiki/images/article-empty-stars.png") top left no-repeat;
  width: 65px;
  height: 13px;
  position: absolute;
  top: 0;
}

.widget-wiki .classification .progress {
  background: transparent url("../../Common/thingworx/widgets/wiki/images/article-full-stars.png") top left no-repeat;
  height: 13px;
  position: absolute;
  top: 0;
  z-index: 20;
}

.widget-wiki .rating-count {
  text-align: right;
  font-size: 10px;
}

/*revision history*/

.widget-wiki .page-history,
.widget-wiki .edit-page-revision-history {
  margin-bottom: 20px;
  background: #fff;
}

.widget-wiki .page-history .revision-table {
  width: 100%;
  border-radius: 4px;
}

.widget-wiki .page-history .revision-table td {
  padding: 4px 8px;
}

.widget-wiki .page-history .revision-table td:last-child {
  border-right: none;
}

.widget-wiki .page-history .revision-table tr:last-child td {
  border-bottom: none;
}

.widget-wiki .page-history ul,
.widget-wiki .edit-page-revision-history ul {
  list-style: none;
  padding: 5px;
  line-height: 18px;
}

.widget-wiki li span.revision-content {
  color: #0b4e88;
  font-weight: bold;
}

.widget-wiki li span.revision-source {
  font-style: italic;
}

/*search-pane*/

.wiki-search-pane .back-to-browse-container {
  padding: 15px;
}

.wiki-search-pane .browse-btn {
  display: block;
  text-align: center;
}

.wiki-search-pane .browse-btn-text {
  background: url("../../Common/thingworx/widgets/wiki/images/back-to-browse.png") no-repeat;
  padding-left: 18px;
}

/*page tag picker*/

.widget-wiki .search-tags.wiki-button {
  padding: 0px;
}

.widget-wiki .tag-picker {
  background: url("../../Common/thingworx/widgets/wiki/images/Tags.png") no-repeat 4px center;
  width: 26px;
  height: 28px;
  padding: 0px;
}

.widget-wiki .tag-picker-btn {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: none;
  width: 100%;
  height: 100%;
  padding: 0px;
}

.widget-wiki .blog-tagpicker {
  position: absolute;
  left: 128px;
  top: 4px;
}

.widget-wiki .tag-picker span.tag-picker-btn-count {
  right: -8px;
}

.widget-wiki .tag-picker:hover {
  background: url("../../Common/thingworx/widgets/wiki/images/Tags-add.png") no-repeat 4px center;
}

.widget-wiki .tag-picker:hover .tag-picker-btn {
  background: none;
}

/*tags*/

.wiki-tag-container {
  margin: 10px 0 10px 0px;
  border: 1px solid #dedede;
  background: #efefef;
  padding: 8px;
}

.wiki-tags {
  color: #0b4e88;
  font-style: italic;
}

label.wiki-tag-label {
  padding-left: 18px;
  background: url("../../Common/thingworx/widgets/wiki/images/Tags.png") no-repeat center left;
  padding-top: 2px;
  padding-bottom: 2px;
}

/*wiki comment tags*/

.widget-wiki .wiki-comment-tags-container {
  margin: 3px 0 3px 0px;
  padding: 6px 3px 0px 3px;
  border-top: 1px solid #dedede;
}

.widget-wiki .wiki-comment-tags {
  color: #0b4e88;
  font-style: italic;
}

.widget-wiki label.wiki-comment-tags-label {
  padding-left: 18px;
  background: url("../../Common/thingworx/widgets/wiki/images/Tags.png") no-repeat center left;
  padding-top: 2px;
  padding-bottom: 2px;
}

/*post editor*/

.widget-wiki .post-editor {
  width: 100%;
  height: 250px;
  position: relative;
  margin: 10px 0;
  background-color: #ffffff;
  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);
  box-sizing: border-box;
  font-size: 12px;
}

.widget-wiki .post-editor h1 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #e1e1e1;
  padding: 6px;
  border-radius: 4px 4px 0px 0px;
}

.widget-wiki .post-editor-form {
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.widget-wiki .post-editor-title-label {
  font-size: 10px;
  display: block;
}

.widget-wiki .post-editor-title {
  width: 100%;
}

.widget-wiki .post-editor-text-label {
  font-size: 10px;
  display: block;
  margin-top: 8px;
}

.widget-wiki .post-editor-text {
  width: calc(100% - 11px);
  height: 150px;
}

.widget-wiki .post-editor-buttons {
  position: absolute;
  right: 10px;
}

.widget-wiki .clear-search-btn {
  background: url("../../Common/thingworx/widgets/wiki/images/clear.png") no-repeat center center;
  cursor: pointer;
  display: block;
  height: 16px;
  opacity: 0.25;
  position: absolute;
  right: 4px;
  top: 8px;
  width: 16px;
}

.widget-wiki blockquote {
  margin: 0 40px;
}

#tinyscrollbar-left {
  bottom: 10px;
  top: 77px;
  position: absolute;
  width: 200px;
}

#tinyscrollbar-left .viewport {
  width: 200px;
  height: 100%;
  overflow: hidden;
  position: relative;
}

#tinyscrollbar-left .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
}

#tinyscrollbar-left .thumb .end,
#tinyscrollbar-left .thumb {
  background: url("../../Common/thingworx/widgets/wiki/images/bg-scroll-bottom.png") no-repeat bottom center;
}

#tinyscrollbar-left .scrollbar {
  width: 40px;
  position: absolute;
  left: 208px;
  z-index: 999;
}

#tinyscrollbar-left .track {
  background: url("../../Common/thingworx/widgets/wiki/images/bg-scroll-track.jpg") repeat-y center;
  height: 100%;
  width: 40px;
  position: relative;
}

#tinyscrollbar-left .thumb {
  height: 20px;
  width: 40px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
}

#tinyscrollbar-left .thumb .end {
  background: url("../../Common/thingworx/widgets/wiki/images/bg-scroll-top.png") no-repeat center top;
  overflow: hidden;
  height: 30px;
  width: 40px;
}

#tinyscrollbar-left .disabled {
  display: none;
}

#tinyscrollbar-left .wiki-page-navigation .wiki-browse-pane-content > ul {
  padding-top: 0;
}

#tinyscrollbar-left .wiki-page-navigation {
  height: 100% !important;
}

#tinyscrollbar-right {
  bottom: 0px;
  top: 77px;
  right: 0;
  position: absolute;
  left: 251px;
}

#tinyscrollbar-right #wiki-content-view {
  padding: 0;
  position: relative;
  left: 20px;
}

#tinyscrollbar-right .wiki-page-right {
  overflow: visible;
  left: 0;
  top: 0;
  position: relative;
  padding-right: 60px;
}

#tinyscrollbar-right .viewport {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

#tinyscrollbar-right .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
}

#tinyscrollbar-right .thumb .end,
#tinyscrollbar-right .thumb {
  background: url("../../Common/thingworx/widgets/wiki/images/bg-scroll-bottom.png") no-repeat bottom center;
}

#tinyscrollbar-right .scrollbar {
  width: 40px;
  position: absolute;
  right: 0px;
  z-index: 999;
}

#tinyscrollbar-right .track {
  background: url("../../Common/thingworx/widgets/wiki/images/bg-scroll-track.jpg") repeat-y center;
  height: 100%;
  width: 40px;
  position: relative;
}

#tinyscrollbar-right .thumb {
  height: 20px;
  width: 40px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
}

#tinyscrollbar-right .thumb .end {
  background: url("../../Common/thingworx/widgets/wiki/images/bg-scroll-top.png") no-repeat center top;
  overflow: hidden;
  height: 30px;
  width: 40px;
}

#tinyscrollbar-right .disabled {
  display: none;
}

#tinyscrollbar-right .leave-comment-line {
  padding-bottom: 20px;
}

.flex-oca .widget-wiki,
.flex-oca .widget-wiki .wiki-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
}

.flex-oca .widget-wiki .wiki-page-right {
  left: 0;
  margin: 10px;
  min-width: 350px;
  position: relative;
  top: 0;
  width: 100%;
}

.flex-oca  .widget-wiki .wiki-content {
  display: flex;
  flex: 1 1 180px;
  flex-direction: row;
  height: 100%;
}

.flex-oca .widget-wiki #wiki-content-view {
  min-width: 280px;
}

.flex-oca .widget-wiki .wiki-page-navigation {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  min-width: 117px;
  position: relative;
  top: 0;
  width: auto;
}

.widget-numericentry-container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.widget-numericentry-container .input-bg-wrapper {
  display: block;
  height: 100%;
  padding: 0 2px;
}

.widget-numericentry-container.shadow .input-bg-wrapper {
  background: url("../../Common/thingworx/widgets/numericentry/images/input-shadow.png") repeat-x top center;
}

.widget-numericentry-container .widget-numericentry {
  background: none;
  border: none;
  color: #666;
  display: block;
  height: 100%;
  width: 100%;
}

.widget-numericentry-right {
  text-align: right;
}

.widget-numericentry-left {
  text-align: left;
}

.widget-numericentry-center {
  text-align: center;
}

.widget-numericentry:disabled {
  background: rgb(247, 247, 247);
  border-color: rgb(173, 181, 189);
}

/* main styles styles */

.dhtmlxcalendar_container {
  position: absolute;
  display: block;
  width: 188px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  z-index: 1999;
  color: black;
  font-size: 11px;
  font-family: Segoe UI, Arial, Sans Serif;
  /*background-image*/
}

div.dhtmlxcalendar_skin_cont {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.dhtmlxcalendar_container.dhtmlxcalendar_time_hidden {
  background-position: 0px -216px;
}

.dhtmlxcalendar_container ul.dhtmlxcalendar_line {
  position: relative;
  display: block;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 24px;
  overflow: hidden;
  width: 182px;
}

.dhtmlxcalendar_container ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,
.dhtmlxcalendar_container ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
  float: left;
  width: 26px;
  height: 24px;
  list-style-type: none;
  list-style-image: none;
  font-family: Segoe UI, Arial, Sans Serif;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 22px;
  cursor: default;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

/* months */

.dhtmlxcalendar_container div.dhtmlxcalendar_month_cont {
  position: relative;
  display: block;
  width: 182px;
  height: 24px;
  margin-top: 3px;
  margin-left: 3px;
  -moz-user-select: text;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
  width: 182px;
  background-position: 0px -24px;
  background-repeat: no-repeat;
  color: black;
  font-size: 11px;
  line-height: 24px;
  /*background-image*/
}

.dhtmlxcalendar_container div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
  position: absolute;
  top: 1px;
  width: 18px;
  height: 23px;
  text-align: center;
  color: black;
  background-position: center center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left {
  left: 4px;
  /*background-image*/
}

.dhtmlxcalendar_container div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
  left: 4px;
  /*background-image*/
}

.dhtmlxcalendar_container div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right {
  right: 4px;
  /*background-image*/
}

.dhtmlxcalendar_container div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
  right: 4px;
  /*background-image*/
}

.dhtmlxcalendar_container div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month {
  color: black;
  margin-right: 3px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
  color: black;
  margin-left: 2px;
}

/* days (Mo...Su) */

.dhtmlxcalendar_container div.dhtmlxcalendar_days_cont {
  position: relative;
  display: block;
  width: 182px;
  height: 19px;
  margin-left: 3px;
  -moz-user-select: text;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
  height: 19px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,
.dhtmlxcalendar_container div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
  height: 19px;
  line-height: 17px;
  color: black;
  background-repeat: no-repeat;
  /*background-image*/
}

/* default day of week cell */

.dhtmlxcalendar_container div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  background-position: -26px -48px;
}

/* default day of week cell in first position */

.dhtmlxcalendar_container div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
  background-position: 0px -48px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell {
  color: #C66200;
  background-position: -52px -48px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell_first {
  color: #C66200;
  background-position: -26px -105px;
}

/* dates (..1..31..) */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont {
  position: relative;
  display: block;
  width: 182px;
  height: 144px;
  margin-left: 3px;
  margin-bottom: 0px;
  -moz-user-select: none;
}

.dhtmlxcalendar_container.dhtmlxcalendar_time_hidden div.dhtmlxcalendar_dates_cont {
  margin-bottom: 3px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  color: #909090;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  /*background-image*/
}

/* another month */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell {
  background-position: 0px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend {
  background-position: 0px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date {
  background-position: -104px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend {
  background-position: -104px 0px;
}

/* another month disabled */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_dis {
  color: #e3e3e3;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_dis {
  color: #e3e3e3;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_dis {
  color: #e3e3e3;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_dis {
  color: #e3e3e3;
}

/* another month holiday */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday {
  color: red;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday {
  color: red;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday {
  color: red;
  background-position: -104px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday {
  color: red;
  background-position: -104px 0px;
}

/* another month holiday disabled */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_dis {
  color: #ffc3c3;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_dis {
  color: #ffc3c3;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_dis {
  color: #ffc3c3;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_dis {
  color: #ffc3c3;
}

/* another month hover */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_hover {
  background-position: -26px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_hover {
  background-position: -26px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_hover {
  background-position: -104px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_hover {
  background-position: -104px 0px;
}

/* another month holiday hover */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_hover {
  color: red;
  background-position: -26px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_hover {
  color: red;
  background-position: -26px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_hover {
  color: red;
  background-position: -104px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_hover {
  color: red;
  background-position: -104px 0px;
}

/* this month */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month {
  color: #000000;
  background-position: -52px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend {
  color: #c66200;
  background-position: -130px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date {
  color: #000000;
  background-position: -104px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend {
  color: #c66200;
  background-position: -104px 0px;
}

/* this month disabled */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_dis {
  color: #808080;
  background-position: 0px -100px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_dis {
  color: #808080;
  background-position: 0px -100px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_dis {
  color: #808080;
  background-position: 0px -100px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_dis {
  color: #808080;
  background-position: 0px -100px;
}

/* this month holiday */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday {
  color: red;
  background-position: -52px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday {
  color: red;
  background-position: -130px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday {
  color: red;
  background-position: -104px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday {
  color: red;
  background-position: -104px 0px;
}

/* this month holiday disabled */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_dis {
  color: red;
  background-position: 0px -100px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_dis {
  color: red;
  background-position: 0px -100px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_dis {
  color: red;
  background-position: 0px -100px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
  color: red;
  background-position: 0px -100px;
}

/* this month hover */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_hover {
  color: #000000;
  background-position: -78px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_hover {
  color: #c66200;
  background-position: -156px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_hover {
  color: #000000;
  background-position: -104px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_hover {
  color: #c66200;
  background-position: -104px 0px;
}

/* this month holiday hover */

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_hover {
  color: red;
  background-position: -78px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_hover {
  color: red;
  background-position: -156px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_hover {
  color: red;
  background-position: -104px 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
  color: red;
  background-position: -104px 0px;
}

/* time */

.dhtmlxcalendar_container div.dhtmlxcalendar_time_cont {
  position: relative;
  display: block;
  width: 182px;
  height: 24px;
  margin-left: 3px;
  margin-bottom: 3px;
  -moz-user-select: none;
}

.dhtmlxcalendar_container.dhtmlxcalendar_time_hidden div.dhtmlxcalendar_time_cont {
  display: none;
  height: 0px;
  margin-bottom: 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
  width: 182px;
  background-position: 0px -24px;
  background-repeat: no-repeat;
  color: black;
  font-size: 11px;
  line-height: 24px;
  /*background-image*/
}

.dhtmlxcalendar_container div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_label {
  position: absolute;
  height: 13px;
  width: 13px;
  left: 58px;
  top: 5px;
  background-position: 0px -87px;
  background-repeat: no-repeat;
  /*background-image*/
}

.dhtmlxcalendar_container div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,
.dhtmlxcalendar_container div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,
.dhtmlxcalendar_container div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
  font-size: 11px;
  font-family: Segoe UI, Arial, Sans Serif;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
  margin-left: 1px;
  margin-right: 1px;
}

/* selector cover */

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_cover {
  position: absolute;
  left: 3px;
  top: 27px;
  width: 182px;
  height: 163px;
  background-color: #c1c1c1;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}

/* selector */

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj {
  position: absolute;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
  position: absolute;
  bottom: auto;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 9px;
  background-position: center -69px;
  background-repeat: no-repeat;
  overflow: hidden;
  /*background-image*/
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
  border: 1px solid #c1c1c1;
  background-color: white;
  border-top: none;
  margin-top: 9px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
  width: 17px;
  text-align: center;
  border-bottom: 1px solid white;
  border-top: white 1px solid;
  border-left: white 1px solid;
  background-color: #f8f7f5;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: default;
  /*background-image*/
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
  border-top: white 1px solid;
  border-left: white 1px solid;
  cursor: default;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  width: 17px;
  text-align: center;
  background-color: #f8f7f5;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  border-top: 1px solid white;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: default;
  /*background-image*/
}

/* month */

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  display: none;
  width: 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
  display: block;
  clear: both;
  margin: 0px;
  padding: 0px;
  width: 96px;
  height: 21px;
  -moz-user-select: none;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  float: left;
  width: 32px;
  height: 21px;
  line-height: 19px;
  font-family: Segoe UI, Arial, Sans Serif;
  font-size: 10px;
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  background-position: -78px -48px;
  -moz-user-select: none;
  cursor: default;
  /*background-image*/
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell.dhtmlxcalendar_selector_cell_active {
  background-position: -142px -48px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell.dhtmlxcalendar_selector_cell_hover {
  background-position: -110px -48px;
}

/* hours, minutes */

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  display: none;
  width: 0px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
  top: auto;
  bottom: 0px;
  background-position: center -78px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
  margin-top: 0px;
  margin-bottom: 9px;
  border-top: 1px solid #C1C1C1;
  border-bottom: none;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
  width: 162px;
  height: 17px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
  width: 81px;
  height: 17px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  height: 17px;
  line-height: 15px;
  width: 27px;
  background-position: -83px -52px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell.dhtmlxcalendar_selector_cell_active,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell.dhtmlxcalendar_selector_cell_active {
  background-position: -147px -52px;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell.dhtmlxcalendar_selector_cell_hover,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell.dhtmlxcalendar_selector_cell_hover {
  background-position: -115px -52px;
}

/* selectors visibility */

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes {
  display: none;
}

.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_container div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes {
  display: block;
}

/*
Product Name: dhtmlxSuite 
Version: 5.1.0 
Edition: Professional 
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/

/*
	skin detected: dhx_skyblue
	include extra file: skins/dhx_skyblue.less
*/

.dhtmlxcalendar_ifr {
  position: absolute;
  overflow: hidden;
  background-color: white;
}

.dhtmlxcalendar_dhx_skyblue {
  position: absolute;
  display: block;
  background-color: white;
  font-family: Tahoma, Helvetica;
  font-size: 11px;
  color: black;
}

.dhtmlxcalendar_dhx_skyblue ul.dhtmlxcalendar_line {
  position: relative;
  display: block;
  clear: both;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  width: 211px;
}

.dhtmlxcalendar_dhx_skyblue ul.dhtmlxcalendar_line li {
  float: left;
  position: relative;
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  vertical-align: middle;
  cursor: default;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

.dhtmlxcalendar_dhx_skyblue.dhtmlxcalendar_in_input {
  box-shadow: 0 0 6px rgba(0,0,0,0.25);
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont {
  position: relative;
  display: block;
  width: 211px;
  height: 25px;
  margin: 0px;
  background-color: #e2efff;
  background: linear-gradient(#e2efff,#d3e7ff);
  background: -webkit-linear-gradient(#e2efff,#d3e7ff);
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  border: 1px solid #a4bed4;
  overflow: hidden;
  color: black;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
  width: 211px;
  height: 25px;
  line-height: 25px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
  position: absolute;
  top: 0;
  width: 18px;
  height: 25px;
  text-align: center;
  color: inherit;
  background-position: center center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left {
  left: 4px;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_skyblue/dhxcalendar_arrow_left.gif");
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
  left: 4px;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_skyblue/dhxcalendar_arrow_left.gif");
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right {
  right: 4px;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_skyblue/dhxcalendar_arrow_right.gif");
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
  right: 4px;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_skyblue/dhxcalendar_arrow_right.gif");
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
  position: relative;
  font-weight: bold;
  color: #34404b;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
  display: none;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
  float: right;
  margin-right: 8px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
  float: right;
  margin-right: 74px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
  float: right;
  margin-right: 8px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont {
  position: relative;
  display: block;
  width: 211px;
  margin: 0px;
  padding-bottom: 1px;
  border-left: 1px solid #a4bed4;
  border-right: 1px solid #a4bed4;
  border-bottom: 1px solid #cbd9e4;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  overflow: hidden;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
  border-top: 1px solid white;
  padding-left: 1px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
  width: 29px;
  height: 19px;
  line-height: 19px;
  margin-right: 1px;
  font-size: 9px;
  background-color: #ecf4ff;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell_first {
  color: #c66200;
  background-color: #ffe6ae;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont {
  position: relative;
  display: block;
  width: 211px;
  margin: 0px;
  padding-bottom: 1px;
  border-left: 1px solid #a4bed4;
  border-right: 1px solid #a4bed4;
  border-bottom: 1px solid #a4bed4;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
  border-top: 1px solid white;
  padding-left: 1px;
  height: 26px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
  color: #909090;
  background-color: white;
  border: 1px solid white;
  width: 27px;
  height: 24px;
  line-height: 23px;
  margin-right: 1px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
  width: 100%;
  height: 100%;
  text-align: center;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend {
  border-color: #cccccc;
  background-color: #f7f7f7;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_dis,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_dis,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_dis,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_dis {
  color: #b2b2b2;
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday {
  color: red;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday {
  color: red;
  border-color: #cccccc;
  background-color: #f7f7f7;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_dis,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_dis,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_dis,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_dis {
  color: red;
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_hover,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_hover,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_hover,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_hover {
  border-color: #cccccc;
  background-color: #f7f7f7;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_hover,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_hover,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_hover,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_hover {
  color: red;
  border-color: #cccccc;
  background-color: #f7f7f7;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month {
  color: black;
  background-color: #ecf4ff;
  border-color: #ecf4ff;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend {
  color: #c66200;
  background-color: #fff0d2;
  border-color: #fff0d2;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date {
  color: black;
  background-color: #b5deff;
  border-color: #a1ceed;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend {
  color: #c66200;
  background-color: #ffdc90;
  border-color: #ffce65;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_dis,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_dis,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_dis,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_dis {
  color: #b2b2b2;
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday {
  color: red;
  background-color: #ecf4ff;
  border-color: #ecf4ff;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday {
  color: red;
  background-color: #fff0d2;
  border-color: #fff0d2;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday {
  color: red;
  background-color: #b5deff;
  border-color: #a1ceed;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday {
  color: red;
  background-color: #ffdc90;
  border-color: #ffce65;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_dis,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_dis,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_dis,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
  color: red;
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_hover {
  color: black;
  background-color: #d9eeff;
  border-color: #a1ceed;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_hover {
  color: #c66200;
  background-color: #ffe9bb;
  border-color: #ffce65;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_hover {
  color: black;
  background-color: #b5deff;
  border-color: #a1ceed;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_hover {
  color: #c66200;
  background-color: #ffdc90;
  border-color: #ffce65;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_hover {
  color: red;
  background-color: #d9eeff;
  border-color: #a1ceed;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_hover {
  color: red;
  background-color: #ffe9bb;
  border-color: #ffce65;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_hover {
  color: red;
  background-color: #b5deff;
  border-color: #a1ceed;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
  color: red;
  background-color: #ffdc90;
  border-color: #ffce65;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line div.dhtmlxcalendar_label.dhtmlxcalendar_label_title {
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_skyblue/dhxcalendar_mark.gif");
  background-position: top right;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont {
  position: relative;
  display: block;
  width: 211px;
  height: 25px;
  margin: 0px;
  border-left: 1px solid #a4bed4;
  border-right: 1px solid #a4bed4;
  border-bottom: 1px solid #a4bed4;
  background-color: #e2efff;
  background: linear-gradient(#e2efff,#d3e7ff);
  background: -webkit-linear-gradient(#e2efff,#d3e7ff);
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li {
  width: 211px;
  height: 25px;
  line-height: 24px;
  color: #34404b;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
  text-align: left;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
  position: absolute;
  left: 8px;
  top: 6px;
  width: 13px;
  height: 13px;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_skyblue/dhxcalendar_clock.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
  margin-left: 26px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
  left: 70px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
  text-align: center;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
  margin-left: 0px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_img,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
  display: none;
}

.dhtmlxcalendar_dhx_skyblue span.dhtmlxcalendar_label_colon {
  padding: 0px 4px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_cover {
  position: absolute;
  left: 1px;
  background-color: white;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj {
  position: absolute;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
  position: absolute;
  bottom: auto;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 9px;
  overflow: hidden;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_skyblue/dhxcalendar_selector_top.gif");
  background-position: top center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow {
  background-position: -15px top;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow {
  background-position: -57px top;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
  background-position: -53px top;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
  border: 1px solid #a4bed4;
  background-color: white;
  border-top: none;
  margin-top: 9px;
  box-shadow: 0 0 3px rgba(0,0,0,0.35);
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
  width: 17px;
  text-align: center;
  border-top: 1px solid white;
  padding: 0px;
  margin: 0px;
  background-color: #ecf4ff;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_skyblue/dhxcalendar_arrow_left.gif");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: default;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_skyblue/dhxcalendar_arrow_left.gif");
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
  border-top: white 1px solid;
  border-width: 1px 0px 0px 0px;
  cursor: default;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  width: 17px;
  text-align: center;
  border-top: 1px solid white;
  border-width: 1px 0px 0px 0px;
  background-color: #ecf4ff;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_skyblue/dhxcalendar_arrow_right.gif");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: default;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_skyblue/dhxcalendar_arrow_right.gif");
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul {
  display: block;
  clear: both;
  margin: 0px 0px 0px 1px;
  padding: 0px;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li {
  float: left;
  font-family: Tahoma, Helvetica;
  font-size: 10px;
  color: black;
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  vertical-align: middle;
  margin: 0px 1px 0px 0px;
  padding: 0px;
  background-color: #e9f3ff;
  border: 1px solid #e9f3ff;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active {
  background-color: #b5deff;
  border-color: #a1ceed;
  color: black;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover {
  background-color: #d9eeff;
  border-color: #a1ceed;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  display: none;
  width: 0px;
  border: 0px solid white;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
  height: 22px;
  border-top: none;
  border-bottom: 1px solid white;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  width: 33px;
  height: 20px;
  line-height: 19px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
  top: auto;
  bottom: 0px;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_skyblue/dhxcalendar_selector_bottom.gif");
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
  height: 19px;
  border-top: none;
  border-bottom: 1px solid white;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  width: 21px;
  height: 17px;
  line-height: 16px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  display: none;
  width: 0px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
  margin-top: 0px;
  margin-bottom: 9px;
  border-top: 1px solid #a4bed4;
  border-bottom: none;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours2,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5 {
  display: none;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5 {
  display: block;
}

.dhtmlxcalendar_dhx_skyblue span.dhtmlxcalendar_label_minutes span.dhtmlxcalendar_selected_date {
  border-bottom: 2px solid red;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: none;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 26px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 24px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 26px;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: block;
  width: 21px;
  color: #638eb1;
  background-color: #d9eaff;
}

.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: block;
  width: 19px;
  color: #638eb1;
  background-color: #d9eaff;
  border-color: #d9eaff;
  font-size: 10px;
}

div.dhtmlxcalendar_skin_detect {
  position: absolute;
  display: block;
  visibility: hidden;
  left: -100px;
  top: 0px;
  width: 10px;
  height: 10px;
  margin: 0px;
  padding: 0px;
  border: none;
  overflow: hidden;
}

/*
Product Name: dhtmlxSuite 
Version: 5.1.0 
Edition: Professional 
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/

/*
	skin detected: dhx_web
	include extra file: skins/dhx_web.less
*/

.dhtmlxcalendar_dhx_web {
  position: absolute;
  display: block;
  background-color: #ffffff;
  font-family: Tahoma, Helvetica;
  font-size: 12px;
  color: #000000;
}

.dhtmlxcalendar_dhx_web.dhtmlxcalendar_in_input {
  box-shadow: 0 0 6px rgba(0,0,0,0.25);
}

.dhtmlxcalendar_ifr {
  position: absolute;
  overflow: hidden;
  background-color: white;
}

.dhtmlxcalendar_dhx_web ul.dhtmlxcalendar_line {
  position: relative;
  display: block;
  clear: both;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  width: 225px;
}

.dhtmlxcalendar_dhx_web ul.dhtmlxcalendar_line li {
  float: left;
  position: relative;
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  vertical-align: middle;
  cursor: default;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont {
  position: relative;
  display: block;
  width: 227px;
  height: 27px;
  margin: 0px;
  background-color: #3da0e3;
  overflow: hidden;
  color: #ffffff;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
  width: 227px;
  height: 27px;
  line-height: 27px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
  position: absolute;
  top: 0px;
  width: 18px;
  height: 27px;
  color: inherit;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left {
  left: 4px;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_web/dhxcalendar_arrow_left.gif");
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
  left: 4px;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_web/dhxcalendar_arrow_left.gif");
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right {
  right: 4px;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_web/dhxcalendar_arrow_right.gif");
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
  right: 4px;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_web/dhxcalendar_arrow_right.gif");
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
  position: relative;
  font-weight: bold;
  color: inherit;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
  display: none;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
  float: right;
  margin-right: 8px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
  float: right;
  margin-right: 74px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
  float: right;
  margin-right: 8px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
  float: right;
  margin-right: 11px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont {
  position: relative;
  display: block;
  width: 225px;
  margin: 0px;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  overflow: hidden;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
  height: 23px;
  background-color: #f4f4f4;
  border-bottom: 2px solid #3da0e3;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
  color: #000000;
  width: 31px;
  height: 23px;
  line-height: 23px;
  border-left: 1px solid #d5d5d5;
  background-color: #f4f4f4;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
  border-left: 1px solid #f4f4f4;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell {
  color: #f1586a;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell_first {
  color: #f1586a;
  border-left: 1px solid #f4f4f4;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont {
  position: relative;
  display: block;
  width: 225px;
  margin: 0px;
  padding-bottom: 1px;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  background-color: #ffffff;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
  border-top: 1px solid #ffffff;
  margin-left: 1px;
  margin-right: 1px;
  height: 26px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
  color: #909090;
  width: 31px;
  height: 26px;
  line-height: 26px;
  margin-right: 1px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
  width: 100%;
  height: 100%;
  text-align: center;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend {
  background-color: #d6d6d6;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_dis {
  color: #c4c4c4;
  background-color: #ededed;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday {
  color: #f1586a;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday {
  color: #f1586a;
  background-color: #d6d6d6;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_dis {
  color: #f1586a;
  background-color: #ededed;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_hover,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_hover,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_hover,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_hover {
  background-color: #d6d6d6;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_hover,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_hover,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_hover,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_hover {
  color: #f1586a;
  background-color: #d6d6d6;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month {
  color: #000000;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend {
  color: #f1586a;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date {
  color: #000000;
  background-color: #85d3ff;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend {
  color: #f1586a;
  background-color: #ffd1cc;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_dis {
  color: #c4c4c4;
  background-color: #ededed;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday {
  color: #f1586a;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday {
  color: #f1586a;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday {
  color: #f1586a;
  background-color: #ffd1cc;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday {
  color: #f1586a;
  background-color: #ffd1cc;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
  color: #f1586a;
  background-color: #ededed;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_hover {
  color: #000000;
  background-color: #c7ebff;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_hover {
  color: #f1586a;
  background-color: #ffe7e4;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_hover {
  color: #000000;
  background-color: #85d3ff;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_hover {
  color: #f1586a;
  background-color: #ffd1cc;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_hover {
  color: #f1586a;
  background-color: #ffe7e4;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_hover {
  color: #f1586a;
  background-color: #ffe7e4;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_hover {
  color: #f1586a;
  background-color: #ffd1cc;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
  color: #f1586a;
  background-color: #ffd1cc;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line div.dhtmlxcalendar_label.dhtmlxcalendar_label_title {
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_web/dhxcalendar_mark.gif");
  background-position: top right;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont {
  position: relative;
  display: block;
  width: 227px;
  height: 27px;
  margin-top: -1px;
  background-color: #3da0e3;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #ffffff;
  overflow: hidden;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li {
  width: 227px;
  height: 27px;
  line-height: 25px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
  text-align: left;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
  position: absolute;
  left: 11px;
  top: 7px;
  width: 13px;
  height: 13px;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_web/dhxcalendar_clock.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
  margin-left: 30px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
  left: 75px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
  text-align: center;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
  margin-left: 0px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_img,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
  display: none;
}

.dhtmlxcalendar_dhx_web span.dhtmlxcalendar_label_colon {
  padding: 0px 4px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_cover {
  position: absolute;
  left: 1px;
  background-color: white;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj {
  position: absolute;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
  position: absolute;
  bottom: auto;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 9px;
  overflow: hidden;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_web/dhxcalendar_selector_top.gif");
  background-position: top center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow {
  background-position: -13px top;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow {
  background-position: -53px top;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
  background-position: -51px top;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
  border: 1px solid #c7c7c7;
  background-color: white;
  border-top: none;
  margin-top: 9px;
  box-shadow: 0 0 3px rgba(0,0,0,0.35);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
  width: 17px;
  text-align: center;
  border-top: white 1px solid;
  padding: 0px;
  margin: 0px;
  background-color: #ededed;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_web/dhxcalendar_arrow_left2.gif");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: default;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_web/dhxcalendar_arrow_left2.gif");
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
  border-top: 1px solid white;
  border-width: 1px 0px 0px 0px;
  cursor: default;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  width: 17px;
  text-align: center;
  border-top: 1px solid white;
  border-width: 1px 0px 0px 0px;
  background-color: #ededed;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_web/dhxcalendar_arrow_right2.gif");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: default;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_web/dhxcalendar_arrow_right2.gif");
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul {
  display: block;
  clear: both;
  margin: 0px 0px 0px 1px;
  padding: 0px;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li {
  float: left;
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  vertical-align: middle;
  margin: 0px 1px 0px 0px;
  padding: 0px;
  background-color: #ededed;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  font-family: Tahoma, Helvetica;
  font-size: 11px;
  color: #000000;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active {
  background-color: #85d3ff;
  color: #000000;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover {
  background-color: #c7ebff;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  display: none;
  width: 0px;
  border: 0px solid white;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
  height: 24px;
  border-top: none;
  border-bottom: 1px solid white;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  width: 35px;
  height: 24px;
  line-height: 24px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
  top: auto;
  bottom: 0px;
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhxcalendar_web/dhxcalendar_selector_bottom.gif");
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
  height: 22px;
  border-top: none;
  border-bottom: 1px solid white;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  width: 24px;
  height: 22px;
  line-height: 22px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  display: none;
  width: 0px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
  margin-top: 0px;
  margin-bottom: 9px;
  border-top: 1px solid #c7c7c7;
  border-bottom: none;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours2,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5 {
  display: none;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5 {
  display: block;
}

.dhtmlxcalendar_dhx_web span.dhtmlxcalendar_label_minutes span.dhtmlxcalendar_selected_date {
  border-bottom: 2px solid red;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: none;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 27px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 27px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 27px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: block;
  width: 27px;
  color: #3da0e3;
  background-color: #f4f4f4;
  border-left: 1px solid #f4f4f4;
  border-right: 1px solid #d5d5d5;
  margin-right: 0px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: block;
  width: 27px;
  color: #3da0e3;
  background-color: #f4f4f4;
}

div.dhtmlxcalendar_skin_detect {
  position: absolute;
  display: block;
  visibility: hidden;
  left: -100px;
  top: 0px;
  width: 20px;
  height: 10px;
  margin: 0px;
  padding: 0px;
  border: none;
  overflow: hidden;
}

/* Omega skin */

.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega {
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhtmlxcalendar_omega/bg_main.png");
}

.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_label,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhtmlxcalendar_omega/bg_days.png");
}

.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhtmlxcalendar_omega/arrow_left.png");
}

.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhtmlxcalendar_omega/arrow_left_hover.png");
}

.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhtmlxcalendar_omega/arrow_right.png");
}

.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
  background-image: url("../../../vendors/dhtmlxCalendar/imgs/dhtmlxcalendar_omega/arrow_right_hover.png");
}

.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_hover,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_hover {
  color: #d06700;
}

.datetimepicker-container {
  cursor: pointer;
  overflow: hidden;
  border-radius: 6px;
}

.datetimepicker-inner {
  border-radius: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
}

input.widget-datetimepicker {
  background: url("../../Common/thingworx/widgets/datetimepicker/images/datetimepicker-input-bg.png") no-repeat 6px center;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  line-height: 26px;
  padding-left: 28px;
  width: 100%;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

input.hasDatepicker::-ms-clear {
  display: none;
}

#ui-datepicker-div {
  width: auto;
  display: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px;
  box-shadow: 1px 2px 3px #dddddd;
  margin-top: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#ui-datepicker-div:after,
#ui-datepicker-div:before {
  bottom: 100%;
  left: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#ui-datepicker-div:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}

#ui-datepicker-div:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #cccccc;
  border-width: 9px;
  margin-left: -9px;
}

.ui-datepicker {
  z-index: 5000 !important;
  position: relative;
}

.ui-datepicker .ui-widget-header {
  background: #fff !important;
  font-size: 10px;
  border-bottom: 1px solid #dedede;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 8px;
}

#ui-datepicker-div .ui-datepicker-prev {
  left: 8px;
}

#ui-datepicker-div .ui-datepicker-next {
  right: 8px;
}

#ui-datepicker-div .ui-datepicker-title {
  font-size: 14px;
  line-height: inherit;
}

#ui-datepicker-div .ui-datepicker-year {
  width: auto;
}

.ui-datepicker .ui-icon-circle-triangle-w {
  background: url("../../Common/thingworx/widgets/datetimepicker/images/arrow-left.png") no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.ui-datepicker .ui-icon-circle-triangle-e {
  background: url("../../Common/thingworx/widgets/datetimepicker/images/arrow-right.png") no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.ui-datepicker table.ui-datepicker-calendar {
  /*width: 240px;*/
  width: auto;
  display: block;
}

.ui-datepicker table.ui-datepicker-calendar th {
  padding: 2px;
  font-weight: normal;
  font-size: 14px;
  width: 26px;
}

.ui-datepicker-calendar {
  border-collapse: collapse;
}

.ui-datepicker-calendar td {
  padding: 0px;
}

.ui-datepicker-calendar td a {
  margin-bottom: 1px;
  margin-right: 1px;
}

.ui-datepicker-calendar td a {
  text-align: center;
}

.ui-datepicker-calendar .ui-state-default {
  border: 1px solid #dedede;
  font-size: 14px;
  background: #fff;
  display: block;
}

.ui-datepicker-calendar .ui-state-highlight {
  background: #e4f3ff;
  height: auto;
  line-height: inherit;
}

.ui-datepicker-calendar .ui-state-active {
  background: #0088cc;
  color: #fff;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background: #f2f2f2;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: -8px;
  border-radius: 0px 0px 6px 6px;
  text-align: right;
  border-top: 1px solid #ccc;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  margin-right: 2px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#ui_tpicker_hour_input {
  width: 42px;
  border: 1px solid #cbcbcb;
  font-size: 24px;
  color: #222222;
  padding: 4px;
  text-align: center;
}

#ui_tpicker_minute_input {
  width: 42px;
  border: 1px solid #cbcbcb;
  font-size: 24px;
  color: #222222;
  padding: 4px;
  text-align: center;
}

#ui_tpicker_second_input {
  width: 42px;
  border: 1px solid #cbcbcb;
  font-size: 24px;
  color: #222222;
  padding: 4px;
  text-align: center;
}

.ui-datepicker #ui-timepicker-div td {
  padding: 0px !important;
  text-align: center;
}

#ui-timepicker-div {
  display: block;
  vertical-align: top;
  width: 200px;
  margin: auto;
}

.ui-datepicker.dateOnly #ui-timepicker-div {
  width: 0px;
  margin-left: 0px;
}

#ui-timepicker-div #ui_tpicker_time_label {
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #dedede;
  padding-bottom: 4px;
  margin-bottom: 6px;
}

.ui-datepicker-buttonpane .ui-state-default {
  border: none;
  background: none;
}

.ui-datepicker-calendar .ui-state-default.ui-state-hover.ui-state-active {
  background: #52a9ef;
}

.ui-datepicker-calendar .ui-state-default.ui-state-hover {
  background: #f2f2f2;
}

.ui-datepicker-buttonpane .ui-priority-secondary {
  opacity: 1.0;
}

.ui-datepicker-buttonpane button.ui-datepicker-close {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.ui-datepicker .touch-btn-area {
  height: 30px;
  text-align: center;
  cursor: pointer;
}

.ui-datepicker .touch-btn-area img {
  display: inline-block;
  vertical-align: middle;
  padding-top: 7px;
}

.ui-datepicker .ui-datepicker-clear {
  left: 2px;
  position: absolute;
}

.widget-maskedtextbox {
  background: none;
  box-sizing: border-box;
  color: #666;
  border: none;
  height: 100%;
  padding: 0px 4px;
  width: 100%;
}

.widget-maskedtextbox-container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.widget-maskedtextbox-container.shadow table {
  background: url("../../Common/thingworx/widgets/maskedtextbox/images/input-shadow.png") repeat-x left top;
}

.widget-maskedtextbox-right,
.widget-maskedtextbox-Right {
  text-align: right;
}

.widget-maskedtextbox-left {
  text-align: left;
}

.widget-maskedtextbox-center {
  text-align: center;
}

.widget-tabs .tab-content {
  position: absolute;
  left: 0;
  right: 3px;
}

.back-scroll-btn.enabled {
  box-shadow: 0px 2px 3px gray;
  -webkit-box-shadow: 0px 2px 3px gray;
  -moz-box-shadow: 0px 2px 3px gray;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.next-scroll-btn.enabled {
  box-shadow: 0px 2px 3px gray;
  -webkit-box-shadow: 0px 2px 3px gray;
  -moz-box-shadow: 0px 2px 3px gray;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.tab-content-tabs {
  /*position:absolute;*/
  display: inline-block;
  overflow: hidden;
}

.tab-viewport {
  position: absolute;
  overflow: hidden;
}

.tab-viewport-fill {
  overflow: hidden;
}

.tab-slider {
  position: absolute;
}

.widget-tabs .tab-content-tabs-tab {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
}

.widget-tabs .tab-image {
  margin-right: 5px;
  vertical-align: middle;
}

.widget-tabs .tab-back-image,
.tab-next-image {
  margin-right: 0;
  vertical-align: middle;
}

.widget-tabs .tab-text {
  border-bottom: none;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width:0\0) {
  .widget-tabs .tab-text {
    top: -1px;
  }
}

@-moz-document url-prefix()  {
  .pc .widget-tabs .tab-text {
    top: -1px;
  }
}

.widget-tabs .tab-content-table-wrapper {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: none !important;
  display: inline-block;
  overflow: hidden;
  padding: 0 10px;
  vertical-align: text-top;
  white-space: nowrap;
}

.widget-tabs .tab-container-background-wrapper {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.widget-tabs .tab-content-tabs-tab.selected {
  cursor: default;
  /*display:inline-block;*/
}

.widget-tabs .tab-content-tabs-tab.selected .tab-text {
  cursor: default;
}

.widget-tabs .roundedCorners .tab-content-tabs-tab {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  overflow: hidden;
}

.widget-tabs .roundedCorners .tab-content-table-wrapper {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.widget-tabs .defaultCorners .tab-content-tabs-tab {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.widget-tabs .defaultCorners .tab-content-table-wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.widget-tabs .roundedCorners .tab-container-background-wrapper {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 0;
  overflow: hidden;
}

.no-flex-wrap[class*="flex-row"].stretch > .widget-bounding-box .widget-tabs.widget-container {
  height: 100% !important;
}

div.widget-divider {
  background: #000;
  display: block;
}

.widget-webframe-container {
  border: 1px solid #9a9fa6;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
}

.widget-webframe-frame {
  border: none;
}

.mac-mobile .widget-webframe-container {
  overflow: auto;
}

.flex-oca .widget-webframe-container {
  height: 100%;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-shape-container {
  height: inherit;
  overflow: hidden;
}

.flex-oca .widget-shape-container svg {
  position: relative !important;
}

.widget-shape-container svg {
  position: absolute !important;
  top: 0;
  left: 0;
}

.base-type-ANYSCALAR {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 0 no-repeat;
}

.base-type-ANYSCALAR-dims {
  width: 16px;
  height: 16px;
}

.base-type-APPLICATIONKEYNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 1.4285714285714286% no-repeat;
}

.base-type-APPLICATIONKEYNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-BASETYPENAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 2.857142857142857% no-repeat;
}

.base-type-BASETYPENAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-BLOB {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 4.285714285714286% no-repeat;
}

.base-type-BLOB-dims {
  width: 16px;
  height: 16px;
}

.base-type-BLOG {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 5.714285714285714% no-repeat;
}

.base-type-BLOG-dims {
  width: 16px;
  height: 16px;
}

.base-type-BOOLEAN {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 7.142857142857143% no-repeat;
}

.base-type-BOOLEAN-dims {
  width: 16px;
  height: 16px;
}

.base-type-BOUND {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 8.571428571428571% no-repeat;
}

.base-type-BOUND-dims {
  width: 16px;
  height: 16px;
}

.base-type-DASHBOARDNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 10% no-repeat;
}

.base-type-DASHBOARDNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-DATASHAPENAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 11.428571428571429% no-repeat;
}

.base-type-DATASHAPENAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-DATATAGS {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 12.857142857142858% no-repeat;
}

.base-type-DATATAGS-dims {
  width: 16px;
  height: 16px;
}

.base-type-DATATAGVOCABULARYNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 14.285714285714286% no-repeat;
}

.base-type-DATATAGVOCABULARYNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-DATETIME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 15.714285714285714% no-repeat;
}

.base-type-DATETIME-dims {
  width: 16px;
  height: 16px;
}

.base-type-DERIVED {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 17.142857142857142% no-repeat;
}

.base-type-DERIVED-dims {
  width: 16px;
  height: 16px;
}

.base-type-ENTITYNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 18.571428571428573% no-repeat;
}

.base-type-ENTITYNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-FIELDNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 20% no-repeat;
}

.base-type-FIELDNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-GROUPNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 21.428571428571427% no-repeat;
}

.base-type-GROUPNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-GUID {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 22.857142857142858% no-repeat;
}

.base-type-GUID-dims {
  width: 16px;
  height: 16px;
}

.base-type-HTML {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 24.285714285714285% no-repeat;
}

.base-type-HTML-dims {
  width: 16px;
  height: 16px;
}

.base-type-HYPERLINK {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 25.714285714285715% no-repeat;
}

.base-type-HYPERLINK-dims {
  width: 16px;
  height: 16px;
}

.base-type-IMAGE {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 27.142857142857142% no-repeat;
}

.base-type-IMAGE-dims {
  width: 16px;
  height: 16px;
}

.base-type-IMAGELINK {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 28.571428571428573% no-repeat;
}

.base-type-IMAGELINK-dims {
  width: 16px;
  height: 16px;
}

.base-type-INFOTABLE {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 30% no-repeat;
}

.base-type-INFOTABLE-dims {
  width: 16px;
  height: 16px;
}

.base-type-INTEGER {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 31.428571428571427% no-repeat;
}

.base-type-INTEGER-dims {
  width: 16px;
  height: 16px;
}

.base-type-JSON {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 32.857142857142854% no-repeat;
}

.base-type-JSON-dims {
  width: 16px;
  height: 16px;
}

.base-type-LOCALIZATION-TOKEN {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 34.285714285714285% no-repeat;
}

.base-type-LOCALIZATION-TOKEN-dims {
  width: 16px;
  height: 16px;
}

.base-type-LOCALIZATIONTABLENAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 35.714285714285715% no-repeat;
}

.base-type-LOCALIZATIONTABLENAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-LOCATION {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 37.142857142857146% no-repeat;
}

.base-type-LOCATION-dims {
  width: 16px;
  height: 16px;
}

.base-type-LONG {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 38.57142857142857% no-repeat;
}

.base-type-LONG-dims {
  width: 16px;
  height: 16px;
}

.base-type-MASHUPNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 40% no-repeat;
}

.base-type-MASHUPNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-MEDIAENTITYNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 41.42857142857143% no-repeat;
}

.base-type-MEDIAENTITYNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-MENUNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 42.857142857142854% no-repeat;
}

.base-type-MENUNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-MODELTAGS {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 44.285714285714285% no-repeat;
}

.base-type-MODELTAGS-dims {
  width: 16px;
  height: 16px;
}

.base-type-MODELTAGVOCABULARYNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 45.714285714285715% no-repeat;
}

.base-type-MODELTAGVOCABULARYNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-NETWORKNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 47.142857142857146% no-repeat;
}

.base-type-NETWORKNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-NOTHING {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 48.57142857142857% no-repeat;
}

.base-type-NOTHING-dims {
  width: 16px;
  height: 16px;
}

.base-type-NOTIFICATIONCONTENTNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 50% no-repeat;
}

.base-type-NOTIFICATIONCONTENTNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-NOTIFICATIONDEFINITIONNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 51.42857142857143% no-repeat;
}

.base-type-NOTIFICATIONDEFINITIONNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-NUMBER {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 52.857142857142854% no-repeat;
}

.base-type-NUMBER-dims {
  width: 16px;
  height: 16px;
}

.base-type-ORGANIZATIONNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 54.285714285714285% no-repeat;
}

.base-type-ORGANIZATIONNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-PASSWORD {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 55.714285714285715% no-repeat;
}

.base-type-PASSWORD-dims {
  width: 16px;
  height: 16px;
}

.base-type-PERSISTENCEPROVIDERNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 57.142857142857146% no-repeat;
}

.base-type-PERSISTENCEPROVIDERNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-PERSISTENCEPROVIDERPACKAGENAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 58.57142857142857% no-repeat;
}

.base-type-PERSISTENCEPROVIDERPACKAGENAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-PROJECTNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 60% no-repeat;
}

.base-type-PROJECTNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-QUERY {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 61.42857142857143% no-repeat;
}

.base-type-QUERY-dims {
  width: 16px;
  height: 16px;
}

.base-type-REMOTE {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 62.857142857142854% no-repeat;
}

.base-type-REMOTE-dims {
  width: 16px;
  height: 16px;
}

.base-type-SCHEDULE {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 64.28571428571429% no-repeat;
}

.base-type-SCHEDULE-dims {
  width: 16px;
  height: 16px;
}

.base-type-STATEDEFINITION {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 65.71428571428571% no-repeat;
}

.base-type-STATEDEFINITION-dims {
  width: 16px;
  height: 16px;
}

.base-type-STATEDEFINITIONNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 67.14285714285714% no-repeat;
}

.base-type-STATEDEFINITIONNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-STRING {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 68.57142857142857% no-repeat;
}

.base-type-STRING-dims {
  width: 16px;
  height: 16px;
}

.base-type-STYLECSSRECTSIZE {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 70% no-repeat;
}

.base-type-STYLECSSRECTSIZE-dims {
  width: 16px;
  height: 16px;
}

.base-type-STYLEDEFINITION {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 71.42857142857143% no-repeat;
}

.base-type-STYLEDEFINITION-dims {
  width: 16px;
  height: 16px;
}

.base-type-STYLEDEFINITIONNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 72.85714285714286% no-repeat;
}

.base-type-STYLEDEFINITIONNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-STYLETHEMENAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 74.28571428571429% no-repeat;
}

.base-type-STYLETHEMENAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-TAGS {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 75.71428571428571% no-repeat;
}

.base-type-TAGS-dims {
  width: 16px;
  height: 16px;
}

.base-type-TARGETNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 77.14285714285714% no-repeat;
}

.base-type-TARGETNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-TEXT {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 78.57142857142857% no-repeat;
}

.base-type-TEXT-dims {
  width: 16px;
  height: 16px;
}

.base-type-THINGCODE {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 80% no-repeat;
}

.base-type-THINGCODE-dims {
  width: 16px;
  height: 16px;
}

.base-type-THINGGROUPNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 81.42857142857143% no-repeat;
}

.base-type-THINGGROUPNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-THINGNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 82.85714285714286% no-repeat;
}

.base-type-THINGNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-THINGSHAPENAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 84.28571428571429% no-repeat;
}

.base-type-THINGSHAPENAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-THINGTEMPLATENAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 85.71428571428571% no-repeat;
}

.base-type-THINGTEMPLATENAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-TIMESPAN {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 87.14285714285714% no-repeat;
}

.base-type-TIMESPAN-dims {
  width: 16px;
  height: 16px;
}

.base-type-USERNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 88.57142857142857% no-repeat;
}

.base-type-USERNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-VALUES {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 90% no-repeat;
}

.base-type-VALUES-dims {
  width: 16px;
  height: 16px;
}

.base-type-VARIANT {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 91.42857142857143% no-repeat;
}

.base-type-VARIANT-dims {
  width: 16px;
  height: 16px;
}

.base-type-VEC2 {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 92.85714285714286% no-repeat;
}

.base-type-VEC2-dims {
  width: 16px;
  height: 16px;
}

.base-type-VEC3 {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 94.28571428571429% no-repeat;
}

.base-type-VEC3-dims {
  width: 16px;
  height: 16px;
}

.base-type-VEC4 {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 95.71428571428571% no-repeat;
}

.base-type-VEC4-dims {
  width: 16px;
  height: 16px;
}

.base-type-VOCABULARYNAME {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 97.14285714285714% no-repeat;
}

.base-type-VOCABULARYNAME-dims {
  width: 16px;
  height: 16px;
}

.base-type-WIKI {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 98.57142857142857% no-repeat;
}

.base-type-WIKI-dims {
  width: 16px;
  height: 16px;
}

.base-type-XML {
  background: url("../../Common/resources/base-type/css/svg/sprite-9.7.2.css.svg") 0 100% no-repeat;
}

.base-type-XML-dims {
  width: 16px;
  height: 16px;
}

.twActiveFiltersBar {
  border-radius: 7px;
  left: 4px;
  top: 28px;
  margin-top: -2px;
  z-index: 15001;
}

.twActiveFiltersBar select,
.twActiveFiltersBar input {
  color: #444;
  font-size: 11px;
  padding: 1px 2px;
  position: relative;
}

.twActiveFiltersBar div.tag-picker {
  top: -4px;
}

.filterBarBeforePopup {
  z-index: 15000;
}

.twActiveFiltersBar .results-filter-item {
  background: #fff;
  border: 1px solid #bebebe;
  cursor: pointer;
  min-height: 16px;
  padding: 3px 0;
  position: relative;
}

.twActiveFiltersBar .results-filter-item-horizontal {
  display: inline-block;
  margin: 0.8em 1em 0 0;
}

.twActiveFiltersBar .filter-item-value {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-overflow-ellipsis: '...';
  vertical-align: -5px;
}

.twActiveFiltersBar .results-filter-item.editing {
  background: #fff;
  border: 1px solid #bebebe;
  min-width: 690px;
  padding-bottom: 0;
  margin-top: -1px;
}

.twActiveFiltersBar .active-filters-bar-header,
.focusDisplay {
  height: 24px;
  line-height: 22px;
  color: #fff;
  position: relative;
  border-radius: 5px;
  border: 1px solid #000;
  margin-top: 1px;
}

.focusDisplay {
  border: 0 solid #000;
}

.twActiveFiltersBar .active-filters {
  box-shadow: 1px 2px 3px #ccc;
  margin: 0 4px 0 4px;
}

.twActiveFiltersBar .active-filters-horizontal {
  box-shadow: none;
}

.twActiveFiltersBar.active-filters-bar {
  position: absolute;
  min-width: 276px;
}

.twActiveFiltersBar .active-filters-dropdown {
  background: url("../../Common/thingworx/widgets/datafilter/images/bg-btn-collapse.png") bottom left;
  display: inline-block;
  height: 15px;
  margin-right: 8px;
  position: relative;
  top: 4px;
  width: 15px;
}

.twActiveFiltersBar .hide-filters,
.twActiveFiltersBar .show-filters {
  background: url("../../Common/thingworx/widgets/datafilter/images/bg-btn-collapse.png") left top;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  width: 15px;
}

.twActiveFiltersBar .show-filters {
  background: url("../../Common/thingworx/widgets/datafilter/images/bg-btn-collapse.png") left center;
}

.twActiveFiltersBar .active-filter-display {
  display: inline-block;
  margin-right: 10px;
}

.twActiveFiltersBar .results-filter-item:hover {
  background: #d9e9fe;
}

.twActiveFiltersBar .filter-fieldName {
  color: #666;
  display: inline-block;
  margin-right: 10px;
  max-width: 370px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.twActiveFiltersBar .filter-twFilter-options-container {
  min-height: 24px;
  padding: 2px 0;
}

.filter-twFilter-base-type {
  align-items: center;
  display: inline-flex;
  margin-left: 30px;
  vertical-align: middle;
}

.twActiveFiltersBar .filter-twFilter-options-container input,
.twActiveFiltersBar .filter-twFilter-options-container select {
  margin-right: 2px;
}

.active-filter-display .select-filter-type {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 2px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url("../../Common/thingworx/widgets/datafilter/images/chevron.png"), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-position: 98% center;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  margin: 1px 0 0 2px;
  overflow: hidden;
  padding: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 52px;
  top: 0px;
}

.twActiveFiltersBar .filter-twFilter-savecancel {
  background: #f2f2f2;
  border-top: 1px solid #d2d2d5;
  clear: both;
  padding: 5px 10px;
}

.twActiveFiltersBar .results-filter-item .toggle-filter-item {
  background: url("../../Common/thingworx/widgets/datafilter/images/icon-check.png") no-repeat center center;
  border: 2px solid #ababab;
  border-radius: 4px;
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  top: 4px;
  left: 10px;
  cursor: pointer;
}

.twActiveFiltersBar .results-filter-item.editing .toggle-filter-item {
  top: 7px;
}

.twActiveFiltersBar .results-filter-item.disabled .toggle-filter-item {
  background: none;
}

.twActiveFiltersBar .filter-editing-value {
  color: #666;
  margin-left: 4px;
}

.twActiveFiltersBar .filter-editing-operator {
  color: #666;
  margin-left: 4px;
}

.twActiveFiltersBar .filter-item-description {
  color: #666;
  padding-left: 35px;
  padding-right: 45px;
}

.twActiveFiltersBar .filter-item-description span {
  line-height: 18px;
}

.twActiveFiltersBar .filter-item-operator,
.twActiveFiltersBar .second-operand {
  font-style: italic;
}

.twActiveFiltersBar .second-operand {
  display: inline-block;
}

.twActiveFiltersBar .filter-item-description > [class^="base-type"],
.category-scroller-container-filter [class^="base-type"],
.filter-twFilter-base-type > [class^="base-type"] {
  display: inline-block;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
  width: 16px;
}

.twActiveFiltersBar .remove-filter-item {
  position: absolute;
  top: 8px;
  right: 5px;
  background: url("../../Common/thingworx/widgets/datafilter/images/cancel.png") no-repeat left center;
  cursor: pointer;
  width: 16px;
  height: 16px;
  display: block;
}

.widget-content .widget-datafilter {
  overflow: visible;
}

.widget-datafilter .active-filter-bar-container .toc-item-filter {
  /*background: url(images/bg-btn-add.png) repeat-x;*/
  background: #45484d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(top, #45484d 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  right: 4px;
  line-height: 24px;
  position: absolute;
  top: 0px;
  border: 1px solid #000;
  min-width: 100px;
  border-top: none !important;
  border-bottom: none !important;
}

.widget-datafilter .active-filter-bar-container .toc-item-filter .add-filter-icon {
  background: url("../../Common/thingworx/widgets/datafilter/images/detail-grid-add-filter-icon.png") no-repeat 8px center;
  font-weight: bold;
  padding-left: 26px;
  padding-right: 10px;
  display: block;
}

.twActiveFiltersBar .filter-plugin .filter-twFilter-savecancel .filter-editing-update-button {
  display: inline-block;
  padding: 2px 8px;
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border: 1px solid #bbbbbb;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  margin-right: 2px;
}

.twActiveFiltersBar .filter-plugin .filter-twFilter-savecancel .filter-editing-cancel-button {
  display: inline-block;
  padding: 2px 8px;
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  margin-right: 2px;
}

/*location filter*/

.twActiveFiltersBar .filter-twFilter_location .filter-fieldName {
  line-height: 24px;
}

.twActiveFiltersBar .filter-twFilter-location-list {
  border-top: 1px solid #d2d2d5;
  min-height: 36px;
  padding: 10px;
  list-style: none;
  padding-top: 8px;
}

.twActiveFiltersBar .filter-twFilter-location-list li {
  float: left;
  min-height: 30px;
  padding-right: 20px;
}

.twActiveFiltersBar .filter-twFilter-location-list select,
.twActiveFiltersBar .filter-twFilter-location-list input {
  margin-right: 2px;
}

.twActiveFiltersBar .filter-twFilter_location label {
  color: #333;
  display: block;
  margin-bottom: 2px;
}

.twActiveFiltersBar .filter-twFilter_location .filter-distance {
  width: 50px;
}

.twActiveFiltersBar .filter-twFilter_location .filter-location-picker {
  background: url("../../Common/thingworx/widgets/datafilter/images/facet-popout-blue-btn-bg.png") repeat-x;
  height: 26px;
  color: #fff;
  text-shadow: 0px -1px 1px #666;
  text-align: center;
  display: inline-block;
  margin-left: 2px;
  line-height: 26px;
  padding: 0px 8px;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 6px;
}

.twActiveFiltersBar .filter-twFilter_location table td {
  border-top: 1px solid #bebebe;
  padding: 10px;
}

.twActiveFiltersBar .filter-twFilter_location table tr td:first-child {
  border-right: 1px solid #bebebe;
}

.twActiveFiltersBar .filter-twFilter_location table tr td input.filter-distance {
  margin: 0px 4px;
}

.twActiveFiltersBar .filter-twFilter_location .filter-twFilter-savecancel {
  position: absolute;
  left: 80px;
  top: 0;
}

.twActiveFiltersBar .filter-twFilter_location .float-left {
  float: left;
  margin-left: 10px;
}

/*popup*/

body>.category-scroller-container-filter-right:after,
body>.category-scroller-container-filter-right:before {
  left: 255px;
}

.category-scroller-container-filter {
  right: -162px;
  position: absolute;
  top: 6px;
  width: 250px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 8px 8px 8px 8px;
  border-radius: 6px;
  box-shadow: 1px 2px 3px #ccc;
  margin-top: 6px;
  z-index: 15002;
}

.category-scroller-container-filter:after,
.category-scroller-container-filter:before {
  bottom: 100%;
  left: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.category-scroller-container-filter:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}

.category-scroller-container-filter:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #cccccc;
  border-width: 9px;
  margin-left: -9px;
}

.category-scroller-container-filter .filter-input {
  border: 1px solid #ccc;
  height: 22px;
  line-height: 22px;
  width: 170px;
  padding: 0px 4px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
}

.category-scroller-container-filter .filter-options {
  overflow: auto;
  max-height: 205px;
  margin-top: 8px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.category-scroller-container-filter .filter-cancel-btn {
  background: #f2f2f2;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: -8px;
  padding: 8px;
  border-radius: 0px 0px 6px 6px;
  margin-top: 8px;
  border-top: 1px solid #ccc;
  text-align: right;
}

.category-scroller-container-filter .filter-options li {
  background: #fff;
  border-bottom: 1px solid #d6d6d6;
  cursor: pointer;
  height: 24px;
  width: 203px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 24px;
  padding-left: 28px;
  position: relative;
}

.filter-item-description {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.category-scroller-container-filter .filter-options li:first-child {
  border-top: 1px solid #ccc;
}

.category-scroller-container-filter .filter-options li:last-child {
  border-bottom: 1px solid #ccc;
}

.category-scroller-container-filter .filter-options li span {
  align-items: center;
  color: #444;
  display: inline-flex;
}

.category-scroller-container-filter .add-property-filter {
  border: 2px solid #ccc;
  border-radius: 4px;
  display: block;
  height: 12px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 12px;
}

.category-scroller-container-filter .filter-input-wrapper .clear-filter-input {
  display: inline-block;
  padding: 2px 14px;
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  margin-right: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 34px;
  white-space: nowrap;
}

.category-scroller-container-filter .filter-options li:hover {
  background: #d9e9fe;
}

.category-scroller-container-filter .filter-cancel-btn .cancel-filter {
  display: inline-block;
  padding: 2px 14px;
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  margin-right: 2px;
}

.dataexport-element {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  cursor: pointer;
  background: none;
  width: 100%;
  height: 100%;
  border: none;
}

.widget-dataexport {
  overflow: hidden;
}

.widget-dataexport.roundedCorners,
.widget-dataexport.roundedCorners .dataexport-element {
  border-radius: 6px;
}

.widget-dataexport img {
  display: inline;
  padding-right: 5px;
  vertical-align: middle;
}

.widget-dataexport.iconRight .widget-dataexport-icon img {
  padding-left: 5px;
  padding-right: 0;
}

.widget-dataexport-icon {
  line-height: 0;
}

@-moz-document url-prefix()  {
  .widget-dataexport-text {
    margin-top: -2px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .widget-dataexport-text {
    margin-top: -1px;
  }
}

.widget-dataexport-disabled,
.widget-dataexport-disabled:hover,
.widget-dataexport-disabled:active {
  background: #d4d4d4 url("../../Common/thingworx/widgets/dataexport/images/dataexport-disabled.png") repeat-x;
  opacity: 0.5;
}

.widget-dataexport .dataexport-element img.hover {
  display: none;
}

.widget-dataexport .dataexport-element img.active {
  display: none;
}

.widget-dataexport .dataexport-element:hover img.default {
  display: none;
}

.widget-dataexport .dataexport-element:hover img.hover {
  display: inline;
}

.widget-dataexport .dataexport-element:active img.default {
  display: none;
}

.widget-dataexport .dataexport-element:active img.hover {
  display: none;
}

.widget-dataexport .dataexport-element:active img.active {
  display: inline;
}

.widget-dataexport.singleImageOnly .dataexport-element img.default {
  display: inline !important;
}

/* data-export widget drop-down button with export options*/

.widget-dataexport .options-btn {
  display: none;
}

.widget-dataexport .options-btn.show {
  display: inline-block;
  width: 2.5rem;
}

.widget-dataexport .btn-group {
  display: inline-flex;
  height: 100%;
  position: relative;
  vertical-align: middle;
  width: 100%;
}

/* body element to display data-export CSV option list:*/

.dataexport-overlay {
  visibility: hidden;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}

.dataexport-overlay.show {
  display: block;
  visibility: visible;
}

/* drop-down list box*/

.dataexport-options-box {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  cursor: pointer;
  height: 4.1rem;
  max-width: 500px;
  min-width: 200px;
  position: absolute;
  z-index: 9999;
}

/* position the box above the dataexport widget when the widget is on bottom of screen */

.dataexport-options-box.above {
  top: -0.2rem;
}

/* drop-down list option element*/

.dataexport-overlay .dataexport-option {
  overflow: hidden;
  padding: 0.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dataexport-overlay .dataexport-option:hover {
  background-color: #d3d3d3;
}

.widget-menu ul {
  box-sizing: border-box;
}

.widget-menu li.evenSpacing {
  box-sizing: border-box;
}

.widget-menu li.evenSpacing:last-child {
  border-right: none !important;
}

.widget-menu li .menu-item-name * {
  vertical-align: middle;
}

.menu-level0.horizontal li {
  border-width: 0 1px 0 0;
}

.widget-menu li {
  text-overflow: ellipsis;
  white-space: normal;
}

.menu-level0.vertical li {
  border-width: 0 0 1px 0;
}

.widget-menu-submenu li:last-child {
  border-bottom-width: 1px !important;
}

.widget-menu.accordion li {
  border-left: none;
  border-top: none;
  border-right: none;
}

.widget-menu.accordion li:last-child {
  border-bottom: none !important;
}

.widget-menu a {
  text-decoration: none;
}

.widget-menu ul,
.widget-menu li,
.widget-menu-submenu li {
  list-style: none;
}

.widget-menu li,
.widget-menu-submenu li {
  cursor: pointer;
}

.widget-menu li[item-display-style="iconabovetext"] img {
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
  margin: auto;
}

.widget-menu li[item-display-style="iconleftoftext"] img {
  display: inline;
  padding-right: 5px;
  vertical-align: middle;
  height: auto;
}

.widget-menu li[item-display-style="iconrightoftext"] img {
  display: inline;
  padding-left: 5px;
  vertical-align: middle;
  height: auto;
}

.widget-menu ul.menu-level1 > li {
  display: block;
  position: relative;
}

.widget-menu li a {
  color: #333;
  display: block;
  padding: 0px 10px;
}

.widget-menu .widget-menu-contents.single-level .menu-level0 {
  overflow-x: auto;
  overflow-y: hidden;
}

.widget-menu .horizontal {
  height: 100%;
}

.widget-menu .horizontal.menu-level0 > li {
  float: left;
  height: 100%;
  position: relative;
}

.widget-menu-submenu {
  box-sizing: border-box;
}

.widget-menu-submenu li {
  border-bottom-width: 0 !important;
  min-height: 25px;
  box-sizing: border-box;
  padding: 0px 10px;
  position: relative;
}

.widget-menu-submenu li[item-display-style="iconrightoftext"] img {
  display: inline;
  padding-left: 5px;
  vertical-align: middle;
}

.widget-menu-submenu li[item-display-style="iconleftoftext"] img {
  display: inline;
  padding-right: 5px;
  vertical-align: middle;
}

.widget-menu-submenu li[item-display-style="iconabovetext"] img {
  vertical-align: middle;
  margin: auto;
}

.widget-menu-submenu a {
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}

.widget-menu-submenu .menu-level2 {
  top: 0;
}

.sub-submenu a {
  overflow: hidden;
  white-space: nowrap;
}

.widget-menu .widget-menu-contents.single-level .vertical {
  overflow-y: auto;
  overflow-x: hidden;
}

.widget-menu .vertical.menu-level0 > li {
  width: 100%;
}

.widget-menu .vertical > li {
  padding: 10px 0;
  position: relative;
}

.widget-menu.accordion {
  overflow: auto;
}

.widget-menu .accordion li {
  padding: 5px 0;
  width: 100%;
}

.widget-menu .accordion ul {
  margin: 0 5px;
}

.widget-menu .accordion.menu-level0 > li {
  margin-bottom: 0px;
  position: relative;
}

.widget-menu .accordion.menu-level0 > li a {
  display: block;
  padding: 0px 10px;
}

.widget-menu .accordion ul.menu-level1 > li {
  display: block;
  position: relative;
}

.widget-menu .accordion ul.menu-level2 > li {
  display: block;
}

.widget-menu .textsize-xsmall a {
  line-height: 10px;
}

.widget-menu .textsize-small a {
  line-height: 11px;
}

.widget-menu .textsize-normal a {
  line-height: 12px;
}

.widget-menu .textsize-large a {
  line-height: 15px;
}

.widget-menu .textsize-xlarge a {
  line-height: 16px;
}

.widget-menu .textsize-xxl a {
  line-height: 17px;
}

.widget-menu .textsize-2xl a {
  line-height: 20px;
}

.widget-menu .textsize-3xl a {
  line-height: 25px;
}

.responsive > .widget-menu-runtime > .widget-menu {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.widget-menu,
.widget-menu-contents {
  height: 100%;
}
.widget-fileupload {
  border: 1px solid #ababab;
  border-radius: 3px;
  background: #f2f2f2;
  width: 300px;
  display: table;
}

.widget-fileupload select.repository-name {
  color: #4d4d4d;
  font-size: 11px;
  padding: 2px;
  width: 136px;
}

.custom-class.widget-fileupload select.repository-name {
  width: 95%;
}

/*
.widget-fileupload .fileupload-repository { width:134px; position:absolute; top:0px; left:0px; z-index:2; padding:8px; background:#d2d2d2 url(images/repository-bg.png) repeat-x top left; }
.widget-fileupload .fileupload-path { background:#d2d2d2 url(images/repository-bg.png) repeat-x top left; position:relative; border-bottom:1px solid #ababab; padding:8px; padding-left:158px; min-height:38px; }
*/

.widget-fileupload .repository-info {
  border-bottom: 1px solid #ababab;
  background: #d2d2d2 url("../../Common/thingworx/widgets/fileupload/images/repository-bg.png") repeat-x top left;
  padding: 8px;
}

.widget-fileupload .fileupload-repository {
  width: 134px;
  float: left;
}

.custom-class.widget-fileupload .fileupload-repository {
  width: 50%;
}

.widget-fileupload .fileupload-repository.noPath {
  width: 100%;
}

.widget-fileupload .fileupload-repository.noPath .repository-name {
  width: 283px;
}

.custom-class.widget-fileupload .fileupload-repository.noPath .repository-name {
  width: 95%;
}

.widget-fileupload .fileupload-path {
  width: 148px;
  float: left;
}

.custom-class.widget-fileupload .fileupload-path {
  width: 50%;
}

.widget-fileupload .fileupload-path > div {
  display: inline-flex;
  max-width: 100%;
}

.widget-fileupload .fileupload-path label {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  padding-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.custom-class.widget-fileupload .fileupload-path label {
  padding-left: initial;
}

.widget-fileupload .fileupload-path.noRepository {
  width: 277px;
}

.custom-class.widget-fileupload .fileupload-path.noRepository {
  width: 95%;
}

.widget-fileupload .fileupload-path.noRepository .path-divider {
  display: none;
}

.widget-fileupload .fileupload-path.noRepository .upload-input {
  margin-left: 0px;
  width: 100%;
}

.widget-fileupload .fileupload-path.noRepository label {
  padding-left: 0px;
}

.widget-fileupload .path-divider {
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  top: 28px;
  left: 160px;
}

.widget-fileupload input.upload-input {
  color: #4d4d4d;
  font-size: 11px;
  padding: 2px;
  margin-left: 11px;
  width: 130px;
}

.custom-class.widget-fileupload input.upload-input {
  margin-left: initial;
  width: 95%;
}

.widget-fileupload .file-browser {
  height: 24px;
  padding: 6px 8px;
  position: relative;
  width: 284px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.custom-class.widget-fileupload .file-browser {
  width: 95%;
}

.widget-fileupload .fileupload-file-input {
  display: none;
}

.widget-fileupload .fileupload-file-label1 {
  background: -moz-linear-gradient(top, #f5f5f5 0%, #e6e6e6 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #e6e6e6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #f5f5f5 0%, #e6e6e6 100%);
  /* IE10+ */
  color: #333333;
  font-size: 11px;
  text-align: center;
  font-weight: normal;
  padding: 0px 4px 0px 4px;
  height: 24px;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  flex: 1 1 auto;
  max-width: 100px;
  line-height: 20px;
}

.widget-fileupload .fileupload-file-label1:hover,
.widget-fileupload .fileupload-file-label1:active {
  background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);
  /* IE10+ */
}

.widget-fileupload .fileupload-file-select {
  margin: 0px 5px 0px 5px;
  flex: 1 1 auto;
}

.widget-fileupload .fileupload-file-selectRoot-zeroOneFile {
  height: 22px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.widget-fileupload .fileupload-file-selectRoot-twoFiles {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background: white;
  border: 1px solid darkgrey;
  border-radius: 3px;
  height: 22px;
}

.widget-fileupload .fileupload-file-selectRoot-txt {
  color: #4d4d4d;
  font-size: 11px;
  font-weight: normal;
  max-width: 150px;
}

.widget-fileupload .fileupload-file-selectRoot-txt-twoAndAboveFiles {
  background: white;
  border: 1px solid darkgrey;
  border-radius: 3px;
}

.widget-fileupload .fileupload-file-selectRoot-openList-zeroFiles {
  display: none;
}

.widget-fileupload .fileupload-file-selectRoot-openList-oneFile {
  width: 10px;
  height: 10px;
  margin-left: 6px;
  z-index: 9999;
  cursor: pointer;
}

.widget-fileupload .fileupload-file-selectRoot-openList-twoAndAboveFiles {
  width: 7px;
  height: 9px;
  padding: 0px 4px 0px 6px;
  z-index: 9999;
  cursor: pointer;
}

.fileupload-file-selectList-Items {
  position: absolute;
  background: white;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  z-index: 99999;
  overflow: auto;
}

.fileupload-file-option-Item {
  color: #333333;
  height: 22px;
  padding: 0px 0px 0px 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
}

.fileupload-file-selectedFilesOption {
  color: #4d4d4d;
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 9999;
}

.fileupload-file-selectedFilesOption-delFile {
  width: 10px;
  height: 10px;
  padding: 0px 4px 0px 6px;
  z-index: 9999;
  cursor: pointer;
}

@-moz-document url-prefix()  {
  .widget-fileupload .fileupload-file-input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 220px;
  }
}

.widget-fileupload .fileupload-submit-button {
  background: #717171;
  flex: 1 1 auto;
  /* Old browsers */
  background: -moz-linear-gradient(top, #717171 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #717171), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #717171 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #717171 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #717171 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(top, #717171 0%, #000000 100%);
  /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#717171', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
  border: 1px solid #000;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  text-shadow: 0px -1px 1px #000;
  height: 22px;
  text-align: center;
  box-sizing: content-box;
  flex: none;
  max-width: 75px;
  padding: 0 5px;
}

.widget-fileupload .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.clearfix {
  *zoom: 1;
}

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

.clearfix:after {
  clear: both;
}

.widget-remoteaccess {
  /*background: url(images/remoteAccess.png) no-repeat center center;
    width: 32px;
	height: 32px;*/
  cursor: pointer;
}

.widget-remoteaccess-disabled {
  background: url("../../Common/thingworx/widgets/remoteaccess/images/remoteAccessDisabled.png") no-repeat center center;
  width: 32px;
  height: 32px;
}

.widget-remoteaccess-incomplete {
  background: url("../../Common/thingworx/widgets/remoteaccess/images/remoteAccessIncomplete.png") no-repeat center center;
  width: 32px;
  height: 32px;
}

.widget-remoteaccess-notenabled {
  background: url("../../Common/thingworx/widgets/remoteaccess/images/remoteAccessNotEnabled.png") no-repeat center center;
  width: 32px;
  height: 32px;
}

.widget-foldingpanel-helper {
  width: 300px;
  height: 200px;
  background: #f2f2f2 url("../../Common/thingworx/widgets/foldingpanel/images/foldingpanel-bg.png") repeat;
}

.widget-content.widget-foldingpanel {
  border: 1px solid #ababab;
}

.widget-foldingpanel {
  background: #f2f2f2 url("../../Common/thingworx/widgets/foldingpanel/images/foldingpanel-bg.png") repeat;
  position: relative;
}

.widget-foldingpanel-header {
  background: #125398;
  position: relative;
}

.widget-foldingpanel.widget-content.static .widget-bounding-box.nonresponsive {
  position: absolute;
}

.widget-foldingpanel-header .toggle-up {
  display: block;
  float: right;
  width: 15px;
  height: 14px;
  background: url("../../Common/thingworx/widgets/foldingpanel/images/toggle-up.png") no-repeat;
  position: absolute;
  right: 6px;
  cursor: pointer;
}

.widget-foldingpanel-header .toggle-down {
  display: block;
  float: right;
  width: 15px;
  height: 14px;
  background: url("../../Common/thingworx/widgets/foldingpanel/images/toggle-down.png") no-repeat;
  position: absolute;
  right: 6px;
  cursor: pointer;
}

.widget-propertydisplay {
  overflow: auto;
}

.widget-propertydisplay td:first-child {
  white-space: nowrap;
}

.widget-propertydisplay td {
  width: 50%;
}

.widget-propertydisplay input[type="text"] {
  box-sizing: border-box;
  height: 24px;
  padding: 0 5px;
  width: 100%;
}

.widget-propertydisplay .entity-element-itself {
  vertical-align: middle !important;
}

.widget-propertydisplay .twTagPicker {
  margin-top: -3px;
}

.widget-propertydisplay .datetimepicker-inner {
  height: auto;
}

.widget-propertydisplay input[type="text"].widget-datetimepicker {
  line-height: 24px;
  padding-left: 28px;
}

.widget-propertydisplay input[type="text"].latitude,
.widget-propertydisplay input[type="text"].longitude {
  margin-left: 5px;
  margin-right: 10px;
  width: auto;
}

.widget-propertydisplay .widget-numericentry-container {
  box-sizing: border-box;
  height: 24px !important;
  width: 100% !important;
}

.widget-propertydisplay .widget-bounding-box {
  width: 100% !important;
}

.component-table {
  width: 100%;
  border: none;
}

.component-table td {
  overflow: hidden;
  vertical-align: top;
}

.component-table thead {
  background: url("../../Common/thingworx/widgets/propertydisplay/images/detail-grid-header-bg.png") repeat-x;
}

.component-table thead tr td:first-child {
  border-left: 1px solid #bfbfbf;
}

.component-table thead tr td:last-child {
  border-right: 1px solid #bfbfbf;
}

.component-table thead td {
  padding: 4px 12px;
  font-weight: bold;
  text-shadow: 0px 1px #fff;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.component-table tbody td {
  padding: 4px 12px;
  background: #fefdfe url("../../Common/thingworx/widgets/propertydisplay/images/detail-grid-row-bg.png") repeat-x;
  border-bottom: 1px solid #bfbfbf;
  border-top: 1px solid #fff;
  color: #595959;
}

.widget-propertydisplay .table-border {
  box-sizing: border-box;
}

.component-table tbody td.property-value .view-contribution-details,
.property-popup-link {
  background: url("../../Common/thingworx/widgets/propertydisplay/images/view-btn-bg.png") repeat-x;
  /*
	background: rgba(229,229,229,1);
	background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(165,165,165,1) 100%); /* FF3.6+ 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(165,165,165,1))); /* Chrome,Safari4+ 
	background:-webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(165,165,165,1) 100%);
	*/
  border: 1px solid #b6b6b6;
  border-radius: 10px;
  display: inline-block;
  margin: 5px 5px 5px 0px;
  padding: 0px 6px;
  height: 20px;
  font-size: 11px;
  font-weight: bold;
  text-shadow: 0px 1px 1px #eee;
  color: #333;
  line-height: 21px;
  cursor: pointer;
}

.component-table tbody td.property-value .view-contribution-details:hover,
.property-popup-link:hover {
  box-shadow: inset 0px 1px 1px #000;
}

.view-contribution-details {
  margin-left: 20px;
}

/* tag pills */

.widget-propertydisplay .tag-term-container {
  background: url("../../Common/thingworx/widgets/propertydisplay/images/tag-term-bg.png") repeat-x;
  /*
	background: rgba(229,229,229,1);
	background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(165,165,165,1) 100%); /* FF3.6+ 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(165,165,165,1))); /* Chrome,Safari4+ 
	background:-webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(165,165,165,1) 100%);
	*/
  font-size: 10px;
  border-radius: 10px;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 0px 8px 0px 2px;
}

.widget-propertydisplay .tag-term-container .tag-term,
.widget-propertydisplay .tag-term-container .tag-vocabulary {
  height: 12px;
  line-height: 12px;
  position: relative;
  top: 2px;
}

.widget-propertydisplay .tag-term-container .tag-term {
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  text-shadow: 0px 1px 1px #eee;
  color: #333;
  margin-left: 5px;
}

.widget-propertydisplay .tag-term-container .tag-vocabulary {
  background: url("../../Common/thingworx/widgets/propertydisplay/images/tag-vocabulary-bg.png") repeat-x;
  /*
	background: rgba(109,114,120,1);
	background: -moz-linear-gradient(top, rgba(109,114,120,1) 0%, rgba(43,50,59,1) 50%, rgba(65,71,80,1) 100%); /* FF3.6+ 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,114,120,1)), color-stop(50%,rgba(43,50,59,1)), color-stop(100%,rgba(65,71,80,1))); /* Chrome,Safari4+ 
	background:-webkit-linear-gradient(top, rgba(109,114,120,1) 0%, rgba(43,50,59,1) 50%, rgba(65,71,80,1) 100%);
	*/
  border-radius: 10px;
  display: inline-block;
  padding: 0px 8px;
  color: #fff;
  font-weight: bold;
}

.widget-timeserieschart-container {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}

.qtip-timeserieschart {
  pointer-events: none;
}

.widget-labelchart-container {
  overflow: hidden;
}

.qtip-labelchart {
  pointer-events: none;
}

.widget-labelchart-container.AllowSelection rect {
  cursor: pointer;
}

.widget-xychart-container {
  overflow: hidden;
}

.qtip-xychart {
  pointer-events: none;
}

.widget-piechart-container {
  overflow: hidden;
}

.widget-piechart-container.AllowSelection path {
  cursor: pointer;
}

.widget-rangechart-container {
  overflow: hidden;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-rangechart-container {
  height: 100%;
  width: 100%;
}

.widget-eventchart-container {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-eventchart-container {
  height: 100%;
  width: 100%;
}

.widget-repeater .mashup-content-cell {
  overflow: hidden;
}

.widget-repeater .mashup-poup {
  z-index: inherit;
}

.widget-repeater .widget-mashup {
  box-shadow: none;
}

.widget-repeater.allowSelectionOn table {
  cursor: pointer;
}

.widget-repeater .horizontal {
  white-space: nowrap;
}

.widget-repeater .horizontal .mashup {
  white-space: normal;
}

.widget-repeater .horizontal .mashup-content-cell {
  display: inline-block;
}

.widget-repeater .horizontal-wrap {
  width: auto;
  height: auto;
}

.widget-repeater .widget-mashup {
  box-sizing: border-box;
}

.widget-repeater .mashup,
.widget-repeater .content-wrapper,
.widget-repeater .repeater-items-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

#runtime-workspace.responsive .widget-repeater .vertical {
  width: 100%;
}

#runtime-workspace.responsive .widget-repeater .horizontal {
  height: 100%;
}

.widget-repeater .horizontal-wrap .item-selector-row {
  white-space: nowrap;
}

.widget-repeater .horizontal .repeater-row {
  height: 100%;
}

.widget-repeater .horizontal .item-selector {
  display: inline-block;
}

.widget-repeater .item-selector {
  position: relative;
}

.widget-repeater .item-selector-icon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.widget-repeater .mashup-content-cell {
  overflow: visible;
  position: relative;
}

.widget-repeater .repeater-item-selected .selection-test-div {
  position: absolute;
  left: 0;
  z-index: 5;
}

.widget-repeater .item-selector-wrapper {
  position: relative;
  height: 100%;
  cursor: pointer;
}

.widget-repeater .cellposition {
  height: 100%;
  position: relative;
}

#runtime-workspace.responsive .widget-repeater .content-wrapper {
  overflow: hidden;
}

#runtime-workspace.responsive .widget-repeater .mashup-popup {
  z-index: 14999 !important;
}

.widget-repeater .repeater-items-container {
  overflow: hidden;
}

.mashup-popup .repeater-items {
  width: 100%;
}

.widget-repeater .widget-bounding-box.responsive .widget-container-widget {
  overflow: initial;
}

.widget-proportionalchart-container {
  overflow: hidden;
}

.qtip-proportionalchart {
  pointer-events: none;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-proportionalchart-container {
  height: 100%;
  width: 100%;
}

.widget-expression {
  visibility: hidden;
}

.widget-validator {
  visibility: hidden;
}

.widget-bounding-box.responsive .widget-container-widget {
  overflow: auto;
}

.responsive .widget-container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.responsive > .outer-containre > .widget-container,
.widget-container-inner {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: absolute;
}

.widget-container .expand-toggle {
  cursor: pointer;
}

.widget-content.widget-container-widget.widget-container {
  pointer-events: auto;
}

.widget-layout {
  overflow: hidden;
}

.layout-vert-fixed-bottom,
.layout-vert-fixed-top,
.layout-horiz-fixed-left,
.layout-horiz-fixed-right {
  pointer-events: none;
}

.layout-horiz-fluid-center,
.layout-vert-fluid-center {
  overflow: auto;
  z-index: 1;
}

.layout-bar.overlay {
  overflow: visible;
  z-index: 15000;
}

.layout-bar.transparentZ {
  z-index: inherit;
}

.layout-horiz-fixed-left,
.layout-horiz-fluid-center,
.layout-vert-fluid-center {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.layout-vert-responsive-row,
.layout-vert-fixed-top,
.layout-vert-fixed-bottom {
  left: 0;
  right: 0;
  position: absolute;
}

.layout-horiz-responsive-column {
  position: absolute;
  bottom: 0;
  top: 0;
}

.layout-vert-fixed-bottom {
  bottom: 0;
}

.layout-horiz-fixed-right {
  right: 0;
  bottom: 0;
  top: 0;
  position: absolute;
}

.spacing-0 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.first-responsive-column > .widget-bounding-box > .widget-container {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.spacing-0 > .layout-horiz-fluid-center > .layout-horiz-responsive-column > .widget-bounding-box > .widget-container {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.spacing-0 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.last-responsive-column > .widget-bounding-box > .widget-container {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.spacing-1 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.first-responsive-column > .widget-bounding-box > .widget-container {
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 2.5px;
}

.spacing-1 > .layout-horiz-fluid-center > .layout-horiz-responsive-column > .widget-bounding-box > .widget-container {
  top: 5px;
  bottom: 5px;
  left: 2.5px;
  right: 2.5px;
}

.spacing-1 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.last-responsive-column > .widget-bounding-box > .widget-container {
  top: 5px;
  bottom: 5px;
  left: 2.5px;
  right: 5px;
}

.spacing-1 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.single-col > .widget-bounding-box > .widget-container {
  left: 5px;
}

.spacing-2 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.first-responsive-column > .widget-bounding-box > .widget-container {
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 5px;
}

.spacing-2 > .layout-horiz-fluid-center > .layout-horiz-responsive-column > .widget-bounding-box > .widget-container {
  top: 10px;
  bottom: 10px;
  left: 5px;
  right: 5px;
}

.spacing-2 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.last-responsive-column > .widget-bounding-box > .widget-container {
  top: 10px;
  bottom: 10px;
  left: 5px;
  right: 10px;
}

.spacing-2 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.single-col > .widget-bounding-box > .widget-container {
  left: 10px;
}

.spacing-3 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.first-responsive-column > .widget-bounding-box > .widget-container {
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 7.5px;
}

.spacing-3 > .layout-horiz-fluid-center > .layout-horiz-responsive-column > .widget-bounding-box > .widget-container {
  top: 15px;
  bottom: 15px;
  left: 7.5px;
  right: 7.5px;
}

.spacing-3 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.last-responsive-column > .widget-bounding-box > .widget-container {
  top: 15px;
  bottom: 15px;
  left: 7.5px;
  right: 15px;
}

.spacing-3 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.single-col > .widget-bounding-box > .widget-container {
  left: 15px;
}

.spacing-4 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.first-responsive-column > .widget-bounding-box > .widget-container {
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 10px;
}

.spacing-4 > .layout-horiz-fluid-center > .layout-horiz-responsive-column > .widget-bounding-box > .widget-container {
  top: 20px;
  bottom: 20px;
  left: 10px;
  right: 10px;
}

.spacing-4 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.last-responsive-column > .widget-bounding-box > .widget-container {
  top: 20px;
  bottom: 20px;
  left: 10px;
  right: 20px;
}

.spacing-4 > .layout-horiz-fluid-center > .layout-horiz-responsive-column.single-col > .widget-bounding-box > .widget-container {
  left: 20px;
}

.nested > .layout-horiz-fluid-center > .layout-horiz-responsive-column.first-responsive-column > .widget-bounding-box > .widget-container {
  top: 0px;
  bottom: 0px;
  left: 0px;
}

.nested > .layout-horiz-fluid-center > .layout-horiz-responsive-column > .widget-bounding-box > .widget-container {
  top: 0px;
  bottom: 0px;
}

.nested > .layout-horiz-fluid-center > .layout-horiz-responsive-column.last-responsive-column > .widget-bounding-box > .widget-container {
  top: 0px;
  bottom: 0px;
  right: 0px;
}

.spacing-0 > .layout-vert-fluid-center > .layout-vert-responsive-row.first-responsive-row > .widget-bounding-box > .widget-container {
  top: 0 !important;
  bottom: 0;
  left: 0;
  right: 0;
}

.spacing-0 > .layout-vert-fluid-center > .layout-vert-responsive-row > .widget-bounding-box > .widget-container {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.spacing-0 > .layout-vert-fluid-center > .layout-vert-responsive-row.last-responsive-row > .widget-bounding-box > .widget-container {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.spacing-1 > .layout-vert-fluid-center > .layout-vert-responsive-row.first-responsive-row > .widget-bounding-box > .widget-container {
  top: 5px !important;
  bottom: 2.5px;
  left: 5px;
  right: 5px;
}

.spacing-1 > .layout-vert-fluid-center > .layout-vert-responsive-row > .widget-bounding-box > .widget-container {
  top: 2.5px;
  bottom: 2.5px;
  left: 5px;
  right: 5px;
}

.spacing-1 > .layout-vert-fluid-center > .layout-vert-responsive-row.last-responsive-row > .widget-bounding-box > .widget-container {
  top: 2.5;
  bottom: 5px;
  left: 5px;
  right: 5px;
}

.spacing-2 > .layout-vert-fluid-center > .layout-vert-responsive-row.first-responsive-row > .widget-bounding-box > .widget-container {
  top: 10px !important;
  bottom: 5px;
  left: 10px;
  right: 10px;
}

.spacing-2 > .layout-vert-fluid-center > .layout-vert-responsive-row > .widget-bounding-box > .widget-container {
  top: 5px;
  bottom: 5px;
  left: 10px;
  right: 10px;
}

.spacing-2 > .layout-vert-fluid-center > .layout-vert-responsive-row.last-responsive-row > .widget-bounding-box > .widget-container {
  top: 5px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

.spacing-3 > .layout-vert-fluid-center > .layout-vert-responsive-row.first-responsive-row > .widget-bounding-box > .widget-container {
  top: 15px !important;
  bottom: 7.5px;
  left: 15px;
  right: 15px;
}

.spacing-3 > .layout-vert-fluid-center > .layout-vert-responsive-row > .widget-bounding-box > .widget-container {
  top: 7.5px;
  bottom: 7.5px;
  left: 15px;
  right: 15px;
}

.spacing-3 > .layout-vert-fluid-center > .layout-vert-responsive-row.last-responsive-row > .widget-bounding-box > .widget-container {
  top: 7.5px;
  bottom: 15px;
  left: 15px;
  right: 15px;
}

.spacing-4 > .layout-vert-fluid-center > .layout-vert-responsive-row.first-responsive-row > .widget-bounding-box > .widget-container {
  top: 20px !important;
  bottom: 10px;
  left: 20px;
  right: 20px;
}

.spacing-4 > .layout-vert-fluid-center > .layout-vert-responsive-row > .widget-bounding-box > .widget-container {
  top: 10px;
  bottom: 10px;
  left: 20px;
  right: 20px;
}

.spacing-4 > .layout-vert-fluid-center > .layout-vert-responsive-row.last-responsive-row > .widget-bounding-box > .widget-container {
  top: 10px;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.nested > .layout-vert-fluid-center > .layout-vert-responsive-row.first-responsive-row > .widget-bounding-box > .widget-container {
  top: 0px !important;
  left: 0px;
  right: 0px;
}

.nested > .layout-vert-fluid-center > .layout-vert-responsive-row > .widget-bounding-box > .widget-container {
  left: 0px;
  right: 0px;
}

.nested > .layout-vert-fluid-center > .layout-vert-responsive-row.last-responsive-row > .widget-bounding-box > .widget-container {
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.addSpacing.spacing-1 > .layout-horiz-fixed-left > .widget-bounding-box > .widget-container {
  top: 5px;
  bottom: 5px;
  left: 5px;
}

.addSpacing.spacing-1 > .layout-horiz-fixed-right > .widget-bounding-box > .widget-container {
  top: 5px;
  bottom: 5px;
  right: 5px;
}

.addSpacing.spacing-2 > .layout-horiz-fixed-left > .widget-bounding-box > .widget-container {
  top: 10px;
  bottom: 10px;
  left: 10px;
}

.addSpacing.spacing-2 > .layout-horiz-fixed-right > .widget-bounding-box > .widget-container {
  top: 10px;
  bottom: 10px;
  right: 10px;
}

.addSpacing.spacing-3 > .layout-horiz-fixed-left > .widget-bounding-box > .widget-container {
  top: 15px;
  bottom: 15px;
  left: 15px;
}

.addSpacing.spacing-3 > .layout-horiz-fixed-right > .widget-bounding-box > .widget-container {
  top: 15px;
  bottom: 15px;
  right: 15px;
}

.addSpacing.spacing-4 > .layout-horiz-fixed-left > .widget-bounding-box > .widget-container {
  top: 20px;
  bottom: 20px;
  left: 20px;
}

.addSpacing.spacing-4 > .layout-horiz-fixed-right > .widget-bounding-box > .widget-container {
  top: 20px;
  bottom: 20px;
  right: 20px;
}

.addSpacing.spacing-1 > .layout-vert-fixed-top > .widget-bounding-box > .widget-container {
  top: 5px;
  left: 5px;
  right: 5px;
}

.addSpacing.spacing-1 > .layout-vert-fixed-bottom > .widget-bounding-box > .widget-container {
  bottom: 5px;
  right: 5px;
  left: 5px;
}

.addSpacing.spacing-2 > .layout-vert-fixed-top > .widget-bounding-box > .widget-container {
  top: 10px;
  left: 10px;
  right: 10px;
}

.addSpacing.spacing-2 > .layout-vert-fixed-bottom > .widget-bounding-box > .widget-container {
  bottom: 10px;
  right: 10px;
  left: 10px;
}

.addSpacing.spacing-3 > .layout-vert-fixed-top > .widget-bounding-box > .widget-container {
  top: 15px;
  left: 15px;
  right: 15px;
}

.addSpacing.spacing-3 > .layout-vert-fixed-bottom > .widget-bounding-box > .widget-container {
  bottom: 15px;
  right: 15px;
  left: 15px;
}

.addSpacing.spacing-4 > .layout-vert-fixed-top > .widget-bounding-box > .widget-container {
  top: 20px;
  left: 20px;
  right: 20px;
}

.addSpacing.spacing-4 > .layout-vert-fixed-bottom > .widget-bounding-box > .widget-container {
  bottom: 20px;
  right: 20px;
  left: 20px;
}

.nested.spacing-1 > .layout-horiz-fixed-left > .widget-bounding-box > .widget-container {
  right: 5px;
  height: auto;
}

.nested.spacing-1 > .layout-horiz-fixed-right > .widget-bounding-box > .widget-container {
  left: 5px;
  height: auto;
}

.nested.spacing-2 > .layout-horiz-fixed-left > .widget-bounding-box > .widget-container {
  right: 10px;
  height: auto;
}

.nested.spacing-2 > .layout-horiz-fixed-right > .widget-bounding-box > .widget-container {
  left: 10px;
  height: auto;
}

.nested.spacing-3 > .layout-horiz-fixed-left > .widget-bounding-box > .widget-container {
  right: 15px;
  height: auto;
}

.nested.spacing-3 > .layout-horiz-fixed-right > .widget-bounding-box > .widget-container {
  left: 15px;
  height: auto;
}

.nested.spacing-4 > .layout-horiz-fixed-left > .widget-bounding-box > .widget-container {
  right: 20px;
  height: auto;
}

.nested.spacing-4 > .layout-horiz-fixed-right > .widget-bounding-box > .widget-container {
  left: 20px;
  height: auto;
}

.nested.spacing-1 > .layout-vert-fixed-top > .widget-bounding-box > .widget-container {
  bottom: 5px;
  height: auto;
}

.nested.spacing-1 > .layout-vert-fixed-bottom > .widget-bounding-box > .widget-container {
  top: 5px;
  height: auto;
}

.nested.spacing-2 > .layout-vert-fixed-top > .widget-bounding-box > .widget-container {
  bottom: 10px;
  height: auto;
}

.nested.spacing-2 > .layout-vert-fixed-bottom > .widget-bounding-box > .widget-container {
  top: 10px;
  height: auto;
}

.nested.spacing-3 > .layout-vert-fixed-top > .widget-bounding-box > .widget-container {
  bottom: 15px;
  height: auto;
}

.nested.spacing-3 > .layout-vert-fixed-bottom > .widget-bounding-box > .widget-container {
  top: 15px;
  height: auto;
}

.nested.spacing-4 > .layout-vert-fixed-top > .widget-bounding-box > .widget-container {
  bottom: 20px;
  height: auto;
}

.nested.spacing-4 > .layout-vert-fixed-bottom > .widget-bounding-box > .widget-container {
  top: 20px;
  height: auto;
}

.print-layout-table td {
  position: relative;
}

#runtime-workspace.print .layout-vert-responsive-row,
#runtime-workspace.print .layout-horiz-responsive-row {
  min-height: 300px;
  height: auto !important;
  height: 300px;
}

.print-row-content {
  min-height: 600px;
  height: auto !important;
  height: 600px;
}

#runtime-workspace.print .responsive .panelinside {
  position: absolute;
}

/*
#runtime-workspace.print .panelinside .widget-container-widget {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}*/

@media print {
  /* Hide the cursor when printing */

  #print-button {
    display: none;
  }
}

.widget-tabsv2 .tab-content,
.tab-viewport-fill {
  position: absolute;
  left: 0;
  right: 0;
}

.back-scroll-btnv2.enabled {
  box-shadow: 2px 0px 3px gray;
}

.next-scroll-btnv2.enabled {
  box-shadow: 2px 0px 3px gray;
}

.tab-content-tabsv2 {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

.tabsv2-viewport {
  position: absolute;
  overflow: hidden;
}

.tabsv2-viewport-fill {
  overflow: hidden;
}

.tabsv2-slider {
  float: left;
  position: relative;
}

.tab-content-tabsv2 {
  white-space: nowrap;
}

.widget-tabsv2 .tabsv2-tab {
  cursor: pointer;
  display: inline-block;
  float: left;
  position: relative;
  text-align: center;
}

.widget-tabsv2 .tab-image {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.widget-tabsv2 .tab-back-image,
.tab-next-image {
  margin-right: 0;
  vertical-align: middle;
}

.widget-tabsv2 .tab-text {
  border-bottom: none;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

}

@media screen and (min-width: 0\0
) {
  .widget-tabsv2 .tab-text {
    top: -1px;
  }
}

@-moz-document url-prefix()  {
  .pc .widget-tabsv2 .tab-text {
    top: -1px;
  }
}

.widget-tabsv2 .tab-content-table-wrapper {
  padding: 0 10px;
}

.widget-tabsv2 .tabsv2-tab.selected {
  cursor: default;
}

.widget-tabsv2 .tabsv2-tab.selected .tab-text {
  cursor: default;
}

.widget-tabsv2 .tabsv2-actual-tab-contents > .widget-flexcontainer,
.widget-tabsv2 .tabsv2-actual-tab-contents > .widget-bounding-box {
  height: 100%;
  width: 100%;
}

.widget-tabsv2 .tabsv2-actual-tab-contents {
  height: 100%;
  width: 100%;
}

.widget-tabsv2 .widget-layout .responsive > .outer-container > .widget-container {
  height: auto;
  width: auto;
}

.widget-tabsv2 .tab-content-table-wrapper {
  box-sizing: border-box !important;
}

.widget-tabsv2 .tab-container-background-wrapper {
  box-sizing: border-box !important;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

.unselected-tabv2-container {
  visibility: hidden !important;
  display: none;
}

div[id^="root_tabsv2-"][id$="-bounding-box"] {
  height: 100%;
  position: relative;
  width: 100%;
}

.widget-tabsv2 {
  height: 100%;
  position: relative;
  top: 0;
  width: 100%;
}

.widget-entitypicker .span6 {
  margin: auto;
}

.widget-entitypicker .selected-entities .btn-group {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

.widget-entitypicker .btn-group .btn-small {
  padding: 4px;
}

.widget-entitypicker .show-results {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #bbb !important;
  width: 26px;
}

.widget-entitypicker .twicon-MagicPicker {
  background-position: center center;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 100%;
}

.widget-entitypicker .inline-search-spot .input-append {
  height: auto;
}

.widget-entitypicker .entity-element-itself span[entity-type] {
  height: 16px;
  line-height: 16px;
}

.widget-entitypicker .remove-entity {
  display: inline-block;
  border-left: 1px solid #ccc;
  vertical-align: top;
  cursor: pointer;
  position: absolute;
  right: -2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -1px;
  width: 28px;
}

.widget-entitypicker .icon-remove {
  height: 100%;
  background-position: center center;
  position: static;
}

.widget-entitypicker .remove-entity:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
}

.widget-dashboard {
  clear: both;
  overflow: auto;
  margin: 0px auto;
}

/*dashboard tabs*/

.dashboard-tab-container {
  position: relative;
  z-index: 2;
}

.dashboard-tab-container ul {
  position: relative;
  top: 1px;
  margin: 4px 4px 0px 4px;
}

.dashboard-tab-container ul li.tab-name {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px 4px 0px 0px;
  margin-right: 3px;
  padding: 6px 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dashboard-tab-container ul li.tab-name span.shared {
  padding-left: 20px;
  background: url("../../Common/thingworx/widgets/dashboard/images/share.png") no-repeat left center;
}

.dashboard-tab-container ul li.tab-name span.untitled {
  font-style: italic;
}

.widget-dashboard .dashboard-bar {
  min-height: 36px;
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  position: relative;
  text-align: center;
  top: -1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.widget-dashboard .dashboard-bar .dashboard-title {
  vertical-align: middle;
  padding: 0px 8px;
  line-height: 36px;
}

.widget-dashboard .gadget svg {
  border-radius: 0px 0px 4px 4px;
}

.widget-dashboard .row-group {
  clear: both;
  border-radius: 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px 10px 0px 10px;
  min-width: 250px;
}

.widget-dashboard .row-group.drag-target {
  background-color: rgba(238,246,255,0.5);
}

.widget-dashboard .row-group .group-title {
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  border-radius: 5px 5px 0px 0px;
  text-align: center;
  position: relative;
}

.widget-dashboard .row-group .group-title-name {
  padding: 8px 12px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.widget-dashboard.editable .row-group .group-title-name {
  cursor: move;
}

.widget-dashboard .row-group.closed {
  border-radius: 5px !important;
}

.widget-dashboard .row-group.closed .group-title {
  border-bottom: none !important;
  border-radius: 5px !important;
}

.widget-dashboard .dashboard-menu-container.choose-dashboard-container {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  padding: 2px 4px;
  right: initial;
  top: initial;
  height: 20px;
  line-height: 20px;
  border-radius: 3px;
  top: 1px;
}

.widget-dashboard .expand-collapse {
  height: 34px;
  width: 26px;
  display: block;
  position: absolute;
  cursor: pointer;
}

.widget-dashboard .expand-collapse.open .icon {
  content: '';
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #5d5d5d;
  position: absolute;
  top: 14px;
  left: 8px;
}

.widget-dashboard .expand-collapse.closed .icon {
  content: '';
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #5d5d5d;
  position: absolute;
  top: 14px;
  left: 8px;
}

.widget-dashboard .dashboard-menu-container {
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 3px;
}

.widget-dashboard .dashboard-menu-container .dashboard-spooge {
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  border-radius: 3px;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.widget-dashboard .dashboard-menu-container .dashboard-dropdown {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 27px;
  display: block;
  z-index: 15002;
  list-style: none;
  border-radius: 3px;
  font-size: 11px;
  text-align: left;
}

.widget-dashboard .dashboard-menu-container .dashboard-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  top: -7px;
  right: 4px;
}

.widget-dashboard .dashboard-menu-container .dashboard-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -6px;
  right: 5px;
}

.widget-dashboard .dashboard-menu-container .dashboard-dropdown li {
  padding: 4px 8px;
  cursor: pointer;
}

.widget-dashboard .dashboard-menu-container .dashboard-dropdown li span {
  display: block;
}

.widget-dashboard .dashboard-menu-container .dashboard-dropdown li:last-child {
  border-bottom: none !important;
}

.widget-dashboard .row-group .gadget-container {
  width: 100%;
  margin-top: 10px;
  min-height: 30px;
  padding-bottom: 10px;
}

.widget-dashboard .gadget {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  border-radius: 4px;
}

.widget-dashboard .gadget .widget-mashup {
  border-radius: 4px;
}

.widget-dashboard .gadget .widget-mashup .gadget-header {
  border-radius: 4px 4px 0px 0px;
}

.widget-dashboard .gadget-header {
  height: 26px;
  font-size: 1em;
  margin: 0px;
  line-height: 26px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.widget-dashboard .gadget-header p {
  text-align: center;
  padding: 0px 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.widget-dashboard.editable .gadget-header p {
  cursor: move;
}

.widget-dashboard .gadget-container .gadget-width-1 {
  width: 240px;
}

.widget-dashboard .gadget-container .gadget-width-2 {
  width: 490px;
}

.widget-dashboard .gadget-container .gadget-width-3 {
  width: 740px;
}

.widget-dashboard .gadget-container .gadget-width-4 {
  width: 990px;
}

.widget-dashboard .gadget-container .gadget-width-5 {
  width: 1240px;
}

.widget-dashboard .gadget-container .gadget-width-6 {
  width: 1490px;
}

.widget-dashboard .gadget-container .gadget-width-7 {
  width: 1740px;
}

.widget-dashboard .gadget-container .gadget-width-8 {
  width: 1990px;
}

.widget-dashboard .gadget-container .gadget-height-1 {
  height: 240px;
}

.widget-dashboard .gadget-container .gadget-height-2 {
  height: 490px;
}

.widget-dashboard .gadget-container .gadget-height-3 {
  height: 740px;
}

.widget-dashboard .gadget-container .gadget-height-4 {
  height: 990px;
}

.widget-dashboard .gadget-container .gadget-height-5 {
  height: 1240px;
}

.widget-dashboard .gadget-container .gadget-height-6 {
  height: 1490px;
}

.widget-dashboard .gadget-container .gadget-height-7 {
  height: 1740px;
}

.widget-dashboard .gadget-container .gadget-height-8 {
  height: 1990px;
}

.widget-dashboard .ghost {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

/*add to dashboard dialog*/

.add-to-dashboard-dialog table td,
.dashboard-name-dialog table td {
  padding: 8px;
  font-size: 12px;
}

.add-to-dashboard-dialog input,
.dashboard-name-dialog input {
  height: 24px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 220px;
  padding: 0px 8px;
}

.add-to-dashboard-dialog .alert,
.dashboard-name-dialog .alert {
  margin-top: 8px;
  margin-bottom: 0px;
}

/*share dashboard dialog*/

.share-dashboard-dialog .modal-body {
  position: relative;
}

.share-dashboard-dialog .share-container {
  overflow: auto;
  position: absolute;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.share-dashboard-dialog .orgs {
  top: 10px;
  left: 10px;
  bottom: 10px;
  width: 240px;
}

.share-dashboard-dialog .org-units {
  top: 10px;
  left: 260px;
  bottom: 10px;
  width: 240px;
}

.share-dashboard-dialog .org-unit.existing {
  color: #aaa;
}

.share-dashboard-dialog .org-units-to-share-with {
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 510px;
}

.share-dashboard-dialog .dashboard-description {
  font-size: 14px;
  font-weight: bold;
  padding: 4px 8px;
  display: block;
  border-bottom: 1px solid #ccc;
  background: #eee;
}

.share-dashboard-dialog ul li {
  padding: 4px 8px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  position: relative;
}

.share-dashboard-dialog ul li [class^="twicon-"] {
  position: relative;
  top: 2px;
}

.share-dashboard-dialog ul li.active {
  background: #eef6ff;
}

.share-dashboard-dialog li .btn {
  padding: 0px 4px;
  line-height: 16px;
  position: absolute;
  right: 0px;
  top: 2px;
}

.share-dashboard-dialog i {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
}

/*add gadget dialog*/

#runtime .mashup-popup.has-title.addGadgetDialog {
  padding: 6px;
  background: #fff;
  border-radius: 0px 0px 6px 6px;
}

#runtime .mashup-popup.has-title.addGadgetDialog .popup-title {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  background: #fff;
  padding: 6px 12px;
  height: 48px;
  line-height: 36px;
  top: -48px;
  border-radius: 6px 6px 0px 0px;
  border-right: none;
  border-left: none;
}

#runtime .mashup-popup.has-title.addGadgetDialog .popup-mashup-goes-here {
  position: relative;
  border-radius: 0px 0px 6px 6px;
}

#runtime .widget-dashboard .gadget-content > .mashup-popup {
  position: absolute !important;
}

.flex-oca .widget-dashboard {
  height: 100%;
  overflow: auto;
}

.flex-oca .widget-dashboard .dashboard-content {
  min-height: 170px;
  /* to accommodate the dashboard menu drop-down so it does not get cut off */
}

/* */

.widget-bubblechart-container {
  overflow: hidden;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box > .widget-bubblechart-container {
  height: 100%;
  width: 100%;
}

.widget-logoutbutton .button-element {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  height: 100%;
  width: 100%;
}

.widget-logoutbutton {
  overflow: hidden;
}

.widget-logoutbutton.roundedCorners,
.widget-logoutbutton.roundedCorners .button-element {
  border-radius: 4px;
}

.widget-logoutbutton img {
  display: inline;
  padding-right: 5px;
  position: relative;
  vertical-align: middle;
}

.widget-logoutbutton.iconRight img {
  padding-left: 5px;
  padding-right: 0;
}

.widget-logoutbutton.iconOnly img {
  padding-right: 0;
}

.widget-logoutbutton-text {
  display: inline-block;
  position: relative;
  width: 100%;
}

.widget-logoutbutton-disabled,
.widget-logoutbutton-disabled:hover,
.widget-logoutbutton-disabled:active {
  background: #d4d4d4 url("../../Common/thingworx/widgets/logoutbutton/images/button-disabled.png") repeat-x;
  opacity: 0.5;
}

.widget-logoutbutton .button-element img.hover {
  display: none;
}

.widget-logoutbutton .button-element img.active {
  display: none;
}

.widget-logoutbutton .button-element:hover img.default {
  display: none;
}

.widget-logoutbutton .button-element:hover img.hover {
  display: inline;
}

.widget-logoutbutton .button-element:active img.default {
  display: none;
}

.widget-logoutbutton .button-element:active img.hover {
  display: none;
}

.widget-logoutbutton .button-element:active img.active {
  display: inline;
}

.widget-logoutbutton.singleImageOnly img.default {
  display: inline !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .widget-logoutbutton-text {
    vertical-align: top;
  }

  .mac .widget-logoutbutton .textsize-normal .widget-logoutbutton-text {
    top: -1px;
  }

  .mac .widget-logoutbutton.hasImage .textsize-xlarge .widget-logoutbutton-text,
  .mac .widget-logoutbutton.hasImage .textsize-xxl .widget-logoutbutton-text {
    top: -1px;
  }

  .pc .widget-logoutbutton .widget-logoutbutton-text {
    top: -1px;
  }

  .pc .widget-logoutbutton.hasImage .textsize-3xl img {
    top: -2px;
  }

  .pc .widget-logoutbutton.hasImage .textsize-xlarge .widget-logoutbutton-text,
  .pc .widget-logoutbutton.hasImage .textsize-xxl .widget-logoutbutton-text,
  .pc .widget-logoutbutton.hasImage .textsize-2xl .widget-logoutbutton-text {
    top: -2px;
  }

  .pc .widget-logoutbutton.hasImage .textsize-3xl .widget-logoutbutton-text {
    top: -3px;
  }
}

@media screen and (min-width:0\0) {
  .widget-logoutbutton .widget-logoutbutton-text,
  .widget-logoutbutton.hasImage .textsize-3xl img {
    top: -1px;
  }

  .widget-logoutbutton.hasImage .textsize-3xl .widget-logoutbutton-text {
    top: -2px;
  }
}

@-moz-document url-prefix()  {
  .pc .widget-logoutbutton .widget-logoutbutton-text {
    top: -1px;
  }

  .pc .widget-logoutbutton .textsize-3xl img {
    top: -3px;
  }

  .pc .widget-logoutbutton.hasImage .textsize-3xl .widget-logoutbutton-text {
    top: -4px;
  }

  .mac .widget-logoutbutton .textsize-small .widget-logoutbutton-text {
    top: 1px;
  }

  .mac .widget-logoutbutton .textsize-large .widget-logoutbutton-text,
  .mac .widget-logoutbutton .textsize-xlarge .widget-logoutbutton-text,
  .mac .widget-logoutbutton .textsize-2xl .widget-logoutbutton-text,
  .mac .widget-logoutbutton .textsize-3xl .widget-logoutbutton-text {
    top: -1px;
  }

  .mac .widget-logoutbutton.hasImage .textsize-small .widget-logoutbutton-text {
    top: 0;
  }

  .mac .widget-logoutbutton.hasImage .textsize-xxl .widget-logoutbutton-text,
  .mac .widget-logoutbutton.hasImage .textsize-2xl .widget-logoutbutton-text {
    top: -1px;
  }
}

.widget-logoutbutton.hasImage .widget-logoutbutton-text {
  vertical-align: middle;
}

.widget-eventsrouter {
  display: none;
}
/* Selectmenu
----------------------------------*/

.ui-selectmenu {
  display: block;
  position: relative;
  height: 2em;
  text-decoration: none;
  overflow: hidden;
}

.ui-selectmenu-icon {
  position: absolute;
  right: 6px;
  margin-top: -8px;
  top: 50%;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  overflow: auto;
}

.ui-selectmenu-open {
  visibility: visible;
}

.ui-selectmenu-menu-popup {
  margin-top: -1px;
}



.ui-selectmenu-menu li {
  padding: 0;
  margin: 0;
  display: block;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
  font-weight: normal !important;
}

.ui-selectmenu-menu li a,
.ui-selectmenu-status {
  line-height: 1.4em;
  display: block;
  padding: .3em 1em;
  outline: none;
  text-decoration: none;
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
  padding-left: 20px;
  position: relative;
  margin-left: 5px;
}

.ui-selectmenu-menu li .ui-icon,
.ui-selectmenu-status .ui-icon {
  position: absolute;
  top: 1em;
  margin-top: -8px;
  left: 0;
}

.ui-selectmenu-status {
  line-height: 1.4em;
}





.ui-selectmenu-menu li span,
.ui-selectmenu-status span {
  display: block;
  margin-bottom: .2em;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
  font-weight: bold;
}



.ui-selectmenu-menu li .ui-selectmenu-item-footer {
  opacity: .8;
}

/*for optgroups*/

.ui-selectmenu-menu .ui-selectmenu-group {
  font-size: 1em;
}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
  line-height: 1.4em;
  display: block;
  padding: .6em .5em 0;
  font-weight: bold;
}

.ui-selectmenu-menu .ui-selectmenu-group ul {
  margin: 0;
  padding: 0;
}
.ui-dialog .ui-dialog-content.tag-picker-dialog {
  overflow: hidden;
  width: 800px;
  z-index: 99999;
}

.tag-picker-dialog select,
.tag-picker-dialog input {
  display: inline-block;
  color: #666;
  font-size: 11px;
  padding: 2px;
}

.tag-picker-dialog select {
  width: 165px;
}



.tag-picker-dialog .terms,
.tag-picker-dialog .tags {
  height: 327px;
  position: relative;
}

.tag-picker-dialog .tags {
  float: right;
  width: 244px;
}

.tag-picker-dialog .terms {
  float: left;
  width: 404px;
}

.tag-picker-dialog li {
  background: #fff;
  border-bottom: 1px solid #d6d6d6;
  cursor: pointer;
  padding: 0 10px;
  position: relative;
}

.tag-picker-dialog li span.fullTag {
  color: #333;
  display: inline-block;
  font-size: 11px;
  height: 24px;
  line-height: 24px;
}

.tag-picker-dialog li:hover {
  background-color: #f5f5f5;
}

.tag-picker-dialog li.selected {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}

.tag-picker-dialog li.selected span.fullTag {
  color: #fff;
}

.tag-picker-dialog .label {
  padding: 0 10px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.tag-picker-dialog .label span {
  color: #333;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
}

.tag-picker-dialog .vocabularies {
  display: inline-block;
  margin-left: 10px;
  position: relative;
}

.tag-picker-dialog .vocabulary-label {
  color: #333;
  font-size: 11px;
  font-weight: bold;
  height: 26px;
  line-height: 24px;
  padding-right: 4px;
}

.tag-picker-dialog .select-box-wrapper {
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 299px;
  overflow: auto;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.tag-picker-dialog .select-box-wrapper.new-term-available {
  height: 272px;
}

.tag-picker-dialog .select-btn,
.tag-picker-dialog .unselect-btn {
  padding: 4px 12px;
  margin: 5px;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  word-wrap: break-word;
  -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);
  text-align: center;
}

.tag-picker-dialog .select-btn:hover,
.tag-picker-dialog .unselect-btn:hover {
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  background-color: #e6e6e6;
}

.tag-picker-dialog .select-btn:active,
.tag-picker-dialog .unselect-btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #e6e6e6;
}

.btn-container {
  width: 110px;
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
}

.tag-picker-dialog .select-btn-text {
  background: url("../../Common/thingworx/jQueryPlugins/tagPicker/images/plus.png") no-repeat left center;
  padding-left: 20px;
}

.tag-picker-dialog .unselect-btn-text {
  background: url("../../Common/thingworx/jQueryPlugins/tagPicker/images/cross.png") no-repeat left center;
  padding-left: 20px;
}

.tag-picker-dialog .new-term {
  background: #f3f3f3;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQyZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(top, #f3f3f3 0%, #d2d2d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #d2d2d2));
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #d2d2d2 100%);
  background: -o-linear-gradient(top, #f3f3f3 0%, #d2d2d2 100%);
  background: -ms-linear-gradient(top, #f3f3f3 0%, #d2d2d2 100%);
  background: linear-gradient(top, #f3f3f3 0%, #d2d2d2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#d2d2d2', GradientType=0 );
  border: 1px solid #fff;
  border-bottom: 1px solid #ababab;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  position: relative;
  z-index: 99999;
}

.tag-picker-dialog .new-term label {
  color: #333;
  font-size: 11px;
  font-weight: bold;
  padding-right: 10px;
  display: inline-block;
}

.tag-picker-dialog .new-term input {
  padding: 0;
  line-height: auto;
}

.tag-picker-dialog .new-term-btn {
  background: url("../../Common/thingworx/jQueryPlugins/tagPicker/images/ui-dialog-button-clear.png") repeat-x;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  height: 21px;
  line-height: 20px;
  margin-left: 5px;
  padding: 0 8px;
  position: relative;
  top: -1px;
}

.tag-picker-dialog .blog-tag-picker {
  background: url("../../Common/thingworx/jQueryPlugins/tagPicker/images/tag-picker-bg.png") top center no-repeat;
  width: 600px;
  top: 56px;
  height: 367px;
  position: absolute;
  z-index: 5;
  left: 20px;
  padding-top: 20px;
}

/* these are generic tag picker button styles, override in your specific widget*/

.tag-picker {
  background: url("../../Common/thingworx/jQueryPlugins/tagPicker/images/bg-btn-right-small.png") no-repeat right center;
  font-size: 11px;
  padding-right: 7px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  cursor: pointer;
  position: relative;
}

.tag-picker:hover {
  background: url("../../Common/thingworx/jQueryPlugins/tagPicker/images/bg-btn-right-small-hover.png") no-repeat right center;
}

.tag-picker-btn {
  background: url("../../Common/thingworx/jQueryPlugins/tagPicker/images/bg-btn-left-small.png") no-repeat left center;
  color: #787878;
  padding: 5px 0;
  padding-left: 7px;
  display: inline-block;
}

.tag-picker:hover .tag-picker-btn {
  background: url("../../Common/thingworx/jQueryPlugins/tagPicker/images/bg-btn-left-small-hover.png") no-repeat left center;
}

.tag-picker span.tag-picker-btn-count {
  background: url("../../Common/thingworx/jQueryPlugins/tagPicker/images/tag-alert.png") top left no-repeat;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: -2px;
  right: -10px;
  font-size: 10px;
}
#confirmOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-color: #000;
  z-index: 99998;
}

#confirmBox {
  color: #333;
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99999;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}

#confirmBox .confirmHeader {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}

#confirmBox .confirmBody {
  font-size: 12px;
  padding: 15px;
}

#confirmButtons {
  padding: 14px 15px;
  margin-bottom: 0;
  text-align: center;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}

#confirmButtons .btn {
  display: inline-block;
  padding: 4px 14px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  text-decoration: none;
}

#confirmButtons .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

#confirmButtons .btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

#confirmButtons .btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

#confirmButtons .blue {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#confirmButtons .blue:hover {
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  color: #ffffff;
  background-color: #0044cc;
}

#confirmButtons .blue:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  color: #ffffff;
  background-color: #0044cc;
}

#confirmBox li {
  list-style: none;
}
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip-content,
.qtip-titlebar {
  position: relative;
  overflow: hidden;
}

.qtip-content {
  padding: 5px 9px;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  padding: 5px 35px 5px 10px;
  border-width: 0 0 1px;
  font-weight: 700;
}

.qtip-titlebar+.qtip-content {
  border-top-width: 0!important;
}

.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  cursor: pointer;
  outline: 0;
  border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

.qtip-icon .ui-icon,
.qtip-titlebar .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon,
.qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal 700 10px/13px Tahoma,sans-serif;
  color: inherit;
  background: -100em -100em no-repeat;
}

.qtip-default {
  border: 1px solid #F1D031;
  background-color: #FFFFA3;
  color: #555;
}

.qtip-default .qtip-titlebar {
  background-color: #FFEF93;
}

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}

.qtip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15);
  box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15);
}

.qtip-bootstrap,
.qtip-rounded,
.qtip-tipsy {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.qtip-rounded .qtip-titlebar {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.qtip-youtube {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  color: #fff;
  border: 0 solid transparent;
  background: #4A4A4A;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));
  background-image: -webkit-linear-gradient(top,#4A4A4A 0,#000 100%);
  background-image: -moz-linear-gradient(top,#4A4A4A 0,#000 100%);
  background-image: -ms-linear-gradient(top,#4A4A4A 0,#000 100%);
  background-image: -o-linear-gradient(top,#4A4A4A 0,#000 100%);
}

.qtip-youtube .qtip-titlebar {
  background-color: #4A4A4A;
  background-color: rgba(0,0,0,0);
}

.qtip-youtube .qtip-content {
  padding: .75em;
  font: 12px arial,sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}

.qtip-youtube .qtip-icon {
  border-color: #222;
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-jtools {
  background: #232323;
  background: rgba(0,0,0,.7);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));
  background-image: -moz-linear-gradient(top,#717171,#232323);
  background-image: -webkit-linear-gradient(top,#717171,#232323);
  background-image: -ms-linear-gradient(top,#717171,#232323);
  background-image: -o-linear-gradient(top,#717171,#232323);
  border: 2px solid #ddd;
  border: 2px solid rgba(241,241,241,1);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}

.qtip-jtools .qtip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.qtip-jtools .qtip-content,
.qtip-jtools .qtip-titlebar {
  background: 0 0;
  color: #fff;
  border: 0 dashed transparent;
}

.qtip-jtools .qtip-icon {
  border-color: #555;
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333;
}

.qtip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0,0,0,.4);
  -moz-box-shadow: 4px 4px 5px rgba(0,0,0,.4);
  box-shadow: 4px 4px 5px rgba(0,0,0,.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-titlebar {
  background-color: #87876A;
  color: #fff;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-icon {
  border-color: #808064;
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}

.qtip-tipsy {
  background: #000;
  background: rgba(0,0,0,.87);
  color: #fff;
  border: 0 solid transparent;
  font-size: 11px;
  font-family: 'Lucida Grande',sans-serif;
  font-weight: 700;
  line-height: 16px;
  text-shadow: 0 1px #000;
}

.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent;
}

.qtip-tipsy .qtip-content {
  padding: 6px 10px;
}

.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none;
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-tipped {
  border: 3px solid #959FA9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: 400;
  font-family: serif;
}

.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: #fff;
  background: #3A79B8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));
  background-image: -webkit-linear-gradient(top,#3A79B8,#2E629D);
  background-image: -moz-linear-gradient(top,#3A79B8,#2E629D);
  background-image: -ms-linear-gradient(top,#3A79B8,#2E629D);
  background-image: -o-linear-gradient(top,#3A79B8,#2E629D);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}

.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}

.qtip-tipped .qtip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}

.qtip-bootstrap {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 1px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(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,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.qtip-bootstrap .qtip-titlebar {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
  right: 11px;
  top: 45%;
  border-style: none;
}

.qtip-bootstrap .qtip-content {
  padding: 9px 14px;
}

.qtip-bootstrap .qtip-icon {
  background: 0 0;
}

.qtip-bootstrap .qtip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .4;
  filter: alpha(opacity=40);
}

.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

.qtip .qtip-tip,
x:-o-prefocus {
  visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: 0 0;
  border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url("../../../vendors/jquery.qtip/#default#VML");
  display: inline-block;
  visibility: visible;
}
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}

#tiptip_holder.tip_top {
  padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
  padding-top: 5px;
}

#tiptip_holder.tip_right {
  padding-left: 5px;
}

#tiptip_holder.tip_left {
  padding-right: 5px;
}

#tiptip_content {
  font-size: 11px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  padding: 10px;
  border: 1px solid rgba(255,255,255,0.25);
  background-color: rgb(76,137,11);
  background-color: rgba(76,137,11,0.92);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 3px #555;
  -webkit-box-shadow: 0 0 3px #555;
  -moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow,
#tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #fff;
  border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #fff;
  border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #fff;
  border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -7px;
  margin-left: -6px;
  border-top-color: rgb(76,137,11);
  border-top-color: rgba(76,137,11,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: rgb(76,137,11);
  border-bottom-color: rgba(76,137,11,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: rgb(76,137,11);
  border-right-color: rgba(76,137,11,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: rgb(76,137,11);
  border-left-color: rgba(76,137,11,0.92);
}

#tiptip_content h3 {
  margin-bottom: 10px;
}

#tiptip_content table {
  margin-bottom: 5px;
}

#tiptip_content li {
  line-height: 14px;
  list-style-position: inside;
  padding-top: 5px;
}

#tiptip_content td {
  line-height: 14px;
  padding-bottom: 5px;
  vertical-align: top;
}

#tiptip_content strong {
  display: inline-block;
  width: 50px;
}

/* Webkit Hacks  */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #tiptip_content {
    padding: 4px 8px 5px 8px;
    background-color: rgba(45,45,45,0.88);
  }

  #tiptip_holder.tip_bottom #tiptip_arrow_inner {
    border-bottom-color: rgba(45,45,45,0.88);
  }

  #tiptip_holder.tip_top #tiptip_arrow_inner {
    border-top-color: rgba(20,20,20,0.92);
  }
}
.span12 {
  width: 940px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 380px;
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}

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

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}
.clearfix {
  *zoom: 1;
}

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

.clearfix:after {
  clear: both;
}

/* ---------------------------------------------------------------------------------------------------------------------
   Used BOOTSTRAP classes.
   CCS coming from bootstrap-runtime.css that was removed in M release.
   ---------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }

  .row-fluid {
    width: 100%;
  }

  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }

  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }

  .modal {
    position: fixed;
    top: 200px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
  }

  .modal.fade {
    top: -100px;
  }

  .modal.fade.in {
    top: 20px;
  }
}

@media (max-width: 480px) {
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }

  .modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }

  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .span12 {
    width: 724px;
  }

  .span7 {
    width: 414px;
  }

  .span6 {
    width: 352px;
  }

  .span5 {
    width: 290px;
  }

  .span2 {
    width: 104px;
  }

  .span1 {
    width: 42px;
  }

  input,
  textarea {
    margin-left: 0;
  }

  input.span12,
  textarea.span12 {
    width: 710px;
  }

  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }

  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }

  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }

  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }

  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
}

@media (min-width: 1200px) {
  .span12 {
    width: 1170px;
  }

  .span7 {
    width: 670px;
  }

  .span6 {
    width: 570px;
  }

  .span5 {
    width: 470px;
  }

  .span2 {
    width: 170px;
  }

  .span1 {
    width: 70px;
  }

  input,
  textarea {
    margin-left: 0;
  }

  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }

  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }

  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }

  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }

  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }

  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }
}
/*tables*/

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

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

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success > td {
  background-color: #dff0d8;
}

.table tbody tr.error > td {
  background-color: #f2dede;
}

.table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.table tbody tr.info > td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}
/*alerts*/

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #3a87ad;
}
/*
Product Name: dhtmlxSuite 
Version: 5.1.0 
Edition: Professional 
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/

/*
	skin detected: dhx_web
	include extra file: skins/dhx_web.less
*/

.dhtmlxslider_dhx_web {
  z-index: 0;
}

.dhtmlxslider_dhx_web .dhxsl_hidden {
  display: none;
}

.dhtmlxslider_dhx_web .dhxsl_container {
  position: relative;
  float: left;
  clear: left;
  margin: 0px;
  padding: 1px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.dhtmlxslider_dhx_web .dhxsl_container.dhxsl_cont_hr {
  margin-top: 5px;
}

.dhtmlxslider_dhx_web .dhxsl_container.dhxsl_cont_vr {
  margin-left: 5px;
}

.dhtmlxslider_dhx_web .dhxsl_runner {
  position: absolute;
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #3da0e3;
  background-color: #3da0e3;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  z-index: 1;
}

.dhtmlxslider_dhx_web .dhxsl_runner.dhxsl_runner_actv {
  background-color: #2589ce;
  z-index: 2;
}

.dhtmlxslider_dhx_web .dhxsl_runner_dis {
  border: 1px solid #999999;
  background-color: #999999;
}

.dhtmlxslider_dhx_web .dhxsl_track {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #c7c7c7;
  position: relative;
  background-color: #ffffff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
}

.dhtmlxslider_dhx_web .dhxsl_track div.dhxsl_track_bg {
  position: absolute;
  background-color: #d9ecfa;
  font-size: 1px;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxslider_dhx_web .dhxsl_cont_vr .dhxsl_track {
  height: 100%;
  width: 6px;
}

.dhtmlxslider_dhx_web .dhxsl_cont_vr .dhxsl_track div.dhxsl_track_bg {
  left: 0px;
  width: 100%;
}

.dhtmlxslider_dhx_web .dhxsl_cont_hr .dhxsl_track {
  width: 100%;
  height: 6px;
}

.dhtmlxslider_dhx_web .dhxsl_cont_hr .dhxsl_track div.dhxsl_track_bg {
  top: 0px;
  height: 100%;
}

.dhtmlxslider_dhx_web .dhxsl_track_dis {
  border: 1px solid #d9d9d9;
  background-color: #f2f2f2;
}

.dhtmlxslider_dhx_web .dhxsl_track_dis div.dhxsl_track_bg {
  background-color: #d9d9d9;
}

.dhxslider_skin_detect {
  position: absolute;
  left: 0px;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0px solid white;
  width: 20px;
  height: 10px;
  overflow: hidden;
}
.BMCollectionViewMenuWrapper {
  display: block;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
}

.BMCollectionViewMenu {
  display: -webkit-box;
  display: flex;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
}

.BMCollectionViewMenuVertical {
  flex-direction: column;
}

.BMCollectionViewMenuHorizontal {
  flex-direction: row;
}

.BMCollectionViewMenuEntry {
  flex-grow: 0;
  flex-basis: 121px;
  min-width: 121px;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: filter .2s ease;
}

.BMCollectionViewMenuEntry:active {
  filter: brightness(75%);
}

.BMCollectionViewMenuVertical > .BMCollectionViewMenuEntry {
  flex-grow: 1;
}

.BMCollectionViewMenuEntryIcon {
  margin: 8px;
}

.BMCollectionViewMenuEntry.BMCollectionViewMenuEntryLeft,
.BMCollectionViewMenuEntry.BMCollectionViewMenuEntryRight {
  flex-direction: row;
}

.BMCollectionViewMenuEntry.BMCollectionViewMenuEntryAbove,
.BMCollectionViewMenuEntry.BMCollectionViewMenuEntryBelow {
  flex-direction: column;
}

.BMCollectionViewSupplementaryView,
.BMCollectionViewCellWrapper {
  -webkit-tap-highlight-color: transparent !important;
}

.BMCollectionViewWidget .configuration-warning {
  color: #FFFFFF;
  background-color: #000000;
  text-align: center;
  padding: 4px;
}
/* Place custom CSS styling for widget at runtime in this file */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcsbreadcrumb {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for ptcsbutton widget at runtime in this file */


/* Place custom CSS styling for widget at runtime in this file */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcschartbar {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for widget at runtime in this file */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcschartcombo {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for widget at runtime in this file */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcschartline {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for widget at runtime in this file */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcschartpareto {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for widget at runtime in this file */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcschartpie {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for widget at runtime in this file */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcschartwaterfall {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for widget at runtime in this file */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcschartschedule {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for ptcscheckbox widget at runtime in this file */


/* Place custom CSS styling for ptc1divider widget at runtime in this file */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcschipdatafilter {
  height: 100%;
  width: 100%;
}
.widget-ptcscollection {
  display: block;
  height: unset;
  /* Height is controlled by absolute positioning */
  /** The next rule is to stretch the grid to the whole size of the parent container. Otherwise, 750px grid internal default height takes precedence **/
  min-height: 100%;
}

/* Define layout for mashup and menu button */

.widget-ptcscollection .mub-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}

.widget-ptcscollection[layout=table] .mub-container {
  width: calc(var(--ptcs-collection--table-width,100%) - var(--ptcs-collection-space-left,0px) - var(--ptcs-collection-space-right,0px) - var(--ptcs-table-cell-dw, 0px));
}

.widget-ptcscollection[row-vertical-alignment=stretch] .mub-container,
.widget-ptcscollection[stretch-single-row-height] .mub-container {
  min-height: 100%;
}

.widget-ptcscollection ptcs-mashup-container {
  overflow: auto;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}

.widget-ptcscollection[layout=table] ptcs-mashup-container {
  width: 100% !important;
}

.widget-ptcscollection[cell-pointer=pointer] ptcs-mashup-container {
  cursor: pointer;
}

.widget-ptcscollection[cell-pointer=default] ptcs-mashup-container {
  cursor: default;
}

.widget-ptcscollection[row-vertical-alignment=stretch] ptcs-mashup-container,
.widget-ptcscollection[stretch-single-row-height] ptcs-mashup-container {
  min-height: 100%;
}

#runtime-workspace.responsive .widget-ptcscollection ptcs-mashup-container > .mashupcontainer-root > .responsive > .outer-container,
#runtime-workspace.responsive .widget-ptcscollection ptcs-mashup-container > .mashupcontainer-root > .responsive > .outer-container > .widget-mashup {
  position: relative;
}

#runtime-workspace.responsive .widget-ptcscollection ptcs-mashup-container > .mashupcontainer-root,
#runtime-workspace.responsive .widget-ptcscollection ptcs-mashup-container > .mashupcontainer-root > .responsive,
#runtime-workspace.responsive .widget-ptcscollection ptcs-mashup-container > .mashupcontainer-root > .responsive > .outer-container,
#runtime-workspace.responsive .widget-ptcscollection ptcs-mashup-container > .mashupcontainer-root > .responsive > .outer-container > .widget-mashup {
  height: 100%;
}

.widget-ptcscollection::part(custom-message) {
  width: 100%;
  height: 100%;
}

.widget-ptcscollection ptcs-mashup-container.custom-message {
  width: 100%;
  height: 100%;
}

.widget-ptcscollection[transparent-mashups] ptcs-mashup-container:not(.mub-section-header):not(.mub-section-footer):not(.custom-message) .widget-container {
  background: none !important;
}
/* Place custom CSS styling for ptcsconfirmation widget at runtime in this file */


/* Place custom CSS styling for ptc1divider widget at runtime in this file */



.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcsdivider {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for ptcsdatepicker widget at runtime in this file */


.widget-ptcsdropdown {
  line-height: initial;
}
ptcs-dynamic-panel[variant=reveal]:not([collapsed]) > ptcs-mb-container[flex][slot=panel] > .widget-flexcontainer-bounding-box {
  min-height: var(--ptcs-dynamic-panel--body-min-height, auto);
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .outer-container[ptcsdynamicpanel-container] {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for ptcsfileupload widget at runtime in this file */


/* A workaround for Mac Safari/iPad Safari/iPad Chrome issue that the body of the grid gets an 0 height */

.widget-bounding-box.responsive > .widget-ptcsgrid {
  height: 100%;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcsgrid {
  height: 100%;
  width: 100%;
}

.data-error:has(+ .widget-content.widget-ptcsgrid) {
  display: none !important;
}
.widget-ptcsicon {
  line-height: 0.95;
}
/* Place custom CSS styling for ptcsimage widget at runtime in this file */


/* Place custom CSS styling for ptcskpidial widget at runtime in this file */


/* Place custom CSS styling for ptcslabel widget at runtime in this file */


/* Place custom CSS styling for ptcslink widget at runtime in this file */


/* Place custom CSS styling for widget at runtime in this file */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcslist {
  height: 100%;
  width: 100%;
}

.responsive .widget-ptcslist.widget-ptcslist {
  height: unset;
  /* Disable ptcs-list built-in height algorithm */
}
/* Place custom CSS styling for ptc1divider widget at runtime in this file */

.widget-content.widget-ptcslistshuttle {
  min-width: 34px;
}
/* Place custom CSS styling for ptcsmenubar widget at runtime in this file */


/* Place custom CSS styling for ptcsmenubutton widget at runtime in this file */


/* Place custom CSS styling for ptcspagination widget at runtime in this file */


/* Place custom CSS styling for widget at runtime in this file */
/*#TW-83518 ptcspropertydisplay inside a tab-set when VerticalMode is false should display
multiple property in a row occupying complete width of the container else it behaves as VerticalMode = true*/

ptcs-tab-set div[id*='root_ptcspropertydisplay'][id$='bounding-box'] {
  width: 100%;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcspropertydisplay {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for ptcsradio widget at runtime in this file */


/* Place custom CSS styling for ptcsslider widget at runtime in this file */


/* TW-87236 - Workaround for the static panel inside a responsive widget */

.widget-bounding-box.nonresponsive > .outer-container.nonresponsive > .widget-ptcstabset > ptcs-mb-container > .widget-bounding-box.responsive .widget-panel.static {
  position: absolute;
}

.widget-bounding-box.nonresponsive > .outer-container.nonresponsive > .widget-ptcstabset > ptcs-mb-container > .widget-bounding-box.responsive > .widget-content {
  position: absolute;
}

/* --------------------------------------------------------------------- */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .outer-container[ptcstabset-container] {
  height: 100%;
  width: 100%;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .outer-container > .widget-content.widget-ptcstabset {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for widget at runtime in this file */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcstextarea {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for ptcstimer widget at runtime in this file */


/* Place custom CSS styling for ptcstextfield widget at runtime in this file */


/* Place custom CSS styling for ptcstogglebutton widget at runtime in this file */


/* Place custom CSS styling for ptc1divider widget at runtime in this file */

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcstoolbar {
  height: 100%;
  width: 100%;
}
/* Place custom CSS styling for widget at runtime in this file */
/* Place custom CSS styling for ptcsvaluedisplay widget at runtime in this file */

.widget-bounding-box.nonresponsive>ptcs-value-display[_value-type=password] {
  min-height: 68px;
}

.widget-bounding-box.nonresponsive>ptcs-value-display[value-type=checkbox] {
  min-height: 48px;
}

.widget-bounding-box.nonresponsive>ptcs-value-display  *[_value-type=link] {
  min-height: 52px;
}

.widget-bounding-box.nonresponsive>ptcs-value-display *[_value-type=html] {
  min-height: 68px;
}

.widget-bounding-box.nonresponsive>ptcs-value-display *[_value-type=image] {
  width: 301px;
  height: 201px;
}

.flex-oca > .widget-flexcontainer > .widget-bounding-box:not(.nonresponsive) > .widget-content.widget-ptcsvaluedisplay {
  height: 100%;
  width: 100%;
}
/* support "inline" WebComponents */

.widget-bounding-box > .widget-content.ptcs-wrapper {
  vertical-align: bottom;
}

/* support WebComponents resizing in MB */

.widget-bounding-box > .ptcs-wrapper {
  box-sizing: border-box;
}

.widget-flexcontainer > .widget-bounding-box.ptcs-wrapper-resizing {
  flex-shrink: 0;
}

.widget-panel .widget-bounding-box.nonresponsive > .ptcs-wrapper {
  position: relative;
}

.widget-fieldset .widget-bounding-box.nonresponsive > .ptcs-wrapper {
  position: relative;
}

.flex-root .widget-flexcontainer-bounding-box.flex-leaf-static .static .widget-bounding-box.nonresponsive > .ptcs-wrapper {
  position: relative;
}

/* don't prevent clicks on the widgets which can be selected on Mashup IDE */

.selectable.widget-content.ptcs-wrapper {
  pointer-events: auto;
}

/* Do not apply this for the new variant (it puts the container over the state indicator) */

ptcs-mb-container:not([flex]) {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

/* Unless we clear the default container background, the colors of the reveal variant will be hidden */

ptcs-mb-container[flex] > .widget-bounding-box > .widget-content.widget-flexcontainer {
  background: unset;
}

/* Without this, the containers turn into thin lines with zero height */

#workspace ptcs-mb-container[flex] .widget-content.widget-flexcontainer {
  min-height: 34px !important;
}

ptcs-mb-container > .widget-bounding-box {
  height: 100%;
  width: 100%;
}