body { padding-top: 50px; background:#eee }
body.login { padding-top: 15px; }
.h1, h1 { margin-top: 40px; font-size: 26px; margin-bottom: 15px; }
.h2, h2 { margin-top: 30px; font-size: 22px; }
.margin-top { margin-top: 30px; }
#login { max-width:290px; margin:0 auto; }
.btn-default { color:#337ab7; }
.navbar-brand { padding-top: 10px; padding-bottom: 10px; }
.navbar-inverse { background-color: #333; border-color: #333; }

.spacing-top {margin-top: 20px;}

table.dataTable thead th { padding-left:10px; }
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting { color:#337ab7; }
tbody .icon { margin-right: 5px; }
tbody span.icon { color: #bbb; }
.table-responsive { border: none; margin-bottom: 0; }
.dataTables_wrapper .dataTables_info, div.dataTables_wrapper div.dataTables_info, .dataTables_wrapper .dataTables_filter, div.dataTables_wrapper div.dataTables_filter { text-align: left; float: none; margin: 0; }
#table-1_wrapper .row:first-child .col-sm-6:first-child { display: none; }
#table-1_wrapper .row:first-child .col-sm-6 { padding: 10px 0 0 0; }
.table-striped>tbody>tr:nth-of-type(even) { background-color: #eee; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-color:#ccc; }
table.dataTable thead th, table.dataTable thead td { border-bottom:0; }
table.dataTable.no-footer { border-bottom: 1px solid #ccc; }
.tooltip-inner { max-width:500px;text-align:left; }
.clickable-row { cursor:pointer; }

.form-horizontal .control-label { text-align:left; }
.form-control.half-l, .form-control.half-r { width:49%; float:left; }
.form-control.half-r { float:right; }

hr { border-top-color:#ccc; }

.xor-title h3 { margin-top:5px; }
.xor-title .container-fluid { padding-top:30px; padding-bottom:15px; }
.xor-title .glyphicon { margin-left:5px; }
.xor-title .text-uppercase { letter-spacing: 1px; }

/* panels */
.panel h4 { margin:5px 0; }
.panel hr { margin:10px 0; }

/* anonym */
.visual { background:#fff; padding:2em 15px 1.25em 15px; }
.visual img { max-width:350px; width: 75%; margin-bottom: 1em; }
.footer hr { margin-top: 30px; }

.footer { padding-bottom:1em; }
.nospace { margin:0; padding:0; }
.nofloat { float:none; }

/* responsiveness */
@media (min-width: 768px) {/* Small devices (tablets, 768px and up) */
	.h1, h1 { font-size: 32px; }
	.h2, h2 { font-size: 26px; }
}

.xor-highlight-active { background-color: #ffeeaa !important; }
.xor-highlight-active:hover { background-color: #fae696 !important; }
.xor-highlight-default { background-color: #396b9e !important; color: #ffffff !important; text-shadow: 0 1px 0 #194b7e !important;}
.xor-highlight-default:hover { background-color: #4b88b6 !important; }
.spinner-inline { width: 1.2em; height: 1.2em; opacity:0.8; vertical-align: top; }
.nospace-top { margin-top:0 !important; padding-top:0 !important; }
.xor-small { font-size:13px; }
.xor-gray { color:#bbb; }
.txt-c { text-align:center !important; }
.xor-hidden { display:none !important; }
.xor-red { color:#BB0000; }
.h5v-error  { border: 1px solid #e5a3a1 !important; }
.h5v-error::-webkit-input-placeholder, .h5v-error input::-webkit-input-placeholder { color:#e5605c; }
.h5v-error::-moz-placeholder, .h5v-error input::-moz-placeholder { color:#e5605c; }

/* loading icon animation */
.gly-spin {
  margin-right:0.5em;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* kundenspezifische Styles in separatem CSS */