@charset "UTF-8";
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Standard styling for buttons created by goog.ui.MenuButtonRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 */
/* State: resting. */
.goog-menu-button {
  /* Client apps may override the URL at which they serve the image. */
  background: rgb(248, 248, 248);
  border: 0;
  color: #000;
  cursor: pointer;
  list-style: none;
  /* margin: 2px; */
  outline: none;
  padding: 0;
  text-decoration: none;
  vertical-align: middle;
}

/* Pseudo-rounded corners. */
.goog-menu-button-outer-box,
.goog-menu-button-inner-box {
  border-style: solid;
  border-color: #d3d3d3;
  vertical-align: top;
}

.goog-menu-button-outer-box {
  margin: 0;
  border-width: 1px;
  padding: 2px;
}

.goog-menu-button-inner-box {
  margin: 0 -1px;
  border-width: 0px;
  padding: 3px 4px;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-menu-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* Pre-IE7 BiDi fixes. */
* html .goog-menu-button-rtl .goog-menu-button-outer-box {
  /* @noflip */
  left: -1px;
  /* @noflip */
  right: auto;
}

* html .goog-menu-button-rtl .goog-menu-button-inner-box {
  /* @noflip */
  right: auto;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-menu-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* IE7 BiDi fix. */
*:first-child + html .goog-menu-button-rtl .goog-menu-button-inner-box {
  /* @noflip */
  left: 1px;
  /* @noflip */
  right: auto;
}

/* Safari-only hacks. */
::root .goog-menu-button,
::root .goog-menu-button-outer-box,
::root .goog-menu-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: 0;
}

::root .goog-menu-button-caption,
::root .goog-menu-button-dropdown {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: normal;
}

/* State: disabled. */
.goog-menu-button-disabled {
  background-image: none !important;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}

.goog-menu-button-disabled .goog-menu-button-outer-box,
.goog-menu-button-disabled .goog-menu-button-inner-box,
.goog-menu-button-disabled .goog-menu-button-caption,
.goog-menu-button-disabled .goog-menu-button-dropdown {
  color: #333 !important;
  border-color: #999 !important;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-menu-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-menu-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

/* State: hover. */
.goog-menu-button-hover .goog-menu-button-outer-box {
  border-color: #999999;
}

/*.goog-menu-button-hover .goog-menu-button-inner-box {*/
/*border-color: #9cf #69e #69e #7af !important; !* Hover border wins. *!*/
/*}*/
/* State: active, open. */
.goog-menu-button-active,
.goog-menu-button-open {
  background-color: #bbb;
  background-position: bottom left;
}

/* State: focused. */
.goog-menu-button-focused .goog-menu-button-outer-box,
.goog-menu-button-focused .goog-menu-button-inner-box {
  border-color: #999999;
  color: #525252;
}

/* Caption style. */
.goog-menu-button-caption {
  padding: 0 4px 0 0;
  vertical-align: top;
}

/* Dropdown arrow style. */
.goog-menu-button-dropdown {
  height: 15px;
  width: 10px;
  background: url(../../../themes/blue/images/jquery/ui-icons_888888_256x240.png) no-repeat -69px -16px;
    vertical-align: top;
}

/* Pill (collapsed border) styles. */
/* TODO(gboyer): Remove specific menu button styles and have any button support being a menu button. */
.goog-menu-button-collapse-right,
.goog-menu-button-collapse-right .goog-menu-button-outer-box,
.goog-menu-button-collapse-right .goog-menu-button-inner-box {
  margin-right: 0;
}

.goog-menu-button-collapse-left,
.goog-menu-button-collapse-left .goog-menu-button-outer-box,
.goog-menu-button-collapse-left .goog-menu-button-inner-box {
  margin-left: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.goog-menu-button-collapse-left .goog-menu-button-inner-box {
  border-left: 0px solid #fff;
}

.goog-menu-button-collapse-left.goog-menu-button-checked .goog-menu-button-inner-box {
  border-left: 1px solid #ddd;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Standard styling for menus created by goog.ui.MenuSeparatorRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 */
.goog-menuseparator {
  border-top: 1px solid #ccc;
  margin: 4px 0;
  padding: 0;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Styling for custom buttons rendered by goog.ui.CustomButtonRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 */
.goog-custom-button {
  /*margin: 2px;*/
  border: 0px solid #d3d3d3;
  padding: 0;
  /* font-family: Arial, sans-serif; */
  color: #555555;
  /* Client apps may override the URL at which they serve the image. */
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  background: rgb(248, 248, 248);
  text-decoration: none !important;
  list-style: none;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
}

/* Pseudo-rounded corners. */
.goog-custom-button-outer-box,
.goog-custom-button-inner-box {
  /*border-style: solid;*/
  /*border-color: #aaa;*/
  vertical-align: top;
}

.goog-custom-button-outer-box {
  border-style: solid;
  border-color: #d3d3d3;
  margin: 0;
  border-width: 1px;
  padding: 2px;
}

.goog-custom-button-inner-box {
  /* By default in FF2, block elements inside a moz-inline-box are stacked
   * horizontally next to each other.  This stops that weird behavior. */
  -moz-box-orient: vertical;
  margin: 0 -1px;
  border-width: 0 1px;
  padding: 3px 1em;
  white-space: nowrap;
  /* Prevents buttons from line breaking on android. */
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-custom-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* Pre-IE7 BiDi fixes. */
* html .goog-custom-button-rtl .goog-custom-button-outer-box {
  /* @noflip */
  left: -1px;
}

* html .goog-custom-button-rtl .goog-custom-button-inner-box {
  /* @noflip */
  right: auto;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-custom-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* IE7 BiDi fix. */
*:first-child + html .goog-custom-button-rtl .goog-custom-button-inner-box {
  /* @noflip */
  left: 1px;
}

/* Safari-only hacks. */
::root .goog-custom-button,
::root .goog-custom-button-outer-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: 0;
}

::root .goog-custom-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: normal;
}

/* State: disabled. */
.goog-custom-button-disabled {
  background-image: none !important;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}

.goog-custom-button-disabled .goog-custom-button-outer-box,
.goog-custom-button-disabled .goog-custom-button-inner-box {
  color: #333 !important;
  border-color: #999 !important;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-custom-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-custom-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

/* State: hover. */
.goog-custom-button-hover .goog-custom-button-outer-box,
.goog-custom-button-hover .goog-custom-button-inner-box {
  border-color: #999999 !important;
  /* Hover border wins. */
}

/* State: active, checked. */
.goog-custom-button-active,
.goog-custom-button-checked {
  background-color: #bbb;
  background-position: bottom left;
}

/* State: focused. */
.goog-custom-button-focused .goog-custom-button-outer-box,
.goog-custom-button-focused .goog-custom-button-inner-box {
  /*border-color: orange;*/
}

/* Pill (collapsed border) styles. */
.goog-custom-button-collapse-right,
.goog-custom-button-collapse-right .goog-custom-button-outer-box,
.goog-custom-button-collapse-right .goog-custom-button-inner-box {
  margin-right: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.goog-custom-button-collapse-left,
.goog-custom-button-collapse-left .goog-custom-button-outer-box,
.goog-custom-button-collapse-left .goog-custom-button-inner-box {
  margin-left: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.goog-custom-button-collapse-left .goog-custom-button-inner-box {
  border-left: 1px solid #fff;
}

.goog-custom-button-collapse-left.goog-custom-button-checked .goog-custom-button-inner-box {
  border-left: 1px solid #ddd;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-custom-button-collapse-left .goog-custom-button-inner-box {
  left: 0;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-custom-button-collapse-left .goog-custom-button-inner-box {
  left: 0;
}

.goog-menubar {
  background-color: #3e454c;
  background-image: -moz-linear-gradient(center bottom, #373737, #3e454c 5px);
  height: 30px;
  cursor: default;
  outline: none;
  position: relative;
  white-space: nowrap;
}

.goog-menubar .goog-menu-button {
  font: 13px/30px Open Sans, sans-serif;
  letter-spacing: normal;
  text-shadow: 0 -1px 0 #444444;
  text-transform: none;
  padding: 0px 0px;
  margin: 0px 0px;
  outline: none;
  border: none;
  background: #3e454c;
  /* @alternate */
  color: #cccccc;
  border-left: 1px solid #3e454c;
  border-right: 1px solid #3e454c;
}

.goog-menubar .goog-menu-button-dropdown {
  display: none;
}

.goog-menubar .goog-menu-button-outer-box {
  border: none;
}

.goog-menubar .goog-menu-button-inner-box {
  border: none;
  padding: 0px 12px;
}

.goog-menubar .goog-menu-button-hover {
  background-color: #3a3a3a;
  background-image: -moz-linear-gradient(center bottom, #3a3a3a, #222222);
  color: #fafafa;
}

.goog-menubar .goog-menu-button-open {
  background: #fff;
  color: #3e454c !important;
  text-shadow: none !important;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  /* border-right: 1px solid #ccc; */
}

.goog-menubar .goog-menu-button-disabled {
  color: #ccc;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Standard styling for menus created by goog.ui.MenuRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 */
.goog-menu {
  background: #fff;
  border-color: #ccc #666 #666 #ccc;
  border-style: solid;
  border-width: 1px;
  cursor: default;
  font: normal 13px Arial, sans-serif;
  margin: 0;
  outline: none;
  padding: 4px 0;
  position: absolute;
  z-index: 20000;
  /* Arbitrary, but some apps depend on it... */
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Cross-browser implementation of the "display: inline-block" CSS property.
 * See http://www.w3.org/TR/CSS21/visuren.html#propdef-display for details.
 * Tested on IE 6 & 7, FF 1.5 & 2.0, Safari 2 & 3, Webkit, and Opera 9.
 *
 * @author attila@google.com (Attila Bodis)
 */
/*
 * Default rule; only Safari, Webkit, and Opera handle it without hacks.
 */
.goog-inline-block {
  position: relative;
  display: -moz-inline-box;
  /* Ignored by FF3 and later. */
  display: inline-block;
}

/*
 * Pre-IE7 IE hack.  On IE, "display: inline-block" only gives the element
 * layout, but doesn't give it inline behavior.  Subsequently setting display
 * to inline does the trick.
 */
* html .goog-inline-block {
  display: inline;
}

/*
 * IE7-only hack.  On IE, "display: inline-block" only gives the element
 * layout, but doesn't give it inline behavior.  Subsequently setting display
 * to inline does the trick.
 */
*:first-child + html .goog-inline-block {
  display: inline;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Styles for goog.ui.ac.AutoComplete and its derivatives.
 * Note: these styles need some work to get them working properly at various
 * font sizes other than the default.
 *
 * @author pupius@google.com (Daniel Pupius)
 * @author annams@google.com (Srinivas Annam)
 */
/*
 * TODO(annams): Rename (here and in renderer.js) to specify class name as
 * goog-autocomplete-renderer
 */
.ac-renderer {
  font: normal 13px Arial, sans-serif;
  position: absolute;
  width: 200px;
  background: #fff none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  cursor: default;
  margin: 0;
  outline: medium none;
  transition: opacity 0.218s ease 0s;
}

.ac-row {
  cursor: pointer;
  padding: 0.4em;
}

.ac-highlighted {
  font-weight: bold;
}

.ac-active {
  background-color: #d6e9f8;
}

/* proza-libre-regular - latin */
@font-face {
  font-family: "Proza Libre";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/proza-libre-v3-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Proza Libre"), local("ProzaLibre-Regular"), url("fonts/proza-libre-v3-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/proza-libre-v3-latin-regular.woff2") format("woff2"), url("fonts/proza-libre-v3-latin-regular.woff") format("woff"), url("fonts/proza-libre-v3-latin-regular.ttf") format("truetype"), url("fonts/proza-libre-v3-latin-regular.svg#ProzaLibre") format("svg");
  /* Legacy iOS */
}
/* Webfont: Lato-Regular */
@font-face {
  font-family: "LatoWeb";
  src: url("fonts/Lato-Regular.eot");
  /* IE9 Compat Modes */
  src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff2") format("woff2"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
.prepare-ripple {
  overflow: hidden;
  position: relative;
}

.ripple {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  display: block;
  position: absolute;
  transform: scale(0);
}
.ripple.on-animate {
  animation: ripple 0.65s linear;
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
.icotext {
  /*
  * Default rule; only Safari, Webkit, and Opera handle it without hacks.
  */
  position: relative;
  display: -moz-inline-box;
  /* Ignored by FF3 and later. */
  display: inline-block;
  /*
   * Pre-IE7 IE hack.  On IE, "display: inline-block" only gives the element
   * layout, but doesn't give it inline behavior.  Subsequently setting display
   * to inline does the trick.
   */
  /*
   * IE7-only hack.  On IE, "display: inline-block" only gives the element
   * layout, but doesn't give it inline behavior.  Subsequently setting display
   * to inline does the trick.
   */
}
.icotext * html {
  display: inline;
}
.icotext *:first-child + html {
  display: inline;
}

.red-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
}

.text-warning {
  color: #ff9966 !important;
}

.text-danger {
  color: #dc3545 !important;
}

.fg-toolbar, .small-button {
  font-size: 0.9em !important;
}
.ui-buttonset.fg-toolbar .ui-button, .ui-buttonset.small-button .ui-button {
  margin-right: -0.4em !important;
}

.dialog-popup-content, fieldset {
  padding: 0em 0.5em 0.5em 0.5em;
  margin: 0.1em 0.5em 0.1em 0.5em;
}

a.help:visited, a.help:link {
  background: url(images/help-icon.png) top left no-repeat;
  width: 16px;
  height: 16px;
  text-decoration: none;
  text-indent: -999999px;
  float: left;
  display: block;
  margin: 3px 0 0;
  position: absolute;
}

.topmenu ol, .topmenu ul {
  list-style: none outside none;
  padding: 10px 0 !important;
  margin: 0;
  white-space: nowrap;
}

.fg-toolbar {
  background-color: #EAEAEA !important;
  border: 1px solid #AAAAAA !important;
  border-radius: 1px 1px 1px 1px !important;
}

.procstatus {
  background-color: #EAEAEA;
  text-align: center;
  border-radius: 5px 5px 5px 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  opacity: 0.6;
  font-size: 10px;
  cursor: default;
  max-width: 100px;
}

.captcha.ok {
  background-color: #96fccb;
}
.captcha.fail {
  background-color: #faaa90;
}

.procCOMPLETE {
  background-color: #3D9970;
  color: #fffefc;
  border-color: #3e454c;
}

.procSTARTING {
  background-color: #F7C73E;
  color: #3e454c;
  border-color: #3e454c;
}

.procSTOPPING {
  background-color: #F7C73E;
  color: #3e454c;
  border-color: #3e454c;
}

.procERROR {
  background-color: #FF5500;
  color: #FFFFFF;
  border-color: #3e454c;
}

.procCANCELLED {
  background-color: #0E5294;
  color: #FFFFFF;
  border-color: #3e454c;
}

.procSTOPPED {
  background-color: #825794;
  color: #FFFFFF;
  border-color: #3e454c;
}

.appstatus {
  background-color: #EAEAEA;
  text-align: center;
  border-radius: 5px 5px 5px 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  opacity: 0.6;
  font-size: 10px;
  cursor: default;
  max-width: 100px;
}

.appRUNNING {
  background-color: #2196F3;
  color: #fffefc;
  border-color: #3e454c;
}

.appCOMPLETE {
  background-color: #3D9970;
  color: #fffefc;
  border-color: #3e454c;
}

.appSTARTING {
  background-color: #F7C73E;
  color: #3e454c;
  border-color: #3e454c;
}

.appSTOPPING {
  background-color: #F7C73E;
  color: #3e454c;
  border-color: #3e454c;
}

.appFAILED {
  background-color: #FF5500;
  color: #FFFFFF;
  border-color: #3e454c;
}

.appCANCELLED {
  background-color: #EAEAEA;
  border-color: #3e454c;
}

.appNEW {
  background-color: #0E5294;
  color: #FFFFFF;
  border-color: #3e454c;
}

.appSTOPPED {
  background-color: #825794;
  color: #FFFFFF;
  border-color: #3e454c;
}

.volstatus {
  background-color: #EAEAEA;
  text-align: center;
  border-radius: 5px 5px 5px 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  opacity: 0.6;
  font-size: 10px;
  cursor: default;
  max-width: 100px;
}

.volACTIVE {
  background-color: #3D9970;
  color: #fffefc;
  border-color: #3e454c;
}

.volCLOSED {
  background-color: #F7C73E;
  color: #3e454c;
  border-color: #3e454c;
}

.volUNREADABLE {
  background-color: #FF5500;
  color: #FFFFFF;
  border-color: #3e454c;
}

.volNEW {
  background-color: #0E5294;
  color: #FFFFFF;
  border-color: #3e454c;
}

.volEJECTED {
  background-color: #825794;
  color: #FFFFFF;
  border-color: #3e454c;
}

.ui-tabs-selected {
  background-color: #ffffff !important;
}

.topmenu ol li, .topmenu ul li {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  line-height: 27px;
}

.topmenu li a {
  color: #000000;
  font-weight: bold;
  padding: 0 20px;
  display: block;
}

.signin-box input[type=password], .signin-box input[type=text] {
  font-size: 15px;
  height: 32px;
  width: 100%;
  text-align: center;
}

input[type=password], input[type=text], .input-box {
  background: none repeat scroll 0 0 #fffefc;
  border-color: #c0c0c0 #dedede #dedede;
  border-radius: 1px 1px 1px 1px;
  border-right: 1px solid #dedede;
  border-style: solid;
  border-width: 1px;
  margin: 0;
}

.confbox .dataTable tbody input:hover, .input-boxh, input[type=password]:hover, input[type=text]:hover {
  border-color: #a0a0a0 #b9b9b9 #b9b9b9;
  border-right: 1px solid #b9b9b9;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.confbox .dataTable tbody input:focus, .input-boxf, input[type=password]:focus, input[type=text]:focus, .jstree-rename-input {
  border: 1px solid #4d90fe;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
  outline: medium none;
}

#configure legend, #maincontentstatus legend {
  padding: 0.2em 0.5em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background-color: #cfdcf0;
  font-size: 1.2em;
  color: #222222;
  text-align: left;
  font-family: Proza Libre;
}

#leftmenu .leftmenuback, #leftmenu .leftmenuwrap {
  background-image: none;
  height: auto;
}

.leftmenuwrap, .leftmenuback {
  border-color: #cccccc;
  border-style: solid;
  border-width: 0 1px 0 0;
  opacity: 1;
}

#treeview_tab, #maincontent_tab {
  border-left: 1px solid #aaaaaa !important;
  border-bottom: 1px solid #aaaaaa !important;
  border-right: 1px solid #aaaaaa !important;
  border-top: none !important;
}

#treeview-bottom, #view-bottom, .view-bottom {
  border-top: 1px double #000000 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.bottom, .top {
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  padding: 15px;
}

.paging_full_numbers span.paginate_active, .paging_full_numbers span.paginate_button {
  border: 1px solid #aaaaaa;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  margin: 0 3px;
  padding: 2px 5px;
}

body .ui-menu-item-active, body .ui-menu-item-hover, .goog-menuitem-highlight, .goog-menuitem-hover {
  background-color: #d6e9f8;
  border-color: #d6e9f8;
  border-style: dotted;
  border-width: 0;
  padding-bottom: 3px;
  padding-top: 3px;
  cursor: pointer;
}

.goog-menuitem-icon, .goog-menuitem-checkbox {
  background-repeat: no-repeat;
  height: 16px;
  left: 6px;
  position: absolute;
  right: auto;
  vertical-align: middle;
  width: 16px;
}

div.ac-renderer, body .goog-menu, body {
  font-family: Open Sans, sans-serif !important;
  color: #000000;
}

.font-smaller {
  font-size: smaller;
}

div.font-normal .font-smaller, div.font-normal {
  font-size: small;
}

body {
  font-size: 11px;
  height: 100%;
  background: none repeat scroll 0 0 transparent #e8e8e8;
  border: 0 none;
  margin: 0;
  outline: 0 none;
  padding: 0;
}
textarea, select, input, button {
  outline: none;
}

button, .goog-custom-button, .goog-menu-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
button:active, .goog-custom-button:active, .goog-menu-button:active {
  -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);
}

.selbutton {
  width: 25px !important;
  margin: 0px;
}

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

.long-and-truncated {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.long-and-truncated.lines {
  white-space: normal;
}

fieldset {
  border: 1px solid #c0c0c0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding-top: 8px;
}
fieldset .ui-widget-content {
  box-shadow: none !important;
}
fieldset legend {
  font-style: italic;
  padding-left: 4px;
  padding-right: 4px;
}

h4 {
  margin: 0.3em 0;
}

h3 {
  font-size: 100%;
  font-weight: 500;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltip.no_border {
  border-bottom: none;
}

.tooltip .tooltiptext {
  visibility: hidden;
  min-width: 120px;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 20000;
  bottom: 125%;
  left: 30%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext a {
  color: inherit;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.row {
  margin-top: 0.7em;
}

div.help {
  display: block;
  position: absolute;
  top: 10px;
  right: 0;
  width: 50px;
}
div.ui-button-icons-only {
  width: 3.8em;
}
div.ac-renderer {
  font-size: 13px;
  width: auto;
  max-width: 90%;
  min-width: 200px;
  max-height: 80%;
  overflow: scroll;
  z-index: 30000;
}
div.dataTables_wrapper .ui-widget-header {
  font-weight: normal;
}

a {
  outline: 0 none;
}
a.help:hover {
  background: url(images/help-icon.png) bottom left no-repeat;
  position: absolute;
}

html {
  height: 100%;
}

.clear {
  clear: both;
}

.mamenubar {
  background-color: #3e454c;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
}
.mamenubar span.icotext {
  width: auto;
}
.mamenubar * {
  color: #cccccc;
  font: 13px/28px Open Sans, sans-serif;
  letter-spacing: normal;
  margin: 0;
  padding: 0;
  position: static;
  text-shadow: 0 -1px 0 #3e454c;
  text-transform: none;
  width: auto;
}
.mamenubar ul li {
  display: inline;
  clear: none;
}
.mamenubar ul li:hover {
  background-color: #3a3a3a;
  color: #fafafa;
}
.mamenubar ul li.active {
  background-color: #3a3a3a;
  color: #fafafa;
}
.mamenubar ul li a {
  display: block;
  height: 100%;
  margin: 0;
  padding: 0 12px;
  text-decoration: none;
}
.mamenubar ul.right li {
  border: none;
  float: right;
}
.mamenubar ul.right li a {
  border: none;
  float: right;
}
.mamenubar ul.left li {
  border: none;
  float: left;
}
.mamenubar ul.left li a {
  border: none;
  float: left;
}

.selected, .selected * {
  font-weight: bold;
  color: #fffefc;
}

.menu {
  list-style: none outside none;
  outline: 0 none;
}

ol {
  list-style: none outside none;
  outline: 0 none;
  outline: 0 none;
}

ul {
  list-style: none outside none;
  outline: 0 none;
  border: none;
  outline: 0 none;
  padding: 0;
  margin: 0;
}

.goog-menu {
  background: #fffefc;
  border-color: #cccccc #666 #666 #cccccc;
  border-style: solid;
  border-width: 1px;
  cursor: default;
  font: normal 12px LatoWeb, Open Sans, sans-serif;
  margin: 0;
  outline: none;
  padding: 4px 0;
  position: absolute;
  z-index: 20000;
}
.goog-menu a {
  text-decoration: none;
  color: #000000;
}

li {
  border: none;
  outline: 0 none;
}

.mabmt {
  color: #000000 !important;
  font-weight: bold;
}

.mabmh {
  border-top: 1px solid #e5e5e5;
  font-size: 0;
  margin: 10px 0;
}

input {
  outline: 0 none;
}
input.decline {
  border: 1px solid #ff0000 !important;
}
input.vweak {
  border: 1px solid #ffff00 !important;
}
input.weak {
  border: 1px solid #ccff00 !important;
}
input.mediocre {
  border: 1px solid #66cc00 !important;
}
input.strong {
  border: 1px solid #339900 !important;
}
input.stronger {
  border: 1px solid #336600 !important;
}

select {
  outline: 0 none;
}

.topmenu.ui-dialog {
  padding: 0 !important;
  border: 0 1px 1px 1px solid #aaaaaa !important;
}
.topmenu.ui-widget-content {
  border-top: 0 !important;
}
.topmenu li a:hover {
  background-color: #f5f5f5;
  background-color: #f5f5f5;
}

.ui-layout-container .goog-menubar .goog-menu-button {
  font: 13px/30px LatoWeb, sans-serif;
}
.ui-layout-container .goog-menubar .goog-menubar-horizontal .goog-menu-button-outer-box {
  padding: 1px;
}
.ui-layout-container .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}

.ui-layout-center.ui-widget-content.white-bg {
  background: #fffefc;
}

.searchbox td {
  padding-right: 5px;
}

.signin-box {
  background-color: #fffefc;
  border: none;
  margin: 6px 0 0;
  padding: 30px;
  border-radius: 0;
  max-width: 350px;
  width: calc(100% - 40px);
  min-width: 250px;
  min-height: 200px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  opacity: 1;
  font-size: 11px;
}
.signin-box label {
  display: block;
  margin: 0 0 1em;
  font-size: 15px;
}
.signup-box {
  border: none;
  margin: 6px 0 0;
  padding: 30px 30px 0px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3), inset 0 1px white, inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0;
  background: #fffefc;
  font-size: 11px;
}
.signup-box p {
  margin-bottom: 1em;
}

#loginButton {
  padding: 20px 0 0;
  width: 100%;
  text-align: right;
}
#loginButton button {
  background-image: none;
}
#loginButton button:hover {
  background-image: none;
}

#loginactions {
  margin: 25px 0 0;
}

.logo {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.read {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}

.input-box {
  padding: 5px 0 5px 3px;
  position: relative;
  border-collapse: collapse;
}
.input-box > button.ui-button-icon-only {
  width: 1.5em;
}
.input-box.autocomplete-box {
  padding: 4px 0px 4px 3px;
  border-left: 0;
}
.input-box.search-bar {
  border-radius: 8px;
}

.input-clear {
  border: none !important;
  z-index: -1;
  box-shadow: none !important;
}

.widget-clear {
  border: none !important;
  outline: none !important;
}

.ui-state-default-clear {
  border: none !important;
  outline: none !important;
  background: none !important;
}

.ui-border-clear {
  border: none !important;
  outline: none !important;
}

.ui-state-default-bg-clear {
  background: none !important;
}

.treeview {
  font-size: 1.2em;
}

.jstree-rename-input {
  font-size: 1em;
}

#treeviewwrapper {
  padding: 0 !important;
}

.shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.goog-inline-block {
  position: relative;
  display: inline-block;
}

* html .goog-inline-block {
  display: inline;
}
*:first-child + html .goog-inline-block {
  display: inline;
}

.filtertree {
  background: none repeat scroll 0 0 #f5f5f5 !important;
}

.versiondate {
  background: none repeat scroll 0 0 #dedede !important;
  font-weight: bold;
}

.image {
  padding-left: 500px;
  padding-top: 500px;
}

.headingtext {
  color: #fffefc;
}

.noticepage {
  margin: 1em;
}

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

#malogo {
  position: absolute;
  left: 40%;
  top: 29px;
}

.labels {
  margin-top: 1px;
  margin-bottom: 1px;
}

.hiddenlabels {
  position: absolute;
  left: -999px;
  width: 990px;
}

p {
  margin-top: 1px;
  margin-bottom: 1px;
}

.tablesaround {
  border: 2px solid #a0a0a0;
  background: #fffefc;
  padding: 3px;
}

.statkey {
  font-weight: 200;
  width: 25%;
}

.stattable {
  width: 100%;
}

.lighttext {
  font-weight: 200;
}

.errortable {
  font-size: 12px;
  color: #000000;
  border: 2px solid #a0a0a0;
  background: #f3f6f8;
  padding: 3px;
}

.stacktrace {
  font-size: 9pt;
}

.leftbar {
  float: left;
  display: block;
  height: 100%;
  width: 200px;
  border: 1px;
}

.dropdownbox {
  display: block;
  margin-left: 0;
  padding: 1px;
  position: absolute;
  width: auto !important;
}

.ui-progressbar {
  height: 1em !important;
}

.progress-bar-horizontal {
  position: relative;
  padding: 1px;
  margin: 0;
  overflow: hidden;
  height: 1.2em;
  width: fit-content;
  border: 1px solid #949dad;
  background-color: #ffffff;
}

.background {
  background-color: #f3f6f8;
  width: 100%;
  height: 100%;
  position: absolute;
  border: none;
  margin: 0;
  padding: 0;
}

.menu-resizer, .ui-layout-center.ui-widget-content {
  background: #f1f1f1;
}

.menu-toggler {
  background: #6d6d6d;
}

#maincontentstatus.ui-layout-pane {
  background: #f1f1f1;
  padding: 10px 20px 10px 10px !important;
}
#maincontentstatus .ui-widget-content {
  border: 1px solid #e7e4e4;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#maincontentstatus.ui-widget-content {
  border: 1px solid #e7e4e4;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#configure .ui-widget-content {
  border: 1px solid #e7e4e4;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background: #fffefc;
}
#configure.ui-widget {
  border: 1px solid #e7e4e4;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#configure .ui-accordion-content {
  border-top: none;
}
#configure .ui-accordion-header {
  border: 1px solid #e7e4e4;
  border-top: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.confbox .ui-widget-header {
  border: none;
  background: none;
}
.confbox .ui-toolbar {
  padding-left: 0px;
  padding-right: 0px;
}
.confbox .dataTable tbody input {
  background: inherit;
  border: none;
}
.panelwrap {
  height: 100%;
  min-height: 100%;
  position: relative;
  width: 100%;
}

#leftmenu {
  padding: 0;
  overflow: hidden;
  color: #cccccc;
  background: #3e454c;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  -moz-box-shadow: inset 0 0 6px #000000;
  -webkit-box-shadow: inset 0 0 6px #000000;
  box-shadow: inset 0 0 6px #000000;
}
.icotext {
  padding: 0px 5px;
  font-size: 15px;
  width: 25px;
}

.leftmenuback {
  bottom: 0;
  position: absolute;
  top: 0;
  z-index: -1;
  width: 165px;
}

.leftmenuwrap {
  float: left;
  position: relative;
  width: 165px;
}

.leftmenushadow {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
  z-index: 20;
}

.leftmenu {
  width: 165px;
}

li.ui-menu-item-block-name {
  padding-left: 8px;
  text-transform: uppercase;
  font-size: smaller;
  opacity: 0.7;
}

.ui-menu-v {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  font-size: 1.2em;
}

.ui-menu-v-item, .ui-menu-item {
  cursor: pointer;
  display: block;
  min-width: 10em;
  padding: 4px;
  font: 13px/28px Open Sans, sans-serif;
  letter-spacing: normal;
  opacity: 0.8;
}
.ui-menu-v-item .icotext, .ui-menu-item .icotext {
  margin-left: 6px;
}

.ui-menu-v-item-hover {
  background-color: #3a3a3a;
  color: #fafafa;
}

.ui-menu-v-item-active {
  border-bottom-color: #6d6d6d;
  border-top-color: #808080;
  color: #fffefc;
  text-shadow: 0 -1px 0 #333333;
  background-color: #777777;
  opacity: 1;
}

.alt {
  background-color: #262b35;
  border: solid 1pt #1c202a;
  padding-left: 4pt;
}

.pageheading {
  height: 32px;
  margin: 0 0 1em 0;
  border-bottom: 1px solid #dfdfdf;
  color: #3e454c;
  font-size: 23px;
  line-height: 29px;
  padding: 9px 15px 4px 0;
  font-weight: normal;
  text-shadow: 0 1px 0 #fffefc;
}
.pageheading span.icotext {
  font-size: inherit;
}

.ui-widget-conf {
  background-color: #f5f5f5;
}

.ui-widget-content-conf {
  background: none !important;
  margin: 1em 0;
  background-color: #fcfcfc !important;
  padding: 1em;
}

.ui-widget-content-conf-header {
  height: 2em;
}

.widget-conf-content {
  padding: 1em;
}

table {
  cellpadding: 2;
  cellspacing: 2;
  border: 0;
}
table.display {
  border: 0 none;
  border-collapse: collapse;
  table-layout: fixed;
  clear: both;
  margin: 0 auto;
  width: 100%;
}
table.display tr.odd.gradeA {
  background-color: #ddffdd;
}
table.display tr.odd.gradeC {
  background-color: #ddddff;
}
table.display tr.odd.gradeX {
  background-color: #ffdddd;
}
table.display tr.odd.gradeU {
  background-color: #dedede;
}
table.display tr.odd.row_selected {
  background-color: #ffffcc !important;
}
table.display tr.even.gradeA {
  background-color: #eeffee;
}
table.display tr.even.gradeC {
  background-color: #eeeeff;
}
table.display tr.even.gradeX {
  background-color: #ffeeee;
}
table.display tr.even.gradeU {
  background-color: #eee;
}
table.display tr.even.row_selected {
  background-color: #ffffcc !important;
}
table.display tr.heading2 td {
  border-bottom: 1px solid #aaaaaa;
}
table.display td {
  cursor: default;
  padding: 3px;
  border-bottom: 1px solid #e5e5e5;
}
table.display td.center {
  text-align: center;
}
table.display thead th {
  cursor: pointer;
  padding: 3px 0 3px 3px;
  font-size: 90%;
  font-weight: 400;
}
table.display thead th.hide-sort-elem {
  padding: 0;
}
table.display thead th.hide-sort-elem span.dt_icon_left {
  left: 0px !important;
}
table.display thead th.hide-sort-elem span.DataTables_sort_icon {
  display: none;
}
table.display thead th div.DataTables_sort_wrapper {
  position: relative;
}
table.display thead th div.DataTables_sort_wrapper .xS {
  margin-right: 8px;
}
table.display thead th div.DataTables_sort_wrapper span {
  margin-top: -8px;
  position: absolute;
  right: 0;
  top: 50%;
}
table.display thead th div.DataTables_sort_wrapper span.dt_icon_left {
  left: -3px;
}
table.display tfoot th {
  font-weight: normal;
  padding: 3px 0;
}

thead {
  border: 0;
}

tbody {
  border: 0;
}

tr {
  border: 0;
}
tr.odd {
  background-color: #cfdcf0;
}
tr.even {
  background-color: #fafafa;
}
td {
  border: 0;
}
td span {
  white-space: normal !important;
}
td.group {
  background-color: #cccccc;
  border-bottom: 2px solid #a0a0a0;
  border-top: 2px solid #a0a0a0;
}
td.details {
  background-color: #cccccc;
  border: 2px solid #a0a0a0;
}

.config-table {
  border-collapse: collapse;
  clear: both;
  margin-bottom: -8px;
  margin-top: 0.5em;
  width: 100%;
}

.normalcells {
  background-color: #ccd6dd;
}

.textcellsRight {
  padding: 2px 0 2px 2px;
  text-align: right;
}

.textcells {
  padding: 2px 0 2px 2px;
  text-align: left;
}

.textcellsCenter {
  padding: 2px 0 2px 2px;
  text-align: center;
}

.smalltextbox {
  border: 1px solid #949595;
  background-color: #fffefc;
  min-width: 45px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.logoutlink {
  top: 79px;
  float: right;
  position: absolute;
  right: 0;
  padding-right: 5px;
  padding-top: 5px;
}

.popupnavigation {
  position: absolute;
  right: 3px;
  hight: 30px;
}

.tdclick {
  border-style: none;
  color: #7f8594;
  font-weight: bold;
}

.infotext {
  border-style: none;
  color: #4e5658;
}

.validationtext {
  border-style: none;
  color: #1f394a;
}

.themetitle {
  color: #7f8594;
}

.themedescription {
  font-style: italic;
}

.themeimage {
  text-align: center;
  padding: 5px;
  background-color: #ccd6dd;
}

.searchprogress {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5000;
}

#tooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid #111;
  background-color: #eee;
  padding: 5px;
  opacity: 0.85;
  filter: alpha(opacity=85);
  font-size: 9px;
}
#tooltip h3 {
  margin: 0;
}
#tooltip div {
  margin: 0;
}

.countdown_rtl {
  direction: rtl;
}

.countdown_row {
  clear: both;
  width: 100%;
  padding: 0 2px;
  text-align: center;
}

.countdown_section {
  display: block;
  float: left;
  font-size: 75%;
  text-align: center;
}

#sectionHeader {
  font-family: Proza Libre;
}

.countdown_amount {
  font-size: 200%;
}

.countdown_descr {
  display: block;
  width: 100%;
}

.configbox {
  padding: 1em;
  margin-top: 1em;
}

hr {
  color: #cccccc;
  margin: 0;
}

.not-select {
  user-select: none;
}

.vm-nav-headers {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1em;
  border-bottom: 1px solid #949595;
  overflow: hidden;
}
.vm-nav-headers a {
  color: #000000;
  font-weight: normal;
}
.vm-nav-headers a:HOVER {
  text-decoration: underline;
}

.vm-headers {
  width: 100%;
}
.vm-headers table {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.vm-headers td {
  border: 0;
  padding-right: 2px;
}

.field-name {
  color: #808080;
  margin-right: 3px;
}

.field-value {
  color: #000000;
  width: auto;
  margin-right: 5px;
}

.vm-headers-toggle {
  position: relative;
  float: right;
  margin-right: 5px;
}

.vm-navigation {
  padding: 2px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}
.vm-navigation .ui-buttonset .ui-button-icon-only .ui-button-text {
  padding: 0 !important;
}

.left {
  float: left;
}

.right {
  float: right;
}

.select-buttonset {
  margin: 0 !important;
}

.buttonset {
  padding-right: 0 !important;
}

.inputModel {
  background-color: #ececec !important;
}

.config-save-cancel {
  float: right;
  margin: 10px 0 5px;
}

.plus-munus {
  float: left;
}

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  height: 25px;
}
.ui-timepicker-div dl dd {
  margin: -25px 0 10px 65px;
}
.ui-timepicker-div td {
  font-size: 90%;
}

.align_center {
  position: relative;
  width: 100%;
}
.align_center:after {
  content: "";
  display: block;
  clear: both;
}

.align_center_to_left {
  position: relative;
  right: 50%;
  float: right;
}

.align_center_to_right {
  position: relative;
  z-index: 1;
  right: -50%;
}

.mail-body {
  background: #fafafa;
  font-size: 14px;
}

#tabs {
  padding: 0 3px 3px 3px !important;
  margin-top: 1em;
}
#tabs .dataTables_scrollHead {
  background: #f0f0f0;
}
#tabs .ui-layout-pane-center {
  background: #fffefc;
}
#tabs li .ui-icon-close {
  float: left;
  margin: 0.4em 0.2em 0 0;
  cursor: pointer;
}

#tabs-buttons {
  overflow: visible !important;
  border-bottom: 1px solid #aaaaaa !important;
}

#tabs-panels {
  overflow: hidden !important;
}
#tabs-panels .ui-tabs-panel {
  height: 100%;
  padding: 0 !important;
  border-width: 0 !important;
}

.smallicon {
  font-size: 11px;
}

#maincontent_tab.ui-tabs-panel {
  padding: 0;
}
#maincontent_tab .ui-layout-pane {
  padding: 5px 5px 0 5px !important;
  overflow: hidden;
}

#treeview_tab.ui-tabs-panel {
  padding: 0;
}
#treeview_tab .ui-layout-pane {
  padding: 5px 5px 0 5px !important;
  overflow: hidden;
}

.ui-tabs .ui-tabs-panel {
  border-style: none solid solid !important;
  border-width: 0px !important;
  border-top: 1px solid #aaaaaa !important;
  border-right: 1px solid #aaaaaa !important;
  border-left: 1px solid #aaaaaa !important;
  border-bottom: 1px solid #aaaaaa !important;
}
.ui-tabs .ui-tabs-nav {
  padding: 0.2em 0 0 !important;
  border: none !important;
  background: none !important;
}

.css_right {
  float: right;
}

.css_left {
  float: left;
}

#example_wrapper {
  box-shadow: 2px 2px 6px #666;
  border-radius: 5px;
}

.display tbody {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}
.display thead th:first-child {
  border-left: 1px solid #aaaaaa;
}
.display thead th:last-child {
  border-right: 1px solid #aaaaaa;
}

.paging_full_numbers {
  width: 350px !important;
}
.paging_full_numbers .ui-button {
  cursor: pointer;
  margin: 0;
  padding: 2px 6px;
}
.paging_full_numbers span.paginate_button {
  background-color: #dedede;
}
.paging_full_numbers span.paginate_button:hover {
  background-color: #cccccc;
}
.paging_full_numbers span.paginate_active {
  background-color: #99b3ff;
}

.fg-toolbar .goog-menu-button, .fg-toolbar .goog-custom-button {
  background: #f8f8f8;
}
.fg-toolbar.ui-widget-header {
  border-bottom: none;
}

.dataTables_paginate {
  width: auto;
}
.dataTables_paginate .ui-button {
  margin-right: -0.1em !important;
}

.dataTables_wrapper {
  clear: both;
}
.dataTables_wrapper .ui-toolbar {
  padding: 5px;
}

.dataTables_info {
  padding-top: 3px;
  float: right;
  width: auto;
  font-weight: 400;
}

.clickable, table.display tr.clickable > td {
  cursor: pointer !important;
}
.dataTables_processing {
  font-size: 11px;
  left: 40%;
  top: 50%;
  padding: 2px 0;
  position: absolute;
  text-align: center;
  width: 250px;
}

.dataTables_length {
  float: left;
  width: 40%;
}

.dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_scroll {
  clear: both;
}

.top .dataTables_info {
  float: none;
}

.dataTables_empty {
  text-align: center;
}

.fileexplorer {
  width: 450px;
  height: 300px;
  background: #fffefc;
  overflow: scroll;
  align: center;
}

.xS {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.xS span {
  white-space: nowrap !important;
}

.y6 {
  overflow: hidden;
  white-space: nowrap;
}

.xT {
  overflow: hidden;
  white-space: nowrap;
  width: 300%;
}

.xY {
  font-size: 80%;
  height: 3.61ex;
  overflow: hidden;
  padding: 3px 0 1px;
  vertical-align: middle;
  white-space: nowrap;
}

.goog-menuitem {
  color: #000000;
  list-style: none;
  margin: 0;
  padding: 4px 28px;
  white-space: nowrap;
}
.goog-menuitem.goog-menuitem-rtl {
  padding-left: 28px;
  padding-right: 28px;
}

.goog-menuitem-content {
  color: #000000;
}

.goog-menuitem-disabled .goog-menuitem-accel {
  color: #cccccc !important;
}
.goog-menuitem-disabled .goog-menuitem-content {
  color: #cccccc !important;
}
.goog-menuitem-disabled .goog-menuitem-icon {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

body .ui-menu {
  padding: 0;
}
body .ui-menu .ui-menu-item .ui-state-hover {
  background-color: #d6e9f8;
  border-color: #d6e9f8;
}
.goog-menuitem-rtl .goog-menuitem-checkbox {
  left: auto;
  right: 6px;
}
.goog-menuitem-rtl .goog-menuitem-icon {
  left: auto;
  right: 6px;
}
.goog-menuitem-rtl .goog-menuitem-accel {
  left: 0;
  right: auto;
  text-align: left;
}

.goog-option-selected .goog-menuitem-checkbox {
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -512px 0;
}
.goog-option-selected .goog-menuitem-icon {
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -512px 0;
}

.goog-menuitem-accel {
  color: #949595;
  direction: ltr;
  left: auto;
  padding: 0 6px;
  position: absolute;
  right: 0;
  text-align: right;
}

.goog-menuitem-mnemonic-hint {
  text-decoration: underline;
}

.goog-menuitem-mnemonic-separator {
  color: #949595;
  font-size: 12px;
  padding-left: 4px;
}

.goog-menuseparator {
  border-top: 1px solid #cccccc;
  margin: 4px 0;
  padding: 0;
}

.ui-combobox {
  position: relative;
  display: inline-block;
}

.ui-combobox-toggle {
  position: absolute;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
  height: 1.7em;
  top: 0.1em;
}

.ui-combobox-input {
  margin: 0;
  padding: 0.3em;
}

.ui-icon-additional {
  background-image: url(images/mailarchiva-ui-icons.png) !important;
}

.ui-icon-bug {
  background-position: 0 0;
}

.ui-icon-attachment {
  background-position: -16px 0;
}

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

.ui-icon-snetwork {
  background-position: -176px -144px;
}

.ui-icon-process {
  background-image: url(images/process.gif) !important;
}

.ui-icon-pin, .ui-icon-unpin {
  top: 60% !important;
  left: 60% !important;
}

.ui-icon-unpin {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAABUUlEQVQokZWQsWtTURjFf+elpqGCcDPqX2CHDg6FLipkcBIE4XUpVOhwlw4akJDonJe8RQSX/AW2gYJQ6Bbo0sU6OOjUpXQodPGueYTcz+W9kI4508c5HM75DqwIAWRZ9hG47Ha755UwHA4fxxg/NZvN9977WcUnALVa7aek4yzLXi6EJFmX9C6EMB6NRg/uJQDkef4ixjg2s91Go/G7KIo/wJNS/uGcS733s6QymNmVpD1JJ9Pp9JmZfQZiKb8KIXxZVCoNPTP7CjQlnQI3ZnYA3JnZlqQ+wFplcM59CCGMgafAhqRTM3tdr9c32+32v3tPA3jvZ5K+AVZSG5JOiqLYWp61Vh2DweA5cCTpDfAIWJe0D3xvtVq/JpPJ9SKh3+/vAGMg7XQ6E+dcCpwBf5MkSZcnXwOQ9DDG+LbX611U9YDDMvw2z/N0Pp9vA+esiv91t3u7UZQ3dwAAAABJRU5ErkJggg==") !important;
}
.ui-icon-unpin:active, .ui-icon-unpin:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAAmElEQVQokZ3RPQrCQBCG4adJL5bpBC8hQiJGD+IdPErOobextLJQEKxi50/hBJIQRf1gm2XenXdm+TNr5J27FCWSPiDHqQONUGHzDTTAAY84vVCKJc6YY4VbANfQa6XELgqqBnTEOB5sJcG2oVFDwz7/OgXuDeiC2bviLNoX0WkfM3W3ByZRnDX0yvDuW7kFph9Uc6/P/T1PvesltUhIBMcAAAAASUVORK5CYII=") !important;
}

.ui-icon-pin {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAA6UlEQVQokaWQv0rDUBTGf8e0SJ2SiIM+Qt+gCgVRcBOn7k4B6eB4oXNvbgaXbPcVuuji4CSIr+ETOJzgkEW4cTFS01aQfuP3h/N9B/4J2SQURXEUQpilaXqbZdlny+9sCoQQ9kTkWlUX3vv+nwHn3FhEXoEBcKWq92VZ7gL0uhVE5A0oljXgrK7rO2D6Q8Zx/K6qh8BN56CGEI6jKPpYGe2976vqE3DaTgEujTGPazeo6ggYAs8ATdPMl82/As65MbAAJkmSXAAPwH73IT0Aa+2oNRtjXr7rTaqqOugGAMjz/Nxae7JW3BZfTfJRdSV3ZtUAAAAASUVORK5CYII=") !important;
}
.ui-icon-pin:active, .ui-icon-pin:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAAeklEQVQoka3OMQrCQBCF4a9ZvENqC68ggVSWOY1H8Ayew8ra86RKqYWEtdnAaFQW8Yep5r2Znz/S4IhUW1jjilNNqcOAXOaM1SeFPe4hnHEruydSeZ9fZsSmHFyQcAnhCX2N+1w61IS7oLfwntmGcNR76w07tN/e/8wDSese+Zq2zIAAAAAASUVORK5CYII=") !important;
}

.popup {
  position: absolute;
  visibility: hidden;
}

.toolbaralign {
  padding-left: 10px;
  padding-top: 10px;
  height: 30px;
  vertical-align: middle;
}

#txtusername {
  background-position: 5px -9px !important;
}

#txtpassword {
  background-position: 5px -58px !important;
}

@font-face {
  font-family: Open Sans;
  src: url(fonts/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans-Regular-webfont.woff) format("woff"), url(fonts/OpenSans-Regular-webfont.ttf) format("truetype"), url(fonts/OpenSans-Regular-webfont.svg#OpenSansRegular) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Open Sans;
  src: url(fonts/OpenSans-Italic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans-Italic-webfont.woff) format("woff"), url(fonts/OpenSans-Italic-webfont.ttf) format("truetype"), url(fonts/OpenSans-Italic-webfont.svg#OpenSansItalic) format("svg");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Open Sans;
  src: url(fonts/OpenSans-Light-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans-Light-webfont.woff) format("woff"), url(fonts/OpenSans-Light-webfont.ttf) format("truetype"), url(fonts/OpenSans-Light-webfont.svg#OpenSansLight) format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Open Sans;
  src: url(fonts/OpenSans-LightItalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans-LightItalic-webfont.woff) format("woff"), url(fonts/OpenSans-LightItalic-webfont.ttf) format("truetype"), url(fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic) format("svg");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: Open Sans;
  src: url(fonts/OpenSans-Semibold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans-Semibold-webfont.woff) format("woff"), url(fonts/OpenSans-Semibold-webfont.ttf) format("truetype"), url(fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold) format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Open Sans;
  src: url(fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans-SemiboldItalic-webfont.woff) format("woff"), url(fonts/OpenSans-SemiboldItalic-webfont.ttf) format("truetype"), url(fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic) format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Open Sans;
  src: url(fonts/OpenSans-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans-Bold-webfont.woff) format("woff"), url(fonts/OpenSans-Bold-webfont.ttf) format("truetype"), url(fonts/OpenSans-Bold-webfont.svg#OpenSansBold) format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Open Sans;
  src: url(fonts/OpenSans-BoldItalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans-BoldItalic-webfont.woff) format("woff"), url(fonts/OpenSans-BoldItalic-webfont.ttf) format("truetype"), url(fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic) format("svg");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: Open Sans;
  src: url(fonts/OpenSans-ExtraBold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans-ExtraBold-webfont.woff) format("woff"), url(fonts/OpenSans-ExtraBold-webfont.ttf) format("truetype"), url(fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold) format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Open Sans;
  src: url(fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans-ExtraBoldItalic-webfont.woff) format("woff"), url(fonts/OpenSans-ExtraBoldItalic-webfont.ttf) format("truetype"), url(fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic) format("svg");
  font-weight: 900;
  font-style: italic;
}
.google-apps-button {
  background-image: url(images/googleappsignup.png);
  background-repeat: no-repeat;
  width: 250px;
  height: 40px;
  cursor: pointer;
  font-size: 13px;
  padding-left: 20px;
  color: #fffefc;
  font-weight: 500;
}

.office365-button {
  background-image: url(images/office365signup.png);
  background-repeat: no-repeat;
  width: 250px;
  height: 40px;
  cursor: pointer;
  font-size: 13px;
  padding-left: 20px;
  color: #fffefc;
  font-weight: 500;
}

.other-button {
  background-image: url(images/othersignup.png);
  background-repeat: no-repeat;
  width: 250px;
  height: 40px;
  cursor: pointer;
  font-size: 13px;
  padding-left: 20px;
  color: #fffefc;
  font-weight: 500;
}

.demo-button {
  background-image: url(images/demosignup.png);
  background-repeat: no-repeat;
  width: 250px;
  height: 40px;
  cursor: pointer;
  font-size: 13px;
  padding-left: 20px;
  color: #fffefc;
  font-weight: 500;
}

.fliphint {
  font-size: 13px;
}

.divider {
  border-color: #000000;
  border-style: solid;
  border-width: 0 0 1px;
  height: 10px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.divider span {
  background-color: #f5f5f5;
  display: inline-block;
  padding: 0 10px;
  min-height: 20px;
  min-width: 10%;
}

.no-js {
  visibility: hidden;
  opacity: 0;
}

.js {
  visibility: visible;
  opacity: 1;
}

.reverseEllipses {
  text-align: left;
  direction: rtl;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.discussion {
  list-style: none;
  position: absolute;
  bottom: 35px;
  width: 96%;
  overflow-x: auto;
  margin: 0;
  padding: 0;
  height: 94%;
}
.discussion li {
  padding: 0.2rem;
  overflow: hidden;
  display: flex;
}

.self {
  justify-content: flex-end;
  align-items: flex-end;
}
.self .messages {
  order: 1;
  border-bottom-right-radius: 0;
}

.messages {
  background: #fffefc;
  padding: 10px;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.messages .from {
  font-size: 0.8rem;
  color: #8a8a8a;
}
.messages p {
  font-size: 0.8rem;
  margin: 0 0 0.2rem 0;
}
.messages time {
  font-size: 0.7rem;
  color: #cccccc;
}

.ui-dialog-content iframe body {
  font-size: 11px;
}

.noTitleStuff .ui-dialog-titlebar {
  display: none;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header.ui-corner-all {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-right: none;
  border-left: none;
  border-top: none;
}

#logininputs input {
  background: none;
  box-shadow: none;
  text-align: left;
  border-color: #fffefc #fffefc #000000;
}
#logininputs input:hover {
  border-color: #fffefc #fffefc #2a6496;
  box-shadow: none;
}
#logininputs input:active {
  border-color: #fffefc #fffefc #2a6496;
  box-shadow: none;
}
#logininputs input:focus {
  background-color: #fffefc;
  outline: none;
}

.ma-icon .ui-icon {
  display: inline-block;
}

.jstree-themeroller .ui-state-default {
  border: none !important;
  outline: none !important;
  background: none !important;
}

.ui-bg-clear .ui-selectmenu {
  background: none !important;
}

#config.ui-layout-pane {
  background: #f1f1f1;
  padding: 10px 20px 10px 10px !important;
}
.red-dot {
  background-color: red;
}

.ui-layout-west.leftmenuback {
  padding: 0 !important;
}

#attachmentlink a {
  text-decoration: none;
  color: #4d738b;
  font-weight: bold;
}
#attachmentlink a:hover {
  text-decoration: none;
  color: #fffefc;
  font-weight: bold;
}

#downloadlink a {
  text-decoration: none;
  color: #4d738b;
  font-weight: bold;
}
#downloadlink a:hover {
  text-decoration: none;
  color: #fffefc;
  font-weight: bold;
}

.countdown_show1 .countdown_section {
  width: 98%;
}

.countdown_show2 .countdown_section {
  width: 48%;
}

.countdown_show3 .countdown_section {
  width: 32.5%;
}

.countdown_show4 .countdown_section {
  width: 24.5%;
}

.countdown_show5 .countdown_section {
  width: 19.5%;
}

.countdown_show6 .countdown_section {
  width: 16.25%;
}

.countdown_show7 .countdown_section {
  width: 14%;
}

span.attachment {
  height: 5px;
  width: 5px;
}

#maincontent.ui-layout-pane {
  padding: 5px 5px 0 5px !important;
  overflow: hidden;
}

.paging_two_button .ui-button {
  cursor: pointer;
  float: left;
}

.ui-tabs-panel table.display tr {
  cursor: pointer;
}

tfoot input {
  color: #3e454c;
  margin: 0.5em 0;
  width: 100%;
}
tfoot input.search_init {
  color: #949595;
}

.example_alt_pagination div.dataTables_info {
  width: 40%;
}

.ex_highlight #example tbody tr.even:hover {
  background-color: #ecffb3;
}
.ex_highlight #example tbody tr.odd:hover {
  background-color: #e6ff99;
}

#example tbody tr.even td.highlighted {
  background-color: #ecffb3;
}
#example tbody tr.odd td.highlighted {
  background-color: #e6ff99;
}

.goog-menu-nocheckbox .goog-menuitem {
  padding-left: 12px;
}

.goog-menu-noicon .goog-menuitem {
  padding-left: 12px;
}

.goog-menu-noaccel .goog-menuitem {
  padding-right: 20px;
}

section .typemessage {
  position: absolute;
  bottom: 5px;
}

/* form control */
.form-control {
  display: block;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control.captcha {
  display: inherit;
}

.is-realperson {
  bottom: 15px;
}

.form-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-control-placeholder {
  position: absolute;
  top: 0;
  padding: 10px 0 0 13px;
  transition: all 200ms;
  opacity: 0.5;
}

.form-control:focus + .form-control-placeholder, .form-control:valid + .form-control-placeholder {
  font-size: 85%;
  transform: translate3d(0, -100%, 0);
  opacity: 1;
}

.minilogo {
  width: 24px;
  z-index: -1;
}

.normallogo {
  width: 150px;
  z-index: -1;
}

.biglogo {
  width: 800px;
  z-index: -1;
}

.topmenuitem a {
  display: block;
  padding: 15px 10px 17px 13px;
}

/*# sourceMappingURL=mailarchiva-main.css.map */