/* Minification failed. Returning unminified contents.
(467,11): run-time error CSS1030: Expected identifier, found '.'
(467,22): run-time error CSS1031: Expected selector, found ')'
(467,22): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@charset "UTF-8";
/*#region dasboard*/
/*#endregion*/
/*#region exchange variables */
/*#endregion */
@font-face {
  font-family: "Lato";
  src: url("../font/Lato-Reg.eot");
  src: url("../font/Lato-Reg.eot?#iefix") format("embedded-opentype"), url("../font/Lato-Reg.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Lato";
  src: url("../font/Lato-Bol.eot");
  src: url("../font/Lato-Bol.eot?#iefix") format("embedded-opentype"), url("../font/Lato-Bol.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Lato";
  src: url("../font/Lato-RegIta.eot");
  src: url("../font/Lato-RegIta.eot?#iefix") format("embedded-opentype"), url("../font/Lato-RegIta.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Lato";
  src: url("../font/Lato-BolIta.eot");
  src: url("../font/Lato-BolIta.eot?#iefix") format("embedded-opentype"), url("../font/Lato-BolIta.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

html {
  height: 100%; }

body {
  font-family: "Lato", serif;
  font-size: 13px;
  color: #333;
  background-color: #f5f5f5;
  height: 100%;
  /*overflow-x:scroll;*/ }

body::after {
  content: "";
  background-image: url("../images/jbr_logo_350.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 350px;
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; }

header, footer, nav, section {
  display: block; }

h1 {
  font-size: 20px; }

p {
  padding: 10px; }

strong {
  font-weight: bold; }

input::-ms-clear {
  display: none; }

#kontener {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -20px; }

#naglowek {
  width: auto;
  display: block;
  padding: 9px;
  height: 50px; }

#naglowek .logo {
  float: left;
  height: 100%;
  margin-left: 10px; }

#naglowek .logo img {
  clear: both;
  height: 50px;
  position: relative; }

#naglowek .brandName {
  float: left;
  height: 100%;
  line-height: 50px;
  margin-left: 20px; }

#naglowek .brandName h1 {
  float: left;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 700px;
  white-space: nowrap;
  overflow: hidden; }

#naglowek .customerCode {
  display: inline-block;
  margin-left: 10px;
  margin-top: 2px; }

#naglowek .logout {
  float: right;
  margin-right: 10px;
  margin-top: 15px; }

#naglowek .logout .key {
  float: left; }

#naglowek .logout .loggedIn {
  float: left; }

#naglowek .logout .loggedIn h2 {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 250px;
  white-space: nowrap;
  overflow: hidden; }

.nawigacja:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #ADADAD 0%, rgba(125, 185, 232, 0) 100%); }

.nawigacja {
  width: auto;
  display: block;
  background-color: #fff; }

.body-background {
  background-color: #f5f5f5 !important; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.sortorder:after {
  content: '\25b2'; }

.sortorder.reverse:after {
  content: '\25bc'; }

/*----- Tabs -----*/
.tabs {
  width: 100%;
  display: inline-block; }

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
  display: block;
  clear: both;
  content: ''; }

.tab-links li {
  margin: 0 5px;
  float: left;
  list-style: none; }

.tab-links li.active {
  border: 1px solid #ccc;
  border-bottom: none; }

.tab-links a {
  padding: 9px 15px;
  display: inline-block;
  background-color: #5fc9e5;
  text-decoration: none;
  font-weight: 600;
  color: #fff;
  -moz-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  -webkit-transition: all linear 0.15s;
  transition: all linear 0.15s; }

.tab-links a:hover {
  background: #a7cce5;
  text-decoration: none; }

.tab-links li.active a, .tab-links li.active a:hover {
  background: #fff;
  color: #4c4c4c; }

/*----- Content of Tabs -----*/
.tab-content {
  padding: 15px;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
  background: #fff; }

.tab {
  display: none; }

.tab.active {
  display: block; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #f00; }

.field-validation-valid {
  display: none; }

.input-validation-error {
  border: 1px solid #f00 !important;
  background-color: #F7EBCE !important;
  margin-bottom: 2px; }

.validation-summary-errors {
  font-weight: normal; }

.validation-summary-messagebox {
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 3px;
  color: #ef3232;
  background-color: #ffbaba;
  border-color: #d8000c; }

.validation-summary-messagebox .errorHorizontalSeparator {
  display: block;
  border-bottom: 1px dashed #d8000c;
  margin-bottom: 5px;
  margin-top: 5px; }

.validation-summary-messagebox .errorHorizontalSeparator:last-child {
  visibility: hidden;
  margin: 0; }

.validation-summary-valid {
  display: none; }

#loading_page_overlay {
  visibility: visible;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(44, 69, 111, 0.1);
  z-index: 5000; }

#loading_page_bar {
  visibility: visible;
  width: 66px;
  height: 66px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url("/Content/images/loader.gif") no-repeat;
  z-index: 5001; }

.loading_partial_overlay {
  visibility: visible;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(44, 69, 111, 0.1);
  top: 0;
  left: 0;
  z-index: 5000;
  border-radius: 10px; }

.loading_partial_spinner {
  visibility: visible;
  width: 66px;
  height: 66px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("/Content/images/loader.gif") no-repeat;
  z-index: 5001; }

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
  border: 1px solid #ddd;
  padding: 0 1.4em 1.4em 1.4em;
  margin: 0;
  /*margin: 0 0 1.5em 0;*/ }

fieldset.light {
  padding: 0;
  border: none; }

fieldset input, fieldset select {
  border: 1px solid #ccc;
  color: #1C1C1A;
  font-family: inherit;
  background-color: #ffffff;
  padding: 4px 10px;
  margin-bottom: 10px;
  border-radius: 3px; }

fieldset input[readonly] {
  color: #AAAAAA;
  background-color: #CCCCCC; }

legend {
  font-size: 1em; }

label {
  display: block; }

textarea {
  min-height: 75px;
  border: 1px solid #ccc;
  border-radius: 3px; }

.editor-label {
  margin: 1em 0 0 0; }

.editor-field {
  margin: 0.5em 0 0 0; }

tooltip.question {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  background-color: #757575;
  line-height: 16px;
  color: white;
  font-weight: bold;
  border-radius: 8px;
  text-align: center; }

tooltip.question:hover {
  background-color: #a7a7a7; }

tooltip.blue {
  background-color: #2C81EE; }

tooltip.blue:hover {
  background-color: #1F98C7; }

.file-drop-container {
  width: 100px;
  height: 100px;
  border: 2px dashed #ddd; }

/* Style dla strony 
-----------------------------------------------------------*/
.no-margin {
  margin: 0 !important; }

.to-left {
  float: left; }

.to-right {
  float: right; }

.col-container {
  width: 100%;
  height: 100%;
  position: relative; }

.col-container .listing {
  padding: 10px 10px 5px 10px;
  margin-right: 20px;
  position: relative; }

.col-container .listing.exchange {
  margin-left: 22em; }

.col-container .listing.documents {
  margin-left: 25em;
  padding: 0;
  margin-right: 0; }

.col-container .listing .listing-header {
  margin: 10px;
  font-size: 16px;
  font-weight: bold; }

.col-container .listing.listing-small .listing-header {
  font-size: 12px; }

.col-container .listing.listing-large .listing-header {
  font-size: 18px; }

.col-container .listing .listing-header .price-header {
  float: right; }

.col-container .listing fieldset {
  border: none;
  padding: 0; }

.col-container .listing-options {
  position: relative;
  text-align: center;
  margin: 10px 0 20px 0; }

.col-container .listing-options::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #ADADAD 0%, rgba(125, 185, 232, 0) 100%); }

.col-container .listing-options .search {
  float: left;
  display: inline-block; }

.col-container .listing-options .search input {
  width: 350px;
  height: 40px;
  font-size: 17px;
  border-radius: 3px 0 0 3px;
  border-right: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.col-container .listing-options .search input:focus {
  outline: 0; }

.col-container .listing-options .search .filter-by {
  position: relative;
  left: -4px;
  font-size: 17px;
  height: 40px;
  border-radius: 0;
  outline: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.col-container .listing-options .btn-search {
  position: relative;
  left: -8px;
  background-color: #44c767;
  border: 1px solid #18ab29;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 17px;
  height: 40px;
  padding: 10px 31px;
  text-decoration: none;
  text-shadow: 0 1px 0 #2f6627;
  border-radius: 0 3px 3px 0; }

:-moz-any(.btn-search) {
  padding: 0.5em 31px !important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-container .listing-options .btn-search {
    padding: 11px 31px !important; } }

.col-container .listing-options .btn-search:hover {
  background-color: #5cbf2a; }

.col-container .listing-options .misc {
  display: inline-block;
  float: right; }

.col-container .listing-options .sort {
  display: inline-block; }

.col-container .listing-options .viewOptions {
  display: inline-block; }

@media only screen and (max-width: 1280px) {
  .col-container .listing-options .misc {
    float: left; } }

.col-container .listing-options .items-per-page {
  float: right;
  margin: 10px 10px 0 0; }

.col-container .articles article {
  border-bottom: 1px solid #dfdfdf; }

.col-container .articles article:last-child {
  border-bottom: none; }

.col-container .listing .articles .article {
  padding: 10px; }

.col-container .listing .articles .article .title {
  font-size: 16px; }

.col-container .listing.listing-small .articles .article .title {
  font-size: 12px; }

.col-container .listing.listing-large .articles .article .title {
  font-size: 18px; }

.col-container .articles .article .title .price {
  float: right; }

.col-container .listing .articles article .details {
  margin-top: 10px;
  padding-left: 50px;
  height: 15px;
  font-size: 13px;
  display: inline-block;
  width: 100%; }

.col-container .listing.listing-small .articles article .details {
  font-size: 11px; }

.col-container .listing.listing-large .articles article .details {
  font-size: 15px; }

.col-container .listing .articles article .details .param1 {
  float: left;
  margin-left: 10px;
  width: 17%; }

.col-container .listing .articles article .details .param2 {
  float: left;
  margin-left: 10px;
  width: 12%; }

.col-container .listing .articles article .details .param3 {
  float: left;
  margin-left: 10px;
  width: 20%; }

.col-container .listing .articles article .details .param4 {
  float: left;
  margin-left: 10px;
  width: 10%;
  min-height: 1px; }

.col-container .pagination > .active > a {
  background-color: #44c767;
  border-color: #18ab29; }

.col-container .pagination > .active > a:hover {
  background-color: #44c767;
  border-color: #18ab29; }

.col-container .pagination > li > a {
  margin-left: 5px; }

/*#region login */
.mainbox.loginbox {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 300px;
  height: 300px; }

.mainbox.loginbox .headerBar {
  border: 1px solid #ddd;
  border-bottom: none;
  background-color: #ececec; }

.mainbox.loginbox .headerBar::after {
  background: none; }

.mainbox.loginbox .login {
  text-align: center;
  margin-top: 15px; }

/*#endregion */
/*#region article details */
table.background-table {
  position: relative;
  margin: 20px auto;
  text-align: left;
  width: 800px; }

table.background-table th {
  color: #339;
  padding: 12px;
  /*background-color:#f3f3f3;*/ }

table.background-table td {
  border-top: 1px solid #fff;
  font-size: 12px;
  padding: 9px 12px; }

table.background-table thead tr:first-child,
table.background-table thead tr:nth-child(2) {
  font-weight: bold;
  background-color: #e8e8e8; }

table.background-table thead tr:nth-child(2) {
  font-size: 16px; }

table.background-table tbody tr th {
  background-color: #f7f7f7; }

table.background-table tbody td {
  background-color: #ececf6; }

table.background-table tbody tr:first-child {
  font-size: 16px; }

table.background-table thead tr:first-child th:first-child {
  border-top-left-radius: 5px;
  width: 9em; }

table.background-table thead tr:first-child th:last-child {
  border-top-right-radius: 5px; }

table.background-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 5px; }

table.background-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 5px; }

/*#endregion */
/* Style dla menu 
-----------------------------------------------------------*/
#menu, #menu ul {
  margin: 0; }

#menu {
  height: 35px;
  padding: 3px 0 3px 0; }

#menu.expanded {
  height: 65px; }

/*set up a tags*/
#menu a {
  display: inline-block;
  color: #c3c3c2;
  text-decoration: none;
  height: 31px;
  line-height: 28px;
  padding: 0 8px; }

/*position level 1 links horizontally*/
#menu li {
  display: block;
  float: left;
  margin-left: -1px;
  margin-right: 3px; }

/*undo previous style for level 2 links*/
/*#menu li ul li{float:none;}*/
/*position level 2 links vertically and hide*/
#menu li ul {
  position: absolute;
  z-index: 1; }

#menu > li > .menu-grp {
  height: 31px;
  line-height: 28px;
  padding: 0 8px;
  color: #c3c3c2; }

#menu > li > .menu-grp:hover {
  color: #000;
  cursor: pointer; }

#menu > li > .menu-grp:hover > i {
  color: #000;
  cursor: pointer; }

#menu > li.active {
  border-bottom: 6px solid transparent;
  background: url("/Content/images/menu_hover_arrow.png") no-repeat center 25px; }

#menu li i {
  color: #c3c3c2; }

ul#menu li .submenu {
  margin-top: 6px;
  display: none;
  position: absolute;
  height: 28px;
  width: 100%;
  left: 0;
  padding: 3px 0 3px 0;
  background: #00addb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00addb 0, #00addb 50%, #5fc9e5 50%, #5fc9e5 52%, #5fc9e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00addb), color-stop(50%, #00addb), color-stop(50%, #5fc9e5), color-stop(52%, #5fc9e5), color-stop(100%, #5fc9e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00addb 0, #00addb 50%, #5fc9e5 50%, #5fc9e5 52%, #5fc9e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00addb 0, #00addb 50%, #5fc9e5 50%, #5fc9e5 52%, #5fc9e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00addb 0, #00addb 50%, #5fc9e5 50%, #5fc9e5 52%, #5fc9e5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #00addb 0, #00addb 50%, #5fc9e5 50%, #5fc9e5 52%, #5fc9e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$jbr-menu-gradient-top', endColorstr='$jbr-menu-gradient-bottom',GradientType=0 );
  /* IE6-9 */ }

ul#menu li .submenu li.active {
  background-color: #fff; }

ul#menu li .submenu li.active a {
  color: #2c456f; }

ul#menu li .submenu a {
  color: #fff; }

ul#menu li .submenu a:hover {
  color: yellow; }

#demo {
  background-color: #333;
  height: 100px;
  position: relative;
  width: 100px; }

#glowny {
  width: auto;
  display: block; }

#kolumna_lewa {
  width: 560px;
  margin-right: 20px;
  float: left; }

#kolumna_prawa {
  width: 260px;
  margin-right: 20px;
  float: left; }

.well {
  padding: 9px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  margin-bottom: 10px; }

.lead {
  margin: 9px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px; }

div.spacer {
  clear: both;
  height: 10px;
  display: block; }

.stopka {
  position: relative;
  margin: 0 auto;
  width: 100%;
  font-size: 10px; }

.stopka, .push {
  height: 20px;
  clear: both; }

.stopka > .versionInfo {
  position: absolute;
  top: 5px;
  left: 5px; }

/* Style dla stron prostych
-----------------------------------------------------------*/
div.headerBar {
  background-color: #fff; }

div.headerBar .headerIcon {
  float: left;
  margin: 8px 10px 0 10px; }

div.headerBar p {
  font-size: 20px; }

div.headerBar img {
  height: auto;
  width: 28px; }

div.headerBar:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #ADADAD 0%, rgba(125, 185, 232, 0) 100%); }

.wordwrap {
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -pre-wrap;
  /* Opera <7 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  /* IE */ }

.change {
  max-width: 0; }

.block {
  display: block; }

.inline {
  display: inline-block; }

.bold {
  font-weight: bold; }

.center {
  text-align: center; }

.no-wrap {
  white-space: nowrap; }

.mainbox {
  width: auto; }

.mainbox > .content {
  text-align: center;
  padding: 10px; }

/* Sticky top */
.mainbox .content .content_header {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px 0; }

.mainbox .content .content_header.stick {
  position: fixed;
  top: 0;
  z-index: 10000;
  border-radius: 0 0 0.5em 0.5em;
  background-color: #DADADA; }

/* List header */
.mainbox .content .header-list-wrapper {
  width: auto;
  /*padding:5px;*/
  margin: 0 0 10px 5px;
  padding-left: 1.4em;
  overflow: auto; }

.mainbox .content .header-list-wrapper .header-list {
  text-align: left;
  border-bottom: 1px solid #ddd; }

.mainbox .content .header-list-wrapper .header-list .editor-label-list {
  margin-right: 4px;
  padding: 10px 10px 2px 10px; }

.mainbox .content .dialog-col2 {
  display: inline-block;
  vertical-align: top; }

/* Wrappers - view types */
/* Wrapper tile */
.mainbox .content .wrapper-tile {
  display: inline-block !important;
  margin-bottom: 5px;
  margin-top: 5px;
  max-width: 350px; }

.mainbox .content .wrapper-tile fieldset > .editor-field {
  border-bottom: 1px solid #ddd; }

/* Wrapper list */
.mainbox .content .wrapper-list {
  display: block !important;
  margin-top: 0; }

.mainbox .content .wrapper-list fieldset {
  border: none;
  padding-bottom: 0; }

.mainbox .content .wrapper-list fieldset > .editor-field {
  border: none;
  margin: 0; }

/* Options box - shared */
.mainbox .content .wrapper .options-box > .options-content .deleteRecord {
  vertical-align: middle; }

/* Options box - wrapper-tile */
.mainbox .content .wrapper-tile .options-box > .options-header {
  display: none; }

.mainbox .content .wrapper-tile .options-box > .options-content {
  width: 100%;
  height: 100%;
  margin-top: 15px;
  display: block !important; }

.mainbox .content .wrapper-tile .options-box > .options-content table {
  margin: 0 auto; }

/* Options box - wrapper-list */
.mainbox .content .wrapper-list .options-box {
  display: inline-block;
  vertical-align: top;
  float: right; }

.mainbox .content .wrapper-list .options-box > .options-header {
  font-size: 9px;
  height: 2em;
  background-color: #ddd;
  border-top: 2px solid #9dd53a; }

.mainbox .content .wrapper-list .options-box > .options-header > .text-wrapper {
  height: 2em;
  background-color: #757575;
  float: left; }

.mainbox .content .wrapper-list .options-box > .options-header > .text-wrapper > .text {
  margin-left: 7px;
  margin-top: 0.4em;
  color: white; }

.mainbox .content .wrapper-list .options-box > .options-header > .triangle-up-left {
  float: left;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2em 2em 0 0;
  border-color: #757575 transparent transparent transparent; }

.mainbox .content .wrapper-list .options-box > .options-header > .slider-wrapper {
  margin: 0.4em 5px;
  float: right; }

.mainbox .content .wrapper-list .options-box > .options-header > .slider-wrapper i {
  cursor: pointer; }

.mainbox .content .wrapper-list .options-box > .options-header > .slider-wrapper i:hover {
  color: white; }

.mainbox .content .wrapper-list .options-box > .options-header > .slider-wrapper i:active {
  color: #2c456f; }

.mainbox .content .wrapper-list .options-box > .options-content {
  display: block; }

.mainbox .content .wrapper-list .options-box > .options-content .deleteRecord > .btnDelete {
  width: 2em;
  height: 2.1em; }

.mainbox .content .wrapper-add-tile {
  width: 200px;
  height: 200px;
  border: 2px dashed #ddd; }

.mainbox .content .wrapper-add-list {
  width: auto;
  height: auto;
  border: none; }

/* Wrappers - shared */
.mainbox .content .wrapper > .header, .mainbox .content .dialogwrapper > .header {
  /*background-color: #757575;*/
  background: #646464 url(../themes/custom-gray/images/ui-bg_gloss-wave_40_646464_500x100.png) 50% 50% repeat-x;
  color: #fff; }

.mainbox .content .wrapper fieldset, .mainbox .content .dialogwrapper fieldset {
  /* dolna część "okienka" */
  text-align: left;
  background-color: #F5F5F5; }

/* Wrapper - main */
.mainbox .content .wrapper {
  vertical-align: top;
  margin-left: 5px;
  font-size: 13px; }

.mainbox .content .wrapper .btnDelete {
  width: 1.5em;
  height: 1.1em;
  border: 1px solid #999999;
  background-color: #757575;
  color: white;
  float: right;
  position: relative; }

.mainbox .content .wrapper .btnDelete:hover {
  background-color: #a7a7a7;
  cursor: pointer; }

.mainbox .content .wrapper .btnDelete:active {
  background-color: #fff;
  color: #000; }

.mainbox .content .wrapper .btnDelete i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.4em;
  margin-top: -0.55em; }

.mainbox .content .wrapper fieldset label {
  color: silver;
  margin-bottom: 10px;
  margin: 0 auto;
  /* Wyśrodkowanie elementu */
  display: block;
  /**/ }

.mainbox .content .wrapper fieldset .border-all {
  border-width: 1px;
  border-style: solid; }

.mainbox .content .wrapper fieldset .border-gray {
  border-color: #ddd !important; }

.mainbox .content .wrapper fieldset input[readonly="readonly"] {
  color: silver;
  background-color: #e0e0e0; }

/* Dialogwrapper - main */
.mainbox .content .dialogwrapper {
  display: block;
  vertical-align: top; }

.mainbox .content .dialogwrapper .header {
  background-color: #2c456f; }

.mainbox .content .dialogwrapper .serviceAccessHeader {
  position: relative;
  height: 33px; }

.mainbox .content .dialogwrapper .serviceAccessHeader .serviceAccessTitle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50%;
  margin: auto; }

.mainbox .content .dialogwrapper fieldset label {
  color: black;
  margin-bottom: 10px;
  margin: 0 auto;
  /* Wyśrodkowanie elementu */
  display: block;
  /**/ }

/* Roleswrapper - main */
.mainbox .content .rolesWrapper .headerForUsername {
  padding: 10px;
  background-color: #2c456f;
  color: white; }

.mainbox .content .rolesWrapper .rolesForUsername {
  display: none;
  padding: 1em;
  background-color: #dfdfdf; }

.services-horizontal-separator {
  margin: 10px 10px 0 10px;
  height: 50px;
  border-right: 1px dashed #2c456f; }

.services-horizontal-separator:last-child {
  display: none; }

#rememberme {
  margin-top: 5px; }

#rememberme input[type="checkbox"] {
  margin: 0 3px;
  width: 15px;
  float: left; }

/*Autocomplete*/
.autocomplete_response table {
  border: 1px solid #ccc; }

.autocomplete_response table thead {
  font-size: 12px; }

.autocomplete_response table th, .autocomplete_response table td {
  padding: 0.5em; }

#username-suggestions {
  border: 1px solid #2c456f; }

/*Username suggerstions*/
#username-suggestions > ul {
  padding: 0 0 10px 10px; }

#username-suggestions > ul > li > input {
  margin-bottom: 5px; }

#username-suggestions > ul > li > label {
  display: inline; }

.messagebox {
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 3px; }

.messagebox-done {
  color: #f5f7f9;
  background-color: #00529B;
  border-color: #64aae9; }

.messagebox-fail {
  color: #ef3232;
  background-color: #ffbaba;
  border-color: #d8000c; }

.messagebox-info {
  color: #00529B;
  background-color: #BDE5F8;
  border-color: #64aae9; }

.messagebox-warning {
  color: #00529B;
  background-color: #BDE5F8;
  border-color: #eeb72e; }

.errorHandler .details {
  text-align: center; }

.errorHandler h1.error {
  text-align: center;
  font-size: 50px;
  margin: 15px; }

.errorHandler .details h2 {
  font-size: 20px; }

.errorHandler .details .exceptionDetails {
  margin-top: 15px; }

.errorHandler .details .exceptionDetails .exceptionHeader {
  width: 550px;
  margin-left: 40%;
  margin-bottom: 15px; }

.errorHandler .details .exceptionDetails .exceptionHeader p {
  text-align: left; }

.errorHandler .details .exceptionDetails .exceptionStackTrace {
  margin-bottom: 15px;
  text-align: left; }

.errorHandler .details .sendError {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px; }

/* error triangle for events & errorHandling */
.errorStatus {
  margin-left: 5px;
  position: relative;
  z-index: 24;
  text-decoration: none; }

.errorStatus:hover {
  z-index: 25; }

.errorStatus span {
  display: none; }

.errorStatus:hover span {
  display: block;
  font-size: 12px;
  padding: 5px;
  position: absolute;
  top: 1em;
  left: 1em;
  width: auto;
  white-space: nowrap;
  border: 1px solid #2c456f;
  background-color: whitesmoke;
  color: #808080; }

/*Style dla okienka*/
#dialog-form fieldset input {
  width: auto; }

/*dialog custom styles*/
.no-close .ui-dialog-titlebar-close {
  display: none; }

/* page header */
#page_header {
  width: 100%;
  border-bottom: dotted;
  border-color: silver;
  border-bottom-width: 1px; }

#page_header th {
  text-align: left;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 20px;
  color: silver;
  letter-spacing: 2px;
  width: 50px; }

#one-column-emphasis {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  width: 480px;
  text-align: left;
  border-collapse: collapse; }

#one-column-emphasis th {
  font-size: 14px;
  font-weight: normal;
  padding: 12px 15px;
  color: #039; }

#one-column-emphasis td {
  padding: 10px 15px;
  color: #888;
  border-top: 1px solid #e8edff; }

.oce-first {
  background: #d0dafd;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent; }

#one-column-emphasis tr:hover td {
  color: #339;
  background: #eff2ff; }

.detailsbox {
  width: auto; }

.detailsbox table {
  margin-left: auto;
  margin-right: auto; }

.detailsbox h2 {
  /*bar okienka*/
  background-color: silver;
  border-radius: 3px 3px 0 0;
  font-size: 16px;
  padding: 15px 25px;
  text-align: center; }

.detailsbox h3 {
  /*bar okienka*/
  background-color: #ddd;
  border-radius: 3px 3px 0 0;
  font-size: 14px;
  padding: 10px 25px;
  text-align: center; }

.detailsbox h4 {
  /*bar okienka*/
  background-color: #64aae9;
  border-radius: 3px 3px 0 0;
  font-size: 13px;
  padding: 5px 25px;
  text-align: center; }

.detailsbox label {
  font-size: 12px;
  color: #808080;
  font-style: oblique; }

.detailsbox td {
  padding: 10px; }

.data_details_panel {
  display: block;
  overflow: hidden;
  min-width: 1200px;
  margin-left: 40px;
  margin-right: 40px;
  font-size: 12px;
  border: 1px solid silver;
  box-shadow: 2px 2px 2px #888888;
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0, #f3f3f3 50%, #ededed 51%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0, #f3f3f3 50%, #ededed 51%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0, #f3f3f3 50%, #ededed 51%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0, #f3f3f3 50%, #ededed 51%, white 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0, #f3f3f3 50%, #ededed 51%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }

.data_details_label {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  background: #deefff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #deefff 0, #98bede 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #deefff), color-stop(100%, #98bede));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #deefff 0, #98bede 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #deefff 0, #98bede 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #deefff 0, #98bede 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #deefff 0, #98bede 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 );
  /* IE6-9 */
  font-size: 12px;
  line-height: 4em;
  text-align: center; }

.data_details_value {
  margin-left: 10px;
  font-size: 12px;
  float: left;
  line-height: 4em;
  text-align: center; }

.data_details_box {
  margin-left: 10px;
  float: left; }

.data_details_button {
  line-height: 15px;
  margin-right: 20px; }

.data_details_list {
  float: none; }

.data_details_panel table {
  float: left; }

.data_details_table_label {
  font-size: 14px;
  color: white;
  background-color: gray;
  padding-left: 10px;
  padding-right: 10px; }

.data_details_table_value {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  text-align: center; }

.agreement_value_label {
  text-align: center;
  color: gray;
  margin-top: 5px;
  display: block; }

.agreement_caption {
  height: 20px;
  background-color: silver;
  text-align: center;
  vertical-align: middle;
  color: white; }

.block_element {
  display: block; }

/* Customer */
.customerLogo {
  margin: 5px 0;
  padding: 3px;
  width: 100px;
  height: 80px;
  border: 1px dotted #ccc; }

/* Exchange */
.departmentLogo {
  margin: 5px 0;
  padding: 3px;
  width: 100px;
  height: 80px;
  border: 1px dotted #ccc; }

table.detail-row td:not(:last-child) {
  vertical-align: top;
  padding-right: 5px; }

/* Activities */
#AcceptanceTree {
  margin-top: 15px; }

#treeData ul, #treeData li {
  list-style: none;
  margin: 0;
  padding: 0; }

#treeData label {
  text-decoration: none; }

#treeData label:hover {
  background: #e7f4f9;
  box-shadow: inset 0 0 1px #ccc; }

#treeData li {
  line-height: 170%;
  text-indent: 0;
  background-position: 1px 8px;
  padding-left: 20px;
  background-repeat: no-repeat; }

#treeData li i {
  font-size: 17px;
  cursor: pointer; }

#treeData li input {
  border: 1px solid #ccc;
  background-color: #ffffff;
  height: 9px; }

#treeData li input[type=checkbox] {
  height: 12px; }

#treeData ul li {
  padding-left: 40px; }

.sidebar {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 0 0 20px; }

.sidebar.exchange {
  width: 20em; }

.sidebar.documents {
  width: 23em; }

.sidebar:after {
  content: '';
  position: absolute;
  height: 100%;
  top: 0;
  width: 1px;
  left: 100%;
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.65) 50%, transparent 100%); }

.sidebar .widget-header h2 {
  font-size: 18px;
  text-align: center; }

.sidebar .filter-type-range label {
  display: inline; }

.sidebar .filter-type-range input[type="date"] {
  width: 120px; }

.sidebar .filter-type-range input[type="number"] {
  width: 60px; }

input.small {
  width: 60px !important; }

input.medium {
  width: 90px !important; }

input.large {
  width: 120px !important; }

.widget-content {
  margin-top: 15px; }

.widget-content fieldset {
  border: none;
  padding: 0;
  margin-bottom: 10px;
  position: relative; }

.widget-content > fieldset::after {
  content: '';
  height: 1px;
  display: block;
  background: linear-gradient(to right, #5a5a5a 0, rgba(125, 185, 232, 0) 100%); }

.widget-content fieldset legend {
  margin-bottom: 5px; }

.widget-content fieldset ul {
  margin-left: 15px; }

.widget-content fieldset ul li .filter-param {
  position: relative; }

.widget-content fieldset ul li h3 {
  font-size: 0.8em; }

.widget-content fieldset ul.document-type-filters li.filter-type-range label {
  font-size: 0.8em; }

.widget-content fieldset .filter-toggle {
  display: block;
  padding-left: 16px;
  margin-left: -16px; }

.widget-content fieldset .filter-toggle.checked {
  cursor: pointer; }

.widget-content fieldset .filter-toggle.checked:before {
  content: '';
  position: absolute;
  top: 12px;
  left: -15px;
  width: 10px;
  height: 10px;
  margin-top: -1px;
  background: url("images/x-cross-icon-th.png") no-repeat;
  background-size: 100%; }

.filter-col-left {
  width: 30%;
  vertical-align: top;
  border-right: 1px solid #ccc; }

.filter-col-right {
  width: 70%;
  height: 100%;
  position: relative; }

.filter-group {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #ccc; }

.filter-group-text {
  margin-left: 5px; }

.filter-group-icon img {
  vertical-align: middle;
  height: 24px;
  width: 24px; }

.filters-selected {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  border-top: 2px solid #ccc; }

.features-clear {
  cursor: pointer; }

#features {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 275px;
  height: 80%; }

#filter-count {
  position: absolute;
  top: -28px;
  right: 0;
  border: 2px solid #ccc;
  border-bottom: none;
  padding: 6px;
  height: 14px;
  background-color: #f5f5f5; }

#badges {
  display: block;
  height: auto;
  background-color: #f5f5f5; }

.filter-badge {
  color: black;
  background-color: #f5f5f5;
  margin: 5px;
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid #ddd;
  font-size: 12px;
  font-style: italic; }

.filter-badge i.remove {
  margin-left: 2px;
  cursor: pointer;
  color: #44c767; }

.filter-badge i.remove:hover {
  margin-left: 2px;
  cursor: pointer;
  color: #5cbf2a; }

/* SZCZEGÓŁY LISTY DOKUMENTÓW */
#transmissionDetails .documents-list {
  margin-top: 5px; }

#transmissionDetails .documents-list > fieldset {
  border: none; }

#transmissionDetails fieldset {
  padding: 0; }

#transmissionDetails fieldset > table {
  margin: 10px; }

#transmissionDetails .document-details {
  margin-top: 1px; }

#transmissionDetails .document-details > .header p {
  padding: 7px; }

#transmissionDetails table td, #transmissionDetails table th {
  padding: 0.3em;
  white-space: nowrap;
  vertical-align: middle; }

#transmissionDetails .documentFiles a.file-option {
  font-size: 8px;
  margin-left: 1px; }

#transmissionDetails .documentFiles > .header p {
  padding: 5px;
  text-align: center; }

#transmissionDetails .documentFiles fieldset {
  border: none; }

#transmissionDetails .documentFiles fieldset > table {
  margin: 0;
  width: 100%; }

#transmissionDetails .documentFiles fieldset > table tr {
  border-bottom: 1px dotted #ddd; }

#transmissionDetails .documentFiles fieldset > table tr:last-child {
  border-bottom: none; }

#transmissionDetails .documentFiles fieldset > table td {
  padding: 0;
  border-left: 1px dotted #ddd; }

#transmissionDetails .documentFiles fieldset > table td:first-child {
  width: 32px; }

#transmissionDetails .documentFiles fieldset > table td.file-name {
  border-left: none; }

#transmissionDetails .documentFiles .header {
  background: #ccc url(themes/custom-gray/images/ui-bg_gloss-wave_40_aeaeae_500x100.png) 50% 50% repeat-x; }

.files-partial ul {
  padding: 10px; }

.files-partial .filesList {
  border-top: 1px solid #ddd; }

.files-partial .filesList li.preview-file {
  position: relative;
  height: 35px; }

.files-partial .filesList li.preview-file .file-icon {
  position: absolute;
  top: 0;
  left: 0; }

.files-partial .filesList li.preview-file .file-name {
  position: absolute;
  top: 0.8em;
  left: 40px; }

#transmission-create-form #Description {
  min-width: 300px;
  max-width: 350px;
  max-height: 100px; }

#transmission-create-form table#transmission-details > tbody > tr > td {
  padding-left: 20px; }

#transmission-create-form table#receiver-details {
  /*display:none;*/ }

#transmission-create-form table#receiver-details td:last-child {
  padding-left: 5px; }

.documents-wrapper > fieldset {
  padding: 1.4em; }

.documents-wrapper .documents-list .ui-widget-content {
  background-color: transparent !important;
  background-image: none !important; }

.documents-wrapper .documents-list-options {
  text-align: center; }

.documents-wrapper .documents-list-options #btnAppendDocument {
  display: none; }

.documents-wrapper .document:last-child {
  margin-bottom: 1.4em; }

.documents-wrapper .document .document-remove {
  float: right; }

.documents-wrapper .document .document-type {
  display: none;
  text-align: center;
  margin-top: 1.4em; }

.documents-wrapper .file-list .editor-field {
  width: 300px; }

.documents-wrapper .document .remove-files {
  height: 20px;
  width: 20px;
  margin: 7px 0 0 0;
  float: right; }

#consultants {
  width: 550px; }

#consultants .consultant-list .consultant .consultant-remove {
  float: right; }

#consultants .consultant-options {
  position: relative;
  height: 30px; }

#consultants .consultant-options #add-consultant {
  position: absolute;
  top: 35%;
  left: 43%; }

#btnAppendDocument {
  /*margin-top: 1.4em;*/
  text-align: center; }

.terms {
  width: 940px;
  margin: auto;
  text-align: left;
  border: 1px solid #ccc;
  border-top: none;
  padding: 10px; }

.terms ul {
  list-style: disc;
  margin-left: 35px; }

.terms .acceptance {
  text-align: left;
  margin-top: 15px; }

.terms fieldset {
  border: none; }

/* service history sheet */
.sheet {
  background-color: white;
  margin: auto;
  width: 70%;
  min-width: 930px;
  margin-top: 10px; }

.sheet .header {
  background: #646464 url(themes/custom-gray/images/ui-bg_gloss-wave_40_646464_500x100.png) 50% 50% repeat-x;
  color: #fff;
  line-height: 2;
  text-align: center;
  color: white; }

.sheet .content {
  background-color: white;
  border: solid 1px grey;
  padding: 10px; }

.sheet .info {
  padding: 10px;
  border-top: solid 1px #aaaaaa;
  border-left: solid 1px #aaaaaa;
  border-right: solid 1px #aaaaaa;
  background-color: #f5f5f5; }

.sheet table {
  margin: auto;
  border-collapse: collapse;
  padding: 5px; }

.sheet td {
  padding: 10px;
  text-align: center;
  border-top: dashed 1px; }

.sheet th {
  border-bottom: solid 1px gray;
  color: gray;
  padding: 10px;
  font-size: smaller; }

.sheet-tab-header {
  padding-right: 10px; }

/* Styles for dashboard */
.box {
  margin-top: 0;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top; }

.box.blue {
  border: 1px solid #2c456f; }

.box > .box-title {
  padding: 5px 10px 5px 10px; }

.box, .box.dashboard > .box-title.blue {
  background-color: #2c456f; }

.box > .box-title > .caption {
  height: 24px;
  font-size: 18px;
  line-height: 24px;
  color: #fff; }

.box > .box-title > .caption i {
  margin-right: 5px; }

.box .indicator {
  width: 24px;
  height: 24px;
  margin-left: 5px;
  background: url("/Content/images/indicator-small.gif") no-repeat; }

.clear {
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

.green {
  background-color: #32b747; }

.box .box-body {
  overflow: auto;
  background-color: #fff;
  padding: 5px 10px 5px 10px; }

.box .box-body a {
  text-decoration: none; }

.box .box-body a:visited {
  color: #0066cc; }

.box .box-body a.highlight {
  color: #bd040b;
  font-weight: bold; }

.box .box-body table {
  vertical-align: top; }

.box .box-body table p {
  padding: 0; }

.box .box-body table p.hide, .box .box-body table button.hide {
  display: none; }

.box .box-body table.table-center {
  margin-left: auto;
  margin-right: auto; }

.box .box-body table caption {
  text-align: center;
  padding: 5px; }

.box .box-body table .separated {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.box .box-body table th.text-left,
.box .box-body table td.text-left {
  text-align: left; }

.box .box-body table th.text-right,
.box .box-body table td.text-right {
  text-align: right; }

.box .box-body table th.users,
.box .box-body table td.users {
  max-width: 350px; }

.box .box-body table thead th,
.box .box-body table tbody th,
.box .box-body table tbody td,
.box .box-body table tfoot th,
.box .box-body table tfoot td {
  padding: 5px;
  vertical-align: top; }

.box .box-body table tbody th.head,
.box .box-body table tbody td.head,
.box .box-body table tfoot th.head,
.box .box-body table tfoot td.head {
  padding-top: 10px;
  padding-bottom: 10px; }

.box .box-body table tr.hide,
.box .box-body table th.hide,
.box .box-body table td.hide {
  display: none; }

.box .box-body table tbody th.highlight,
.box .box-body table tbody tr.highlight,
.box .box-body table tbody td.highlight {
  color: #bd040b;
  font-weight: bold; }

.box .box-body table button .ui-button-text {
  padding: 0 1em;
  font-size: 10px; }

.box .box-body > .events > li > .event-icon {
  vertical-align: middle;
  text-align: center;
  min-width: 20px;
  padding: 7px 6px 7px 7px;
  background-color: #ff6a00; }

.box .box-body > .events > li > .event-icon > i {
  text-align: center;
  font-size: 18px;
  color: white; }

.box .box-body > .events > li > .event-details {
  padding-left: 38px;
  padding-right: 5px;
  padding-top: 6px;
  margin-bottom: 5px !important;
  line-height: 19px;
  height: 26px;
  background-color: whitesmoke; }

.box .box-body > .events > li > .event-details .row-box {
  font-size: 12px;
  padding: 1px 4px 1px 4px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  margin-left: 5px; }

.box .box-body > .events > li > .event-details .row-box > a {
  color: #fff;
  text-decoration: none; }

.box .box-body > .events > li > .event-details > .event-link {
  background-color: #f6b533; }

.box .box-body > .events > li > .event-details > .event-occurrence {
  font-style: italic;
  color: #808080; }

.box .box-body > .events > li .event-long {
  background-color: aliceblue;
  margin-bottom: 5px;
  padding: 5px;
  overflow: hidden; }

.event-long.ng-enter,
.event-long.ng-leave {
  -webkit-transition: all 500ms linear;
  -moz-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear; }

.event-long.ng-enter {
  height: 0; }

.event-long.ng-enter.ng-enter-active {
  height: 13px; }

.event-long.ng-leave {
  height: 13px; }

.event-long.ng-leave.ng-leave-active {
  height: 0; }

.repeat-item.ng-enter,
.repeat-item.ng-leave {
  -webkit-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block; }

.repeat-item.ng-enter.repeat-item.ng-enter-active,
.repeat-item.ng-leave {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  height: 30px;
  opacity: 1; }

.repeat-item.ng-leave.repeat-item.ng-leave-active,
.repeat-item.ng-enter {
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  height: 0;
  opacity: 0; }

#customerFilter-button .ui-selectmenu-status {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.hidden {
  visibility: hidden; }

.box .gridFooter {
  background-color: #e8e8e8; }

.box .gridFooter .ui-selectmenu-button {
  display: inline-block;
  vertical-align: middle; }

.box .gridFooter .ui-selectmenu-button span.ui-selectmenu-text {
  line-height: 1.2em; }

.chart {
  position: relative; }

.chart > div {
  position: relative; }

.chart div.c3 {
  overflow: hidden;
  margin: 0 auto; }

.chart.pie div.c3 {
  width: 600px; }

.chart label.title {
  font-size: 18px;
  text-align: center; }

.chart .empty {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center; }

.chart .empty > span {
  font-size: 18px;
  margin-top: 151px;
  display: inline-block; }

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

.divTable {
  display: table;
  width: 100%; }

.divTableRow {
  display: table-row;
  height: 40px; }

.divTableHeading {
  background-color: #EEE;
  display: table-header-group; }

.divTableCell, .divTableHead {
  border-bottom: 1px dashed #ccc;
  display: table-cell;
  padding: 3px 10px;
  vertical-align: middle; }

.divTableHeading {
  background-color: #EEE;
  display: table-header-group;
  font-weight: bold; }

.divTableFoot {
  background-color: #EEE;
  display: table-footer-group;
  font-weight: bold; }

.divTableBody {
  display: table-row-group; }