#desktop { width: 100%; margin: auto; padding: 0 1em; }
.form-group { margin-bottom: 1rem; }
.small-centered-panel { max-width: 30em; margin: 0 auto; }
.listPager { margin: 1rem 0; float: right; }
.listPager button>span.glyphicon { min-height: 18px; margin-top: 2px; }
.listPager .dropdown-menu li { text-align: right; }

.app-overlay { 
  background: rgba(255,255,255,0.67); display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; 
  background-image: url('loader.gif'); background-position: center; background-repeat: no-repeat; background-size: 100px auto; 
  }

.table thead th { background-color: rgba(0,0,0,0.1); }
.table tbody tr:nth-child(even) { background-color: rgba(0,0,0,0.05); }
.table tbody tr:hover { background-color: rgba(220, 231, 117, 0.33) }
.table tbody .nowrap { white-space: nowrap; }

.table select[list-ctrl] {padding: 3px;height: 28px;}

.optionContainer { margin: 1rem 0; }

#panelOptions .by-filter-text-visible { display: block; }
#panelOptions .by-filter-text-hidden { display: none; }
#panelOptions .by-filter-type-visible { display: block; }
#panelOptions .by-filter-type-hidden { display: none; }

#panelOptions .by-filter-type-hidden.by-filter-text-visible { display: none; }
#panelOptions .by-filter-type-visible.by-filter-text-hidden { display: none; }
.jqbs-ext-panel-list li>input { width: 4%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; position: relative; top: 0; }
.jqbs-ext-panel-checklist li>label { width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0;  position: relative; top: 0.2em; }
.jqbs-ext-panel-selectlist li>label { display: inline; top: 0.1em; }
.jqbs-ext-panel-selectlist li>select:disabled { background-color: #f0f0f0; color: gray; }

/*.input-group.warning span,*/ label.btn.warning.active { background-color: rgba(255, 187, 51, 0.5); }
.input-group.warning input { background-color: rgba(255, 187, 51, 0.25); }


/* http://codepen.io/MarcosBL/pen/uomCD alapján */
.badge {
  padding: 1px 1px 2px; font-size: 1rem; font-weight: bold; white-space: nowrap; color: #ffffff; background-color:rgba(0,0,0,0.1); min-width: 2rem;
  border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; 
  }
.badge:hover { color: #ffffff; text-decoration: none; cursor: pointer; }
.badge-error { background-color: #ff4444; }
.badge-error:hover { background-color: #CC0000; }
.badge-warning { background-color: #ffbb33; }
.badge-warning:hover { background-color: #FF8800; }
.badge-success { background-color: #00C851; }
.badge-success:hover { background-color: #007E33; }
.badge-info { background-color: #33b5e5; }
.badge-info:hover { background-color: #0099CC; }
.badge-inverse { background-color: #333333; }
.badge-inverse:hover { background-color: #1a1a1a; }

.label { display: inline-block; min-width: 2em; padding: 0.4em 0.5em; }
.label-xsmall { vertical-align: super; font-size: 0.5em; }
.label-small {vertical-align: super;font-size: 0.6em;}
.label-medium { vertical-align: super; font-size: 0.75em; }
.label-large { vertical-align: super; font-size: 1em; }
.label-bs { vertical-align: super; }

/* http://bootsnipp.com/snippets/featured/material-design-switch */
/*.material-switch > input[type="checkbox"] { display: none; }
.material-switch > label { cursor: pointer; height: 0px; position: relative; width: 2.5rem; }
.material-switch > label::before {
  background: rgb(0, 0, 0); box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 0.5rem;
  content: ''; height: 1rem; margin-top: -0.5rem; position:absolute; opacity: 0.3; transition: all 0.4s ease-in-out; width: 2.5rem;
  }
.material-switch > label::after {
  background: rgb(255, 255, 255); border-radius: 16px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: ''; height: 1.5rem; left: -0.25rem; margin-top: -0.5rem; position: absolute; top: -0.25rem; transition: all 0.3s ease-in-out; width: 1.5rem;
  }
.material-switch > input[type="checkbox"]:checked + label::before { background: inherit; opacity: 0.5; }
.material-switch > input[type="checkbox"]:checked + label::after { background: inherit; left: 1.25rem; }*/


.btn-file { position: relative; overflow: hidden; }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; }

.dataForm-select2 {width: 100% !important;}

@media print {
  .app-content { margin-top: 0px; }
  .app-header, .app-content ul.nav { display: none; }
}