.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  display: none;
  position: absolute;
  width: 0px;
  height: 0px;
}
.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-state-disabled {
  cursor: default !important;
}
.ui-icon {
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  padding-left: auto;
  padding-right: auto;
}
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-widget {
  font-family: calibri, ariel;
  font-size: 1.6em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: calibri, ariel;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #8e846b;
  background-image: linear-gradient(to top, #fbecc1, #fff);
  color: #383838;
}
.ui-widget-content a {
  color: #383838;
}
.ui-widget-header {
  border: 1px solid #494437;
  background-image: linear-gradient(to bottom, #9b9587, #dcdad5);
  color: #fff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #fff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background-image: linear-gradient(to bottom, #fbecc1, #fcbe69);

  font-weight: bold;
  color: #4b3d2a;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #352f27;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #ffb56b;
  background: #fed69f url(images/ui-bg_highlight-hard_100_fed69f_1x100.png) 50%
    50% repeat-x;
  font-weight: bold;
  color: #4b3d2a;
}
.ui-state-hover a,
.ui-state-hover a:hover {
  color: #835401;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background-image: linear-gradient(to bottom, #fbecc1, #fbecc1);
  font-weight: bold;
  color: #ff1424;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #000;
  text-decoration: none;
}
.ui-widget :active {
  outline: 0;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #eeb420;
  background: #fff9e5 url(images/ui-bg_gloss-wave_90_fff9e5_500x100.png) 50% top
    repeat-x;
  color: #1f1f1f;
}
.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: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ffb73d;
  background: #f76502 url(images/ui-bg_diagonals-thick_20_f76502_40x40.png) 50%
    50% repeat;
  color: #0b0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #0b0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #0b0a0a;
}
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(images/ui-icons_d19405_256x240.png);
}
.ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_d19405_256x240.png);
}
.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_f5a52e_256x240.png);
}
.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_3d3d3d_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_bd7b00_256x240.png);
}
.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_eb990f_256x240.png);
}
.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_ed9f26_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_0d0d0c_256x240.png);
}
.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 {
  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;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -khtml-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -khtml-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -khtml-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -khtml-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ui-widget-overlay {
  background: #5c5c5c url(images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50%
    repeat-x;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
}
.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: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.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: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.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 Resizable 1.8.21
     * http: //docs.jquery.com/UI/Resizable#theming
     */
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  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.21
      * http: //docs.jquery.com/UI/Accordion#theming
     */
.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: 0.5em 0.5em 0.5em 0.7em;
}
.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: 0.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.21
     * http: //docs.jquery.com/UI/Autocomplete#theming
     */
.ui-autocomplete {
  position: absolute;
  cursor: default;
}
* html .ui-autocomplete {
  width: 1px;
}
.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: 0.2em 0.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.21
     * http: //docs.jquery.com/UI/Button#theming
     */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: 0.1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
}
.ui-button-icon-only {
  width: 2.2em;
}
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
input.ui-button {
  padding: 0.4em 1em;
}
.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: 0.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: 0.5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*!
     * jQuery UI Dialog 1.8.21
     * http: //docs.jquery.com/UI/Dialog#theming
     */
.ui-dialog {
  position: absolute;
  padding: 0.2em;
  width: 300px;
  overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 8px;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 16px 0.1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.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: 0.5em 1em;
  background: 0;
  overflow: hidden;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: 0.5em 0 0 0;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.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 Tabs 1.8.21
     * http: //docs.jquery.com/UI/Tabs#theming
     */
.ui-tabs {
  position: relative;
  padding: 0.2em;
  zoom: 1;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 0.2em 1px 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0;
}
.ui-tabs .ui-tabs-hide {
  display: none !important;
}
/*!
     * jQuery UI Datepicker 1.8.21
     * http: //docs.jquery.com/UI/Datepicker#theming
     */
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.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: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.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: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  display: inline-block;
  overflow: hidden;
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.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;
}
.ui-datepicker-cover {
  display: none;
  display: block;
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}
.ui-progressbar {
  height: 14px;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-helper-horizontal > DIV,
.ui-helper-horizontal > LI,
.ui-helper-horizontal > SPAN,
.ui-helper-horizontal > LABEL,
.ui-helper-horizontal > H1,
.ui-helper-horizontal > H2,
.ui-helper-horizontal > H3,
.ui-helper-horizontal > H4 {
  float: left;
  clear: none;
  display: block;
}
.ui-accordion a {
  outline: 0;
}
.ui-expander-right .ui-expander-header {
  margin: 0 1px;
  width: 2em;
  height: 12em;
  overflow: hidden;
}
.ui-expander-right .ui-expander-content {
  margin: 0;
  height: 200px;
  width: 12em;
  height: 12em;
  padding: 0 2.2em;
}
.ui-expander-right .ui-expander-content {
  top: 0;
  margin-left: -2px;
  padding: 1px;
  border: 0;
  margin-right: 1px;
}
.ui-expander-right .ui-state-active {
  border-right: 0;
}
.ui-expander-right .ui-expander-header a {
  padding: 2.2em 0 0 0;
}
.ui-expander-right .ui-expander-header .ui-icon {
  top: 10%;
}
.ui-expander-left .ui-expander-header {
  margin: 0 1px;
  width: 2em;
  height: 12em;
  overflow: hidden;
}
.ui-expander-left .ui-expander-content {
  margin: 0;
  height: 200px;
  width: 12em;
  height: 12em;
  padding: 0 2.2em;
}
.ui-expander-left .ui-expander-content {
  border: 0;
  padding: 1px;
  top: 0;
  margin-right: -2px;
  margin-left: 1px;
}
.ui-expander-left .ui-state-active {
  border-left: 0;
}
.ui-expander-left .ui-expander-header a {
  padding: 2.2em 0 0 0;
}
.ui-expander-left .ui-expander-header .ui-icon {
  top: 10%;
}
.ui-tabs .ui-tabs-nav li {
  top: 1px;
}
.ui-tabs-bottom .ui-tabs-nav li {
  top: -3px;
  padding: 0;
  margin: 1px 0.2em 0 0;
}
.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-selected {
  margin-top: -1px;
  padding-bottom: 2px;
}
.ui-tabs .ui-tabs-nav li {
  border: 0;
}
.filter-nofilter {
  background-position: 0 0;
}
.filter-contains {
  background-position: 0 -16px;
}
.filter-notcontain {
  background-position: 0 -32px;
}
.filter-beginswith {
  background-position: 0 -48px;
}
.filter-endswith {
  background-position: 0 -64px;
}
.filter-equals {
  background-position: 0 -80px;
}
.filter-notequal {
  background-position: 0 -96px;
}
.filter-greater {
  background-position: 0 -112px;
}
.filter-less {
  background-position: 0 -128px;
}
.filter-greaterorequal {
  background-position: 0 -144px;
}
.filter-lessorequal {
  background-position: 0 -160px;
}
.filter-isempty {
  background-position: 0 -176px;
}
.filter-notisempty {
  background-position: 0 -192px;
}
.filter-isnull {
  background-position: 0 -208px;
}
.filter-notisnull {
  background-position: 0 -224px;
}
header,
nav,
section,
article,
aside,
footer,
hgroup {
  display: block;
}
.ui-dialog-titlebar {
  text-align: left;
  padding: 4px;
}
h3 {
  display: block;
  font-size: 15px;
  font-weight: bold;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}
h2 {
  display: block;
  font-size: 18px;
  font-weight: bold;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}
h1 {
  display: block;
  font-size: 20px;
  font-weight: bold;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}
body {
  font-family: Calibri, serif, sans-serif;
}
.labelLogin {
  width: 150px;
  padding: 5px;
  display: block;
  margin-bottom: 5px;
}
.inputLogin {
  width: 95%;
  padding: 10px 5px;
  border: 1px #eee solid;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  line-height: 20px;
}
.mainHead {
  width: 96%;
  background-color: #9b9587;
  background-repeat: repeat-x;
  color: #fff;
  padding-left: 2%;
  padding-right: 2%;
  float: left;
  margin: 0;
}
.submenu {
  height: auto;
  width: 96%;
  background-color: blue;
  border-style: none;
  background-color: #d2d2d2;
  display: block;
  border-radius: 0 0 5px 5px;
}
.menu {
  background: #d2d2d2;
  padding-left: 2%;
  padding-right: 2%;
  margin: 0;
}
.menuButton {
  min-height: 55px;
  min-width: 100px;
  margin: 5px 0 5px 0;
  font-size: 9px;
  cursor: pointer;
  border: 1px solid #ccc;
  background-image: linear-gradient(to bottom, #fbecc1, #fcbe69);
  font-weight: bold;
  color: #4b3d2a;
}
.menuButton.on {
  font-size: 9px;
  font-weight: bold;
  color: #4b3d2a;
  font-weight: bold;
  text-align: center;
}
.menuButton:hover {
  border: 1px solid #ffb56b;
  background: #fed69f url(images/ui-bg_highlight-hard_100_fed69f_1x100.png) 50%
    50% repeat-x;
  font-weight: bold;
  color: #4b3d2a;
}
.menuButton:active {
  border: 1px solid #fbd850;
  background-image: linear-gradient(to bottom, #fbecc1, #fcbe69);
  font-weight: bold;
  color: #4b3d2a;
}
.menuButton.on {
  border: 1px solid #fbd850;
  background-image: linear-gradient(to bottom, #fcbe69, #fbecc1);
  font-weight: bold;
  color: #4b3d2a;
}
.menuButton.dashbaord {
  margin: 10px;
  border: 5px double #fff;
  min-width: 120px;
  min-height: 85px;
}
.dashboard-header {
  cursor: pointer;
  margin: 5px 0 3px 5px;
}
.dashboard-header:hover {
  color: blue;
}
.headPadding {
  padding: 2px 0 2px 0;
}
.LeftSection {
  float: left;
}
.RightSection {
  float: right;
  vertical-align: middle;
}
.alignLeft {
  text-align: left;
  width: 10px;
  display: inline;
}
.alignRight {
  text-align: right;
  width: 10px;
  display: inline;
}
.IconButton {
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  float: left;
  height: 34px;
  text-align: center;
  margin-right: 5px;
  margin-bottom: 5px;
  vertical-align: middle;
}
.SmallButton {
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  float: left;
  height: 34px;
  text-align: center;
  margin-right: 5px;
  margin-bottom: 5px;
  vertical-align: middle;
}
.SmallButton table {
  width: 100%;
}
.SmallButton tr {
  vertical-align: middle;
}
.SmallButton td {
  padding-left: 5px;
  text-align: left;
  font-size: 11px;
}
.CommandButton {
  height: auto;
  margin: 5px;
  margin-bottom: 5px;
  display: inline-block;
  min-width: 60px;
}
.CommandButton span {
  font-size: 10pt;
  color: #00477d;
  text-align: center;
  float: left;
  padding-bottom: 10px;
}
.CommandButton div {
  float: left;
  display: inline-block;
  text-align: center;
}
.left-image-Button {
  vertical-align: middle;
  float: left;
  text-align: left;
  margin-right: 5px;
  margin-top: 5px;
  border: 0;
  padding: 0;
  background-color: transparent;
}
.left-image-Button table {
  width: 100%;
  border: 0;
  padding: 0;
}
.left-image-Button tr {
  vertical-align: middle;
}
.left-image-Button td {
  padding-left: 0;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
}
.left-image-Button td img {
  cursor: pointer;
}
.BigButton {
  vertical-align: top;
  cursor: pointer;
  color: #333;
  width: 230px;
  height: 80px;
  text-align: left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding-bottom: 10px;
  font-weight: bold;
  font-family: verdana !important;
  font-size: 20px !important;
  border: 1px solid #ccc;
  background-image: linear-gradient(to top, #fbecc1, #fcbe69);
  font-weight: bold;
  color: #4b3d2a;
}
.BigButton:hover {
  border: 1px solid #ffb56b;
  background-image: linear-gradient(to top, #fcbe69, #fbecc1, #fcbe69);
  font-weight: bold;
  color: #4b3d2a;
}
.BigButton:active {
  vertical-align: top;
  cursor: pointer;
  color: #333;
  width: 230px;
  height: 80px;
  text-align: left;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #fbd850;
  background-image: linear-gradient(to top, #fbecc1, #fcbe69);
  font-weight: bold;
  color: #ff1424;
}
.BigButton table {
  width: 100%;
  height: 70px;
}
.BigButton tr {
  vertical-align: middle;
}
.BigButton td {
  text-align: left;
  font-size: 11px;
  font-weight: bolder;
}
.BigButton p{
  font-size:9px; 
    color:#8B4500; 
    font-style: normal !important;
}
.configuration-button {
  padding: 3px;
  display: inline-block;
  margin: 10px;
  width: 150px;
  height: 150px;
}
.configuration-button td {
  padding: 3px;
}
.configuration-button p {
  text-align: center;
}
.collection-setting {
  width: auto;
  float: left;
}
.collection-setting b {
  color: #00477d;
  font-size: 11pt;
  text-align: right;
}
.body {
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 10px;
  width: 96%;
  float: left;
  padding-top: 10px;
}
.mainContainer {
  margin: 0 5px 0 5px;
  padding-bottom: 10px;
  width: 100%;
}
.mainContainer header {
  padding-left: 5px;
  height: 23px;
  box-shadow: 1px 1px 2px #d2d2d2;
  vertical-align: middle;
}
.mainContainer article {
  padding: 5px;
  box-shadow: 1px 1px 2px #d2d2d2;
}
.mainContainer11 {
  width: 95%;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}
.mainContainer23 {
  width: 75%;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}
.mainContainer23 header {
  padding-left: 5px;
  height: 23px;
  vertical-align: middle;
  box-shadow: 1px 1px 2px #d2d2d2;
}
.mainContainer23 article {
  padding: 5px;
  box-shadow: 1px 1px 2px #d2d2d2;
}
.mainContainer13 {
  width: 21%;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
  padding-bottom: 10px;
}
.mainContainer13 header {
  padding-left: 5px;
  height: 23px;
  vertical-align: middle;
  box-shadow: 1px 1px 2px #d2d2d2;
}
.mainContainer13 article {
  padding: 5px;
  box-shadow: 1px 1px 2px #d2d2d2;
}
.mainContainer3 {
  width: 31.33333%;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
  padding-bottom: 10px;
}
.mainContainer3 header {
  padding-left: 5px;
  height: 23px;
  vertical-align: middle;
  box-shadow: 1px 1px 2px #d2d2d2;
}
.mainContainer3 article {
  padding: 5px;
  box-shadow: 1px 1px 2px #d2d2d2;
}
.mainContainer4 {
  width: 23%;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
  box-shadow: 1px 1px 2px #d2d2d2;
}
.mainContainer4 header {
  padding-left: 5px;
  height: 23px;
  vertical-align: middle;
}
.mainContainer4 article {
  padding: 5px;
}
.clear {
  background: 0;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.zebrahor {
  font-size: 13px;
  padding: 0;
  margin: 0;
  background-color: #fff;
  max-height: 200px;
  overflow: auto;
  border-spacing: 0;
  border: 1px solid #ccc;
  max-height: 160px;
  overflow: auto;
}
.zebrahor tr {
  height: 25px;
  background-color: #f4a306;
}
.zebrahor td {
  border-bottom: 1px solid #ccc;
  padding-left: 3px;
}
.zebrahor td:first-child {
  text-align: right;
  background-color: #fff;
  padding-right: 3px;
}
.zebrahor-3col {
  font-size: 13px;
  padding: 0;
  margin: 0;
  background-color: #fff;
  max-height: 200px;
  overflow: auto;
  border-spacing: 0;
  border: 1px solid #ccc;
  max-height: 160px;
  overflow: auto;
}
.zebrahor-3col tr {
  height: 25px;
  background-color: #f4a306;
}
.zebrahor-3col td {
  border-bottom: 1px solid #ccc;
}

.zebrahor-3col td:first-child {
  text-align: left;
  background-color: #fff;
  padding-left: 3px;
}
.zebraver tbody tr:hover,tr:hover .sorting_1  {
  background: #eed69b;
}
.ON {
  color: lime;
  font-size: 30px;
  border: 2px solid #ccc;
  background: green;
  width: 100px;
  height: 45px;
  padding-top: 10px;
  border-radius: 3px;
}
.OFF {
  color: silver;
  font-size: 30px;
  border: 2px solid #ccc;
  background: gray;
  width: 100px;
  height: 45px;
  padding-top: 10px;
  border-radius: 3px;
}
.fixHeight {
  height: 200px;
  overflow-y: scroll;
}
.alarm-number div {
  height: 115px;
  float: left;
  width: 50%;
  display: inline-block;
  padding: 5px 0 0 0;
}
.alarm-on {
  background-image: url("../../images/alarm-on.gif");
  width: 75px;
  height: 72px;
  display: inline-block;
  background-repeat: no-repeat;
}
.alarm-off {
  background-image: url("../../images/alarm-off.png");
  width: 75px;
  height: 72px;
  display: inline-block;
  background-repeat: no-repeat;
}
.alarm-offline {
  background-image: url("../../images/alarm-offline.png");
  width: 75px;
  height: 72px;
  display: inline-block;
  background-repeat: no-repeat;
}
.data-unit {
  font-size: 17px;
}
.alarm-red {
  color: red;
  font-size: 40px;
}
.alarm-gray {
  color: #ccc;
  font-size: 40px;
}
.small-date {
  float: bottom;
  font-size: 10px;
  color: gray;
  text-align: right;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
.jquery ul li {
  list-style: none;
  width: 100%;
  margin-left: 0;
  vertical-align: middle;
  margin-bottom: 2px;
  display: inline-block;
  float: left;
}
.jquery ul li label {
  width: 40%;
  display: inline-block;
  float: left;
  vertical-align: middle;
  line-height: 20px;
  padding: 5px 0 0 0;
}
.form {
  width: 400px;
  vertical-align: top;
  padding: 0 5px 5px 5px;
  float: left;
}
.form ul li {
  list-style: none;
  float: left;
}
.form ul li label {
  width: 200px;
  line-height: 20px;
  text-align: right !important;
}
.smallButton {
  margin: 1px 1px 1px 1px;
}
.smallDropButton {
  margin: 1px 1px 1px 1px;
}
.DialogMenuSmall_4_show {
  height: auto;
  width: 21px;
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: 1;
}
.DialogMenuSmall_5_show {
  height: 100px;
  width: 21px;
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: 1;
}
.DialogMenuSmall_2_show {
  height: auto;
  width: 21px;
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: 1;
}
.DialogMenuSmall_2_hide {
  height: auto;
  width: 21px;
  overflow: hidden;
  display: none;
  position: absolute;
  z-index: 1;
}
.listMenu-hide {
  min-height: 100px;
  width: 300px;
  overflow: hidden;
  display: none;
  position: absolute;
  z-index: 2;
}
.listMenu-show {
  min-height: 100px;
  width: 300px;
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: 2;
}
.DialogMenuSmall_4_hide {
  height: 0;
  overflow: hidden;
  display: none;
}
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
  height: 19px;
  float: left;
  cursor: pointer;
  color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
  text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
  outline: 0;
}
.paginate_disabled_previous,
.paginate_disabled_next {
  color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
  padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
  padding-right: 23px;
  margin-left: 10px;
}

.tablesorter {
  font-family: arial;
  margin: 10px 0 15px;
  font-size: 8pt;
  width: 100%;
  border-bottom: 1px #333 solid;
  margin-bottom: 10px;
  clear: both;
  border-collapse: collapse;
  border-spacing: 0;
}
.tablesorter tr th,
table tfoot tr th {
  background-color: #efb325;
  border: 1px solid #8e6810;
  font-size: 8pt;
  padding: 4px;
  color: #000 !important;
  text-align: center;
}
.tablesorter tr th.sorting,
table tfoot tr th.sorting {
  background-color: #efb325;
  border: 1px solid #8e6810;
  color: #000 !important;
  font-size: 8pt;
  padding: 4px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center right;
}
.tablesorter tbody td {
  color: #3d3d3d;
  padding: 5px;
  vertical-align: top;
  vertical-align: middle;
}
.tablesorter thead tr {
  padding: 5px;
}
.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
  background-color: #352f27;
  color: #fff !important;
}
.tablesorter thead tr th.sorting_asc {
  background-color: #352f27;
  color: #fff !important;
  background-repeat: no-repeat;
  background-position: center right;
}
.tablesorter thead tr th.sorting_desc {
  background-color: #352f27;
  color: #fff !important;
  background-repeat: no-repeat;
  background-position: center right;
}
.tablesorter .zebraver table tr td:last-child {
  text-align: right;
}
.dataTables_paginate {
  float: right;
  text-align: right;
}
.dataTables_info {
  width: 60%;
  float: left;
}
.dataTables_length {
  width: 40%;
  float: left;
}
.dataTables_filter {
  width: 50%;
  float: right;
  text-align: right;
}
.component_hide {
  display: none;
}
.component_show {
  display: block;
}
.DialogMeasurement {
  background-color: #eed69b;
  border: 1px solid #fff;
  padding-left: 5px;
  padding-right: 5px;
  max-height: 300px;
  width: 210px;
  text-align: left;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  z-index: 1;
}
.DialogProfile {
  background-color: #eed69b;
  border: 1px solid #fff;
  padding-left: 5px;
  padding-right: 5px;
  max-height: 300px;
  width: 230px;
  text-align: left;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  z-index: 1;
}
.DialogMeasurementFlexi {
  background-color: #eed69b;
  border: 1px solid #fff;
  padding-left: 5px;
  padding-right: 5px;
  max-height: 500px;
  max-width: 100%;
  text-align: right;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  z-index: 1;
}
.Link {
  text-decoration: underline;
  cursor: pointer;
}
.Link:hover {
  text-decoration: none;
  font-weight: bold;
}
.Loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #d2d2d2;
  display: none;
  background: rgba(210, 210, 210, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99D2D2D2);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99D2D2D2,  endColorstr=#99D2D2D2)";
}
.group_info {
  line-height: 10px;
}
.group_info p {
  -webkit-margin-before: 10px;
  -webkit-margin-after: 10px;
  line-height: 18px;
  padding-left: 20px;
  font-weight: normal;
}
#news_notification {
  text-align: center;
  width: 20px;
  height: 20px;
  background-color: #900;
  border: 1px solid #585858;
  color: #e7e5dc;
  border-radius: 5px;
  position: relative;
}
#box {
  border-radius: 5px;
  color: #585858;
  background-position: right;
  background-color: #ecf0f2;
  box-shadow: gray 2px 2px 2px;
  position: absolute !important;
  right: 1px;
  top: 28px;
  min-width: 300px;
  max-height: 500px;
  overflow: auto;
  padding: 10px;
  z-index: 1;
}
#pointer {
  background-repeat: no-repeat;
  background-position: right;
  position: absolute !important;
  float: right;
  background-color: transparent;
  padding: 0;
}
#all_post {
  float: right;
  cursor: pointer;
}
#show_all {
  color: #06c;
  cursor: pointer;
}
#show_all:hover {
  text-decoration: underline;
  cursor: pointer;
}
#post-list {
  width: 100%;
  background-color: #ecf0f2;
}
#post-list tr td {
  width: 100%;
  border-botton: #e5e5e5 solid 1px;
}
#news_detail span {
  float: right;
  cursor: pointer;
}
.detail_view {
  cursor: pointer;
  float: right;
}
.detail_view:hover {
  cursor: pointer;
  float: right;
  color: blue;
}
h3.header {
  color: #00477d;
}
fieldset {
  border-radius: 5px;
  box-shadow: grey;
  margin-bottom: 10px;
  width: auto;
  display: inline-block;
}
legend {
  text-align: left;
}
.timer-progress {
  width: 100px;
  height: 20px;
  float: right;
  display: block;
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb {
  background-color: gray;
}
::-webkit-scrollbar-track {
  background-color: silver;
}
@-moz-document url-prefix() {
  textarea {
    height: 5em;
  }
}
.ui-digital {
  vertical-align: central;
  height: 60px;
  padding-top: 5px;
  overflow-x: auto;
  overflow-y: hidden;
}
.ui-digital.Online {
  border: 1px solid gray;
  margin-top: 3px;
  border-radius: 3px;
  background-color: #fff;
  color: green;
  font-size: 40px;
}
.ui-digital.Offline {
  border: 1px solid gray;
  margin-top: 3px;
  border-radius: 3px;
  background-color: #fff;
  color: gray;
  font-size: 40px;
}
.title-lable {
  font-size: 15px;
  font-weight: bold;
  color: #00477d;
}
ul.list {
  background-color: white;
  border-radius: 5px;
  padding: 10px;
  display: list-item;
  list-style: none;
}
ul.list li {
  color: #36c;
  padding: 5px;
  font-family: verdana;
  font-size: 10pt;
  border: 1px white solid;
  border-top: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.list li:hover {
  color: #c866cc;
  cursor: pointer;
  border-radius: 4px;
}
.label-button {
  color: #36c;
  padding: 5px;
  background: transparent;
  border: 1px solid activeborder;
}
.label-button:hover {
  cursor: pointer;
  color: #c866cc;
  border: 1px solid activeborder;
}
.title3 {
  padding: 5px;
  background: gray;
  border: 1px solid activeborder;
  border-radius: 5px;
  color: snow;
  box-shadow: gray;
}
.ui-button {
  margin-left: -1px;
}
.ui-button-icon-only .ui-button-text {
  padding: 0.35em;
}
.ui-autocomplete-input {
  margin: 0;
}
.ui-widget {
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 12px;
}
.ui-button-text-only .ui-button-text {
  padding: 5px;
}
.ui-button-text-only .ui-buttonsmall-text {
  padding: 0;
}
.column {
  width: 23.6%;
  float: left;
  padding-bottom: 10px;
  padding-left: 1%;
  padding-top: 3px;
}
.column-1 {
  width: 98%;
  float: top;
  padding-bottom: 10px;
  padding-left: 1%;
}
.column-2 {
  width: 48.5%;
  float: left;
  padding-bottom: 10px;
  padding-left: 1%;
}
.column_3 {
  width: 31.83333%;
  float: left;
  padding-bottom: 10px;
  padding-left: 1%;
}
.column-4 {
  width: 23.6%;
  float: left;
  padding-bottom: 10px;
  padding-left: 1%;
}
.column_5 {
  width: 31.83333%;
  float: left;
  padding-bottom: 10px;
  padding-left: 1%;
}
.column_6 {
  width: 31.83333%;
  float: left;
  padding-bottom: 10px;
  padding-left: 1%;
}
.column_7 {
  width: 31.83333%;
  float: left;
  padding-bottom: 10px;
  padding-left: 1%;
}
.column_8 {
  width: 31.83333%;
  float: left;
  padding-bottom: 10px;
  padding-left: 1%;
}
.column_9 {
  width: 31.83333%;
  float: left;
  padding-bottom: 10px;
  padding-left: 1%;
}
.portlet {
  margin: 0 1em 1em 0;
}
.portlet-header {
  margin: 0.3em;
  padding-bottom: 4px;
  padding-left: 0.2em;
}
.portlet-header .ui-icon {
  float: right;
  font-size: 20pt;
}
.portlet-content {
  padding: 0.4em;
}
.ui-sortable-placeholder {
  border: 1px dotted black;
  visibility: visible !important;
  height: 50px !important;
}
.ui-sortable-placeholder * {
  visibility: hidden;
}
div.off-command,
div.on-command,
div.single-command {
  background-image: url("images/all_command.png");
  background-repeat: no-repeat;
  height: 45px;
  width: 120px;
  display: inline-block;
  margin-right: 5px;
}
div.off-command {
  background-position: 0 -50px;
  cursor: pointer;
}
div.off-command:hover {
  background-position: 0 0;
}
div.off-command:active {
  background-position: 0 -150px;
}
div.on-command {
  background-position: 0 -150px;
  cursor: pointer;
}
div.on-command:hover {
  background-position: 0 -100px;
}
div.on-command:active {
  background-position: 0 -150px;
}
div.single-command {
  background-position: 0 -200px;
  width: 50px;
  cursor: pointer;
}
div.single-command:hover {
  background-position: -60px -200px;
  width: 50px;
}
div.led-green,
div.led-gray,
div.small-group,
div.small-company,
div.small-plant,
div.small-logger,
div.small-controller,
div.small-folder,
#tree-view a.lglink-online ins,
#tree-view a.lglink-offline ins,
#tree-view a.cllink-unknow ins,
#tree-view a.cllink-online ins,
#tree-view a.cllink-offline ins,
#tree-view a.cllink-error ins,
#tree-view a.lglink-error ins,
#tree-view a.glink ins,
#tree-view a.colink ins,
#tree-view a.plink ins,
#tree-view a.lglink-1-online ins,
#tree-view a.lglink-1-offline ins,
#tree-view a.lglink-2-online ins,
#tree-view a.lglink-2-offline ins,
#tree-view a.lglink-3-online ins,
#tree-view a.lglink-3-offline ins,
#tree-view a.lglink-4-online ins,
#tree-view a.lglink-4-offline ins,
#tree-view a.lglink-5-online ins,
#tree-view a.lglink-5-offline ins {
  background-image: url("images/collection-20x20.png");
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
}
div.led-green {
  background-position: 0 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
div.led-gray {
  background-position: -20px 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
div.logger-green-small {
  background-position: 0 -20px;
  width: 20px;
  height: 20px;
}
.logger-gray {
  background-position: -20px -20px;
  width: 20px;
  height: 20px;
}
div.controller-green {
  background-position: 0 -40px;
  width: 20px;
  height: 20px;
}
div.controller-gray {
  background-position: -20px -40px;
  width: 20px;
  height: 20px;
}
div.controller-red {
  background-position: 0 -60px;
  width: 20px;
  height: 20px;
}
div.logger-red {
  background-position: -20px -60px;
  width: 20px;
  height: 20px;
}
div.small-group {
  background-position: 0 -80px;
  width: 20px;
  height: 23px;
}
div.small-company {
  background-position: -20px -80px;
  width: 20px;
  height: 23px;
}
div.small-plant {
  background-position: 0 -110px;
  width: 20px;
  height: 20px;
}
div.small-logger {
  background-position: 0 -130px;
  width: 20px;
  height: 20px;
}
div.small-controller {
  background-position: -20px -40px;
  width: 20px;
  height: 20px;
}
div.small-folder {
  background-position: -20px -110px;
  width: 20px;
  height: 20px;
}
#tree-view a.lglink-1-online ins {
  background-position: 0 -160px;
  width: 27px;
  height: 16px;
}
#tree-view a.lglink-1-offline ins {
  background-position: 0 -180px;
  width: 27px;
  height: 16px;
}
#tree-view a.lglink-2-online ins {
  background-position: 0 -20px;
  width: 20px;
  height: 20px;
}
#tree-view a.lglink-2-offline ins {
  background-position: -20px -20px;
  width: 20px;
  height: 20px;
}
#tree-view a.lglink-3-online ins {
  background-position: 0 -200px;
  width: 27px;
  height: 16px;
}
#tree-view a.lglink-3-offline ins {
  background-position: -20px -200px;
  width: 27px;
  height: 16px;
}
#tree-view a.lglink-4-online ins {
  background-position: 0 -220px;
  width: 27px;
  height: 16px;
}
#tree-view a.lglink-4-offline ins {
  background-position: -20px -220px;
  width: 27px;
  height: 16px;
}
#tree-view a.lglink-5-online ins {
  background-position: 0 -240px;
  width: 27px;
  height: 16px;
}
#tree-view a.lglink-5-offline ins {
  background-position: -20px -240px;
  width: 27px;
  height: 16px;
}
#tree-view a.cllink-unknow ins {
  background-position: 0 -60px;
  width: 20px;
  height: 20px;
}
#tree-view a.cllink-online ins {
  background-position: 0 -40px;
  width: 20px;
  height: 20px;
}
#tree-view a.cllink-offline ins {
  background-position: -20px -40px;
  width: 20px;
  height: 20px;
}
#tree-view a.cllink-unknow ins {
  background-position: 0 -60px;
  width: 20px;
  height: 20px;
}
#tree-view a.lglink-error ins {
  background-position: -20px -60px;
  width: 20px;
  height: 20px;
}
#tree-view a.glink ins {
  background-position: 0 -80px;
  width: 20px;
  height: 23px;
}
#tree-view a.colink ins {
  background-position: -20px -80px;
  width: 20px;
  height: 23px;
}
#tree-view a.plink ins {
  background-position: 0 -110px;
  width: 20px;
  height: 20px;
}
.logger-green,
.logger-gray,
.logger-red,
.controller-green,
.controller,
.group,
.company,
.plant,
.green-plus,
.driver,
.alarm-big,
.circle-red,
.circle-green,
.warning,
.smile-warning,
.circle-gray,
.error-underfine,
.progress-green,
.data-link,
.ui-progressbar-value {
  background-image: url("images/collection_64x64.png");
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
}

.group {
  background-position: 0 0;
  width: 64px;
  height: 64px;
}
.company {
  background-position: -64px 0;
  width: 64px;
  height: 64px;
}
.logger-gray {
  background-position: 0 -70px;
  width: 64px;
  height: 64px;
}
.logger-red {
  background-position: -70px -70px;
  width: 64px;
  height: 64px;
}
.logger-green {
  background-position: 0 -140px;
  width: 64px;
  height: 64px;
}
.controller {
  background-position: -70px -140px;
  width: 64px;
  height: 64px;
}
.green-plus {
  background-position: 0 -210px;
  width: 64px;
  height: 64px;
}
.driver {
  background-position: -70px -210px;
  width: 64px;
  height: 64px;
}
.alarm-big {
  background-position: -70px -280px;
  width: 64px;
  height: 64px;
}
.circle-red {
  background-position: 0 -350px;
  width: 64px;
  height: 64px;
}
.circle-green {
  background-position: -70px -350px;
  width: 64px;
  height: 64px;
}
.warning {
  background-position: 0 -420px;
  width: 64px;
  height: 64px;
}
.smile-warning {
  background-position: -70px -420px;
  width: 64px;
  height: 64px;
}
.circle-gray {
  background-position: 0 -420px;
  width: 64px;
  height: 64px;
}
.error-underfine {
  background-position: -70px -420px;
  width: 64px;
  height: 64px;
}
.ui-progressbar-value {
  background-position: 0 -540px;
  width: 30px;
  height: 14px;
  background-repeat: repeat-x;
}
.data-link {
  background-position: 0 -580px;
  width: 64px;
  height: 64px;
}
.plant {
  background-position: -70px -580px;
  width: 64px;
  height: 64px;
}
.home,
.global,
.notification,
.dashboard,
.alarm,
.map,
.data-process,
.driver,
.admin,
.user-update,
.super-admin,
.myaccount,
.logout,
.message,
.small-logo1,
.small-logo2,
.red-alarm,
.uacknowkedge,
.acknowledged,
.drivergroup,
.driversmall,
.data-log,
.data-dashboard,
.data-alarm,
.data-map {
  background-image: url("../../images/collection_32x32.png");
  background-repeat: no-repeat;
  display: inline-block;
}
.message {
  background-position: 0 3px;
  width: 32px;
  height: 32px;
}
.global {
  background-position: -32px 0;
  width: 32px;
  height: 32px;
}
.myaccount {
  background-position: 0 -32px;
  width: 32px;
  height: 32px;
}
.map {
  background-position: -32px -32px;
  width: 32px;
  height: 32px;
}
.super-admin {
  background-position: 0 -64px;
  width: 32px;
  height: 32px;
}
.user-update {
  background-position: -32px -64px;
  width: 32px;
  height: 32px;
}
.home {
  background-position: 0 -96px;
  width: 32px;
  height: 32px;
}
.super-admin-update {
  background-position: -32px -96px;
  width: 32px;
  height: 32px;
}
.dashboard {
  background-position: 0 -128px;
  width: 32px;
  height: 32px;
}
.logout {
  background-position: -32px -128px;
  width: 32px;
  height: 32px;
}
.data-process {
  background-position: 0 -160px;
  width: 32px;
  height: 32px;
}
.screen-log {
  background-position: -32px -160px;
  width: 32px;
  height: 32px;
}
.notification {
  background-position: 0 -192px;
  width: 32px;
  height: 32px;
}
.driver {
  background-position: -32px -192px;
  width: 32px;
  height: 32px;
}
.alarm {
  background-position: 0 -224px;
  width: 30px;
  height: 30px;
}
.admin {
  background-position: -32px -224px;
  width: 30px;
  height: 32px;
}
.red-alarm {
  background-position: 0 -255px;
  width: 20px;
  height: 20px;
}
.unacknowledge {
  background-position: -32px -262px;
  width: 20px;
  height: 20px;
}
.acknowledged {
  background-position: 0 -290px;
  width: 28px;
  height: 20px;
}
.driversmall {
  background-position: 0 -384px;
  width: 64px;
  height: 64px;
}
.drivergroup {
  background-position: 0 -448px;
  width: 64px;
  height: 64px;
}
.data-log {
  background-position: 0 -315px;
  width: 32px;
  height: 32px;
}
.data-dashboard {
  background-position: -32px -350px;
  width: 32px;
  height: 32px;
}
.data-alarm {
  background-position: 0 -345px;
  width: 32px;
  height: 32px;
}
.data-map {
  background-position: -32px -315px;
  width: 32px;
  height: 32px;
}
.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1;
}
.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white;
}
.dataTables_length {
  width: 40%;
  float: left;
}
.dataTables_filter {
  width: 50%;
  float: right;
  text-align: right;
}
.dataTables_info {
  width: 60%;
  float: left;
}
.dataTables_paginate {
  float: right;
  text-align: right;
}
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
  height: 19px;
  float: left;
  cursor: pointer;
  *cursor: hand;
  color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
  text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
  outline: 0;
}
.paginate_disabled_previous,
.paginate_disabled_next {
  color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
  padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
  padding-right: 23px;
  margin-left: 10px;
}
.paginate_disabled_previous {
  background: url("../custom1/images/back_disabled.png") no-repeat top left;
}
.paginate_enabled_previous {
  background: url("../custom1/images/back_enabled.png") no-repeat top left;
}
.paginate_enabled_previous:hover {
  background: url("../custom1/images/back_enabled_hover.png") no-repeat top left;
}
.paginate_disabled_next {
  background: url("../custom1/images/forward_disabled.png") no-repeat top right;
}
.paginate_enabled_next {
  background: url("../custom1/images/forward_enabled.png") no-repeat top right;
}
.paginate_enabled_next:hover {
  background: url("../custom1/images/forward_enabled_hover.png") no-repeat top
    right;
}
table.display {
  margin: 0 auto;
  clear: both;
  width: 100%;
}
table.display thead th {
  padding: 3px 18px 3px 10px;
  border-bottom: 1px solid black;
  font-weight: bold;
  cursor: pointer;
}
table.display tfoot th {
  padding: 3px 18px 3px 10px;
  border-top: 1px solid black;
  font-weight: bold;
}
table.display tr.heading2 td {
  border-bottom: 1px solid #aaa;
}
table.display td {
  padding: 3px 10px;
}
table.display td.center {
  text-align: center;
}
.sorting_asc {
  background: url("../images/sort_asc.png") no-repeat center right;
}
.sorting_desc {
  background: url("../images/sort_desc.png") no-repeat center right;
}
.sorting {
  background: url("../images/sort_both.png") no-repeat center right;
}
.sorting_asc_disabled {
  background: url("../images/sort_asc_disabled.png") no-repeat center right;
}
.sorting_desc_disabled {
  background: url("../images/sort_desc_disabled.png") no-repeat center right;
}
table.display thead th:active,
table.display thead td:active {
  outline: 0;
}
table.display tr.odd.gradeA {
  background-color: #dfd;
}
table.display tr.even.gradeA {
  background-color: #efe;
}
table.display tr.odd.gradeC {
  background-color: #ddf;
}
table.display tr.even.gradeC {
  background-color: #eef;
}
table.display tr.odd.gradeX {
  background-color: #fdd;
}
table.display tr.even.gradeX {
  background-color: #fee;
}
table.display tr.odd.gradeU {
  background-color: #ddd;
}
table.display tr.even.gradeU {
  background-color: #eee;
}
tr.odd {
  background-color: #e2e4ff;
}
tr.even {
  background-color: white;
}
.dataTables_scroll {
  clear: both;
}
.dataTables_scrollBody {
  *margin-top: 0px;
  -webkit-overflow-scrolling: touch;
}
.top,
.bottom {
  padding: 15px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
}
.top .dataTables_info {
  float: none;
}
.clear {
  clear: both;
}
.dataTables_empty {
  text-align: center;
}
tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444;
}
tfoot input.search_init {
  color: #999;
}
td.group {
  background-color: #d1cfd0;
  border-bottom: 2px solid #a19b9e;
  border-top: 2px solid #a19b9e;
}
td.details {
  background-color: #d1cfd0;
  border: 2px solid #a19b9e;
}
.example_alt_pagination div.dataTables_info {
  width: 40%;
}
.paging_full_numbers {
  width: 400px;
  height: 22px;
  line-height: 22px;
}
.paging_full_numbers a:active {
  outline: 0;
}
.paging_full_numbers a:hover {
  text-decoration: none;
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
}
.paging_full_numbers a.paginate_button {
  background-color: #ddd;
}
.paging_full_numbers a.paginate_button:hover {
  background-color: #ccc;
  text-decoration: none !important;
}
.paging_full_numbers a.paginate_active {
  background-color: #99b3ff;
}
table.display tr.even.row_selected td {
  background-color: #b0bed9;
}
table.display tr.odd.row_selected td {
  background-color: #9fafd1;
}
tr.odd td.sorting_1 {
  background-color: #d3d6ff;
}
tr.odd td.sorting_2 {
  background-color: #dadcff;
}
tr.odd td.sorting_3 {
  background-color: #e0e2ff;
}
tr.even td.sorting_1 {
  background-color: #eaebff;
}
tr.even td.sorting_2 {
  background-color: #f2f3ff;
}
tr.even td.sorting_3 {
  background-color: #f9f9ff;
}
div.box {
  height: 100px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #8080ff;
  background-color: #e5e5ff;
}
.table-display {
  width: 400px;
  height: auto;
  border: 0;
  font-family: sans-serif;
  font-size: 15pt;
  color: #274b6d;
  background-color: #fff;
  padding: 0;
  border: 0;
  margin: 0;
}
.table-display td:first-child {
  text-align: right;
  padding-right: 5px;
}
.table-display td:last-child {
  text-align: left;
  padding-left: 5px;
}

/*style 1*/
.styleProgressBarBox {
  width: 50px;
  height: 100px;
  border: solid;
  border-color: #000;
  border-width: 1px;
  vertical-align: bottom;
  overflow: visible;
}
.styleProgressEmpty {
  width: 100%;
  height: 75%;
  background-color: #fff;
}
.styleProgressBar {
  width: 100%;
  height: 25%;
  background-color: #00f;
  background-repeat: repeat-y;
  background-image: url("../../images/bar_transparent.png");
}
.stylePrograssBarAvg {
  position: absolute;
  width: 50px;
  border-bottom: solid;
  border-bottom-width: 2px;
  border-bottom-color: #900;
}
.ui-progressbar {
  height: 1em;
  text-align: center;
  float: left;
  width: 100px;
  float: right;
  display: block;
}
.pbar .ui-progressbar-value {
  display: block !important;
  background-color: green;
  float: left;
}
.pbar {
  overflow: hidden;
}
.elapsed {
  position: relative;
  text-align: left;
  z-index: 1;
  width: 30px;
  float: right;
  display: block;
}
div.ui-progressbar-value {
  border-radius: 5px;
  border: 1px solid gray;
  color: #fff;
  font-weight: bold;
  float: right;
  display: block;
}
.dd {
  display: inline-block !important;
  text-align: left;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}
.dd .ddTitle {
  background: #f2f2f2;
  border: 1px solid #c3c3c3;
}

.dd .ddChild {
  border: 1px solid #c3c3c3;
  background-color: #fff;
}
.dd .ddChild a {
  color: #000;
}
.dd .ddChild a:hover {
  background: #6cf;
}
.dd .ddChild a.selected {
  background: #6cf;
}
.searchText {
  color: #d8d8d8;
}
.searchText:focus {
  color: #000;
}
.pop {
  margin-top: 8px;

  color: #fff;

  background-color: #383838;

  border: 1px #274b6d double;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  padding: 5px;

  border-radius: 2px;
}

.list-view {
  height: 300px;
  width: 300px;
  overflow: auto;
}

.list-view div {
  width: 150px;

  height: 23px;

  border: 1px #00477d solid;

  background-color: #cccccc;

  text-align: center;

  cursor: pointer;

  margin-bottom: 3px;

  vertical-align: central;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -webkit-user-select: none;
}

.list-view div:hover,
div.selected {
  background-color: #00477d;

  color: #f8f8f8;
}

.setting {
  border: 1px #00477d solid;

  background-color: #00477d;
}

.setting td {
  border: 1px #00477d solid;

  margin: 0;

  padding: 2px;

  background-color: #f8f8f8;
}

.setting td:first-child {
  width: 70px;
}

.info_box_link {
  color: green;
  text-align: right;
  cursor: pointer;
}

.info_box_red {
  color: red;
  text-align: right;
  cursor: pointer;
}

.over_map {
  float: left;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: inline-block;
  background-color: #f8f8f8;
  max-height: 400px;
  overflow-y: auto;
  width: 250px;
  position: absolute;
  bottom: 3px;
  right: 3px;
  z-index: 99;
}

.over_map_table {
  padding: 2px;
  width: 100%;
  color: #4b3d2a;
  font-weight: bold;
  opacity: 1;
}

.over_map_left {
  float: left;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: inline-block;
  background-color: #f8f8f8;
  position: absolute;
  bottom: 3px;
  left: 3px;
  z-index: 99;
}

.home_info_table_left {
  min-width: 200px;

  float: left;
  opacity: 0.9;

  filter: alpha(opacity=90);

  display: inline-block;

  background-color: #fbecc1;

  position: absolute;

  top: 3px;

  left: 3px;

  z-index: 99;

  font-family: verdan;

  font-size: 8pt;

  border: #1f1f1f solid thin;
}

.home_info_table_left h2 {
  font-family: verdana;

  font-size: 9pt;

  color: #06c;

  font-weight: normal;

  text-align: center;
}

.home_info_table_left a {
  color: #00f;
}

.home_info_table_left h4 {
  font-family: verdana;

  font-size: 8pt;

  font-weight: normal;
}

.home_info_table {
  width: 100%;
}

.latlong {
  top: 2px;
  right: 100px;
  position: absolute;
  display: inline-block;

  opacity: 0.7;

  filter: alpha(opacity=70);

  background-color: #ffffff;

  width: 200px;

  height: 50px;

  text-align: center;

  vertical-align: middle;
}

.home_weather_table_left {
  float: left;

  opacity: 0.9;

  filter: alpha(opacity=90);

  display: inline-block;

  background-color: #fbecc1;

  position: absolute;

  bottom: 3px;

  left: 3px;

  z-index: 99;

  font-family: verdan;

  font-size: 8pt;

  border-radius: 3px;

  padding: 3px;
}

.home_weather_table_left table {
  border-collapse: collapse;
}

.home_info_table_left table {
  border-collapse: collapse;
}

.home_info_table_left table td {
  padding: 5px;
}

.home_info_table_left .label {
  font-size: 11px;
  color: #333;
}
.home_info_table_left .value {
  border-bottom: #000000 dashed thin;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  padding-left: 5px;
}

.ui-icon {
  cursor: pointer;
}

.home_weather_table_left td:nth-child(even) {
  background-color: #dfd;
}

.home_weather_table_left td {
  width: 150px;
}

.home_weather_table_left tr:first-child {
  text-align: center;

  /*    background-color:  #383838;
    */
  color: #f8f8f8;
}

.home_weather_table_left .title {
  background-color: lightgreen !important;

  color: green;

  font-size: 9pt;

  font-weight: bold;
}

.home_weather_table_left h2,
.infobox h2 {
  font-family: verdana;

  font-size: 10pt;

  color: #06c;

  font-weight: bold;

  text-align: center;
}

.home_weather_table_left a {
  color: #00f;
}

.home_weather_table_left h4,
.infobox h4 {
  font-family: verdana;

  font-size: 8pt;

  font-weight: normal;
}

.home_weather_table_left td {
  text-align: center;
}

.home_weather_table_left td label:nth-child(even),
.home_weather_table_left td label:nth-child(even),
.home_info_table_left td label:nth-child(even),
.home_weather_table_left td label:nth-child(even),
.infobox label:nth-child(even),
.infobox td label:nth-child(even) {
  font-family: verdana;

  font-size: 8pt;

  font-weight: bold;
}

.infobox {
  min-width: 150px;

  max-width: 200px;

  font-family: verdana;

  font-size: 8pt;

  background-color: #fbecc1;

  color: #383838;

  padding: 5px;
}

.infobox a {
  padding: 10px;

  height: 20px;
}

/* Styles for LDF */
#ldf-report header,
#ldf-loggers header {
  padding-left: 10px;

  height: 30px;

  box-shadow: 1px 1px 2px #d2d2d2;

  vertical-align: middle;

  line-height: 28px;

  margin-bottom: 10px;

  font-weight: normal;
}

#ldf-report header span,
#ldf-loggers header span {
  font-size: 14px;

  font-weight: 600;
}

#ldf-report header > div {
  margin-top: 5px;

  margin-right: 10px;
}

#ldf-loggers header input[type="button"] {
  margin-right: 10px;

  margin-left: 5px;
}

#ldf-report-content table {
  width: 100%;

  border: solid 1px burlywood;

  border-spacing: 0;
}

#ldf-report-content tr {
  height: 25px;
}

#ldf-report-content th {
  text-align: center;

  height: 30px;

  font-size: 14px;

  border: solid 1px burlywood;

  background: grey;

  color: #fff;
}

#ldf-report-content table.active th {
  background: darkgreen;
}

#ldf-report-content table.excluded th {
  background: indianred;
}

#ldf-report-content td {
  padding-left: 2px;

  padding-right: 2px;

  border: solid 1px burlywood;

  color: #333;
}

#ldf-report-content td.sub-header {
  height: 27px;

  background: #e5e5ff;

  font-weight: 600;
}

#ldf-report-content table.active td.sub-header {
  background: lightgreen;
}

#ldf-report-content table.excluded td.sub-header {
  background: lightsalmon;
}

#ldf-report-content td.name {
  text-align: left;

  font-weight: 600;
}

#ldf-report-content td.num {
  text-align: right;
}

#ldf-report-content td.date {
  text-align: center;
}

a.ldf-jump-link {
  cursor: pointer;
}

td.ldf-td-editable {
  cursor: pointer;
}

td.ldf-td-editable.editing {
  cursor: auto;
}

form.ldf-logger-form {
  margin: 5px;
}

form.ldf-logger-form textarea {
  margin: 5px 0;
}

form.ldf-logger-form input[type="button"] {
  margin-right: 5px;
}

li.ldf-selector-line.excluded {
  color: indianred;
}

a.red-button {
  background-color: #004a7f;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  border: none;

  color: #ffffff;

  cursor: pointer;

  display: inline-block;

  font-family: Arial;

  font-size: 16px;

  padding: 5px 10px;

  text-align: center;

  text-decoration: none;
}

@-webkit-keyframes glowing {
  0% {
    background-color: #b20000;
    -webkit-box-shadow: 0 0 3px #b20000;
  }

  50% {
    background-color: #ff0000;
    -webkit-box-shadow: 0 0 32px #ff0000;
  }

  100% {
    background-color: #b20000;
    -webkit-box-shadow: 0 0 3px #b20000;
  }
}

@-moz-keyframes glowing {
  0% {
    background-color: #b20000;
    -moz-box-shadow: 0 0 3px #b20000;
  }

  50% {
    background-color: #ff0000;
    -moz-box-shadow: 0 0 32px #ff0000;
  }

  100% {
    background-color: #b20000;
    -moz-box-shadow: 0 0 3px #b20000;
  }
}

@-o-keyframes glowing {
  0% {
    background-color: #b20000;
    box-shadow: 0 0 3px #b20000;
  }

  50% {
    background-color: #ff0000;
    box-shadow: 0 0 32px #ff0000;
  }

  100% {
    background-color: #b20000;
    box-shadow: 0 0 3px #b20000;
  }
}

@keyframes glowing {
  0% {
    background-color: #b20000;
    box-shadow: 0 0 3px #b20000;
  }

  50% {
    background-color: #ff0000;
    box-shadow: 0 0 32px #ff0000;
  }

  100% {
    background-color: #b20000;
    box-shadow: 0 0 3px #b20000;
  }
}

a.red-button.click-me {
  -webkit-animation: glowing 1500ms infinite;

  -moz-animation: glowing 1500ms infinite;

  -o-animation: glowing 1500ms infinite;

  animation: glowing 1500ms infinite;
}

/*Home Search Bar*/
#txt-search {
  right: 130px;

  height: 21px;

  position: absolute;

  top: 4px !important;

  width: 250px;
}

#txt-search ~ input {
  top: 6px !important;

  position: relative;

  padding-right: 4px;
}

#txt-search ~ input ~ label {
  top: 5px !important;

  position: relative;

  padding-left: 4px;
}

/*Container Logger*/
.containerLoggerList {
  display: flex;

  flex-wrap: wrap;

  padding: 0px;
}

.containerLoggerList > li {
  list-style-type: none;

  flex: all;
}

.containerLoggerList > li > button {
  display: inline-block;

  flex-wrap: wrap;

  max-width: 120px !important;

  max-height: 85px !important;

  flex: 1;
}

.menuButton {
  width: 120px !important;
}

.menuButton > p {
  text-overflow: ellipsis;

  overflow: hidden;
  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;
}

@media all and (max-width: 600px) {
  .containerLoggerList {
    flex-wrap: wrap;
  }

  .containerLoggerList > li {
    flex-basis: 50%;

    list-style-type: none;
  }
}

@media all and (max-width: 600px) {
  .containerLoggerList {
    flex-basis: 100%;
  }

  .containerLoggerList > li {
    order: 1;

    list-style-type: none;
  }
}

input[type="button"],
input[type="button" i],
input[type="submit" i],
input[type="reset" i] {
  border: 1px solid #ccc !important;

  background: linear-gradient(to bottom, #fbecc1, #fcbe69) !important;

  font-weight: bold !important;

  color: #4b3d2a !important;

  padding: 5px !important;

  box-shadow: 1px 1px 2px #d2d2d2 !important;

  border-radius: 8px !important;
}

input[type="button"]:hover,
input[type="button" i]:hover,
input[type="submit" i]:hover,
input[type="reset" i]:hover {
  border: 1px solid #ccc !important;

  background: linear-gradient(to bottom, #fcbe69, #fbecc1) !important;

  font-weight: bold !important;

  color: #4b3d2a !important;

  padding: 5px !important;

  box-shadow: 1px 1px 2px #d2d2d2 !important;

  border-radius: 8px !important;
}

input[type="button"]:active {
  border: 1px solid #ccc !important;

  background: linear-gradient(to bottom, #fbecc1, #fcbe69) !important;

  font-weight: bold !important;

  color: #4b3d2a !important;

  padding: 5px !important;

  box-shadow: 1px 1px 2px #d2d2d2 !important;

  border-radius: 8px !important;
}

.SmallButton {
  border: 1px solid #ccc !important;

  background: linear-gradient(to bottom, #fbecc1, #fcbe69) !important;

  font-weight: bold !important;

  color: #4b3d2a !important;

  border-radius: 8px !important;
}

.SmallButton:hover {
  border: 1px solid #ccc !important;

  background: linear-gradient(to bottom, #fcbe69, #fbecc1) !important;

  font-weight: bold !important;

  color: #4b3d2a !important;

  border-radius: 15px !important;
}
div[id^="porlet_col_"] button,
.sc_btn {
  padding: 0px;

  width: auto;

  border: 1px solid #ccc !important;

  background: linear-gradient(to bottom, #fcbe69, #fbecc1) !important;

  font-weight: bold !important;

  color: #4b3d2a !important;

  border-radius: 15px !important;
}

div[id^="porlet_col_"] button .ui-icon,
.sc_btn .ui-icon {
  width: 16px;

  height: 16px;

  background-image: url(images/ui-icons_3d3d3d_256x240.png) !important;

  display: inline-block;

  text-indent: -99999px;

  overflow: hidden;

  background-repeat: no-repeat;

  border-radius: 15px !important;
}
div[id^="porlet_col_"] button:hover .ui-icon,
#screen_list button:hover .ui-icon {
  width: 16px;

  height: 16px;

  background-image: url(images/ui-icons_f5a52e_256x240.png) !important;

  display: inline-block;

  text-indent: -99999px;

  overflow: hidden;

  background-repeat: no-repeat;

  border-radius: 15px !important;
}
div[id^="porlet_col_"] .DialogMenuSmall_4_show {
  width: auto;

  overflow: hidden;

  display: block;

  position: absolute;

  z-index: 1;
}
/* 
.ui-corner-top .DialogMenuSmall_4_show {
    
    width:  auto;
    
    background:  #fff!important;
    
    border:  1px solid 1px;
    
}
.ui-corner-top .smallButton, .DialogMenuSmall_4_show button  {
    
    border: none;
    
    margin:  0px;
    
    padding:  0px;
    
    background:  #fff;
    
}
.DialogMenuSmall_4_show button span  {
    
    border:  1px solid #fcbe69;
    
    margin:  0px;
    
    background-image:  linear-gradient(to bottom, #fbecc1, #fcbe69);
    
    font-weight:  bold;
    
    color:  #000;
    
    border-radius:  25px !important;
    
}
.DialogMenuSmall_4_show button:hover span {
    
    border:  1px solid #fcbe69!important;
    
    background:  linear-gradient(to bottom, #fcbe69, #fbecc1)!important;
    
    font-weight:  bold!important;
    
    color:  #000;
    
    border-radius:  25px !important;
    
}


.ui-widget-header .ui-icon {
    
    background-color:  linear-gradient(to bottom, #fcbe69, #fbecc1)!important;
    
    background-image:  url(images/ui-icons_3d3d3d_256x240.png)!important;
    
}
 */

    #dialog-form .ecoconfig {
        display: flex;
        flex-direction: column;
    }
    #dialog-form .ecoconfig .eco-content {
        flex: 1 100%;
        display: flex;
        flex-direction: column;
        padding: 6px;
        padding-bottom: 12px;
    }
    #dialog-form .ecoconfig .eco-content .input-row {
        display: flex;
        flex-direction: row;
        margin-top: 3px;
        margin-bottom: 6px;
    }
    #dialog-form .ecoconfig .eco-content .input-row.indent {
        margin-left: 12px;
    }
    #dialog-form .ecoconfig .eco-content .input-row.multi-col {
        justify-content: space-between;
    }
    #dialog-form .ecoconfig .eco-content .input-row.sub {
        flex: 1;
        margin: 0px;
    }
    #dialog-form .ecoconfig .eco-content .input-row.sel-engines {
        margin: 1px 3px 1px 3em;
        flex-direction: column;
    }
    #dialog-form .ecoconfig .eco-content .input-row.sel-trigger {
        align-items: center;
    }
    #dialog-form .eco-radiobutton {
        flex: 0 6em;
        margin: 3px 1em 3px 0px;
        display: flex;
        flex-direction: row;
    }
    #dialog-form .eco-checkbox {
        margin: 3px 1em 3px 0px;
    }
    #dialog-form .eco-checkbox > input[type="checkbox"],
    #dialog-form .eco-radiobutton > input[type="radio"] {
        margin: 0 0.25em;
    }
    #dialog-form .ecoconfig .input-row.mode-threshold-box table {
        border: none;
        border-collapse: collapse;
        margin-left: 3em;
        margin-right: auto;
    }
    #dialog-form .ecoconfig .input-row.mode-threshold-box tr td:last-child {
        padding-left: 1em;
        width: 30%;
    }
    #dialog-form .ecoconfig .input-row.mode-threshold-box input[type="text"] {
        width: 5em;
        text-align: right;
    }
    #dialog-form .ecoconfig .eco-content .input-row label {
        flex: 0 10em;
    }
    #dialog-form .ecoconfig .eco-content .input-row select {
        flex: 0 9em;
    }
    #dialog-form .ecoconfig .eco-content .input-row.mode-threshold-box {
        flex-direction: column;
        flex: 1 0 200px;
        overflow-y: none;
    }
    #dialog-form .ecoconfig .eco-content .error {
        min-height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #dialog-form .ecoconfig .action-buttons {
        flex: 0;
        display: flex;
        flex-direction: row;
        justify-content: end;
    }
    #dialog-form .ecoconfig .action-buttons input {
        margin-left: 0.5em;
        width: 6em;
    }

    #dialog-form .eco-content .input-group {
        position: relative;
    }

    #dialog-form .eco-content .input-group.disabled,
    #dialog-form .eco-content .input-group.disabled input,
    #dialog-form .eco-content .input-group.disabled select {
        color: #808080;
    }

    #dialog-form .eco-content .input-group-hider {
        position: absolute;
        display: inline-block;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
    }

    /* geofence & api config */
    .theme-light-set-color{
      background-color: #eeeeee;
      border: double 2px #dddddd;
      color: #333333;
    }
    .theme-font-color{
      color: #333333;
    }
    .theme-list-btn-color div.selected{
      background-color: #fcbe69;
      color: #fdf5ce;
    }
    .theme-list-btn-color div:hover{
      background-color: #fcbe69;
      color: #dfeffc;
    }
    .theme-list-btn-color div{
      border: 1px #888840 solid;
      background-color: #fff0b0;
      color: #888840;
    }
    #btn-circle, #btn-rectangle, #btn-polygon,#btn-stop{
      background-color:#dfeffc;
      border: double 2px #888840;
    }
    .selectedShape{
      background-color: #fcbe69 !important;
    }
    #overlay-group div:hover{
      background-color: #fcbe69 !important;
      /* background-color: #fcbe69; */
    }

    /* mrvdcs css */
  .form-background {
    border: double 2px #888840;
    background: #fff0b0;
  }
  /* Api Config */
  .tbl-api-mapping tr{
      outline: 1px solid #efb325 !important; 
  }
  /* Fob Log */
  .tablesorter th,.tablesorter td{
    border: 1px solid #efb325;

  }
  .flex-container > div:first-child {
    color: #efb325;
  }
  .flex-container > div:not(:first-child) {
    border: 1px solid #efb325;
    background-color: #fbecc1;
  }