/** @version $Id: diktate.css 31 2016-04-25 14:00:22Z johannes $ */

/* Wells background definition doesn't exist in bootstrap. So let's define them ourselves */
.well-default {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
}
.well-transparent {border-color:#dcdcdc; background-color: transparent; background-image: none;}
.well-info {border-color: #bce8f1; color:#31708f; background-color: #d9edf7; background-image:none;}
.well-success {border-color: #d6e9c6; background-color: #dff0d8; color: #3c763d; background-image: none;}
.well-warning {border-color: #faebcc; background-color: #fcf8e3; color: #8a6d3b; background-image: none;}
.well-danger {background-color: #f2dede; border-color: #ebccd1; color: #a94442; background-image: none;}

.navbar-default {
    background-image: linear-gradient(to bottom, #fff 0px, #bbb 100%);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
}
.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a {color:#444;}

#agb {counter-reset: level01;}
#agb ol { counter-reset: item }
#agb li { display: block }
#agb li:before { content: counters(item, ".") "."; counter-increment: item; padding-right:10px; margin-left:-34px;}

#impressum td {vertical-align: top; padding:2px 0;}
#impressum td.caption {padding:2px 10px 2px 0;}

#pager, #auftragsliste_toppager {width:100% !important;}
#auftragsliste_toppager_center table {position:relative; top:-3px;}

#auftragslisteContainer .ui-widget-content {
    font-size:13px;
    margin-top:5px;
}

#auftragslisteContainer .ui-jqgrid .ui-jqgrid-view {
    font-size:13px;
}

.ui-jqgrid .ui-pg-table #auftragsliste_toppager_center td,
.ui-jqgrid #auftragsliste_toppager_right .ui-paging-info {
    font-size:14px; font-weight:bold;
}

.ui-jqgrid .ui-pg-table #pager_center td,
.ui-jqgrid #pager .ui-paging-info {
    font-size:14px; font-weight:bold;
}

.ui-jqgrid td input, .ui-jqgrid td select, .ui-jqgrid .inline-edit-cell {
    padding-top:0;
    padding-bottom:0;
    padding-left:0;
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
    margin-top: 0; height:18px;
}

.ui-jqgrid .ui-pg-table #auftragsliste_toppager_center td .ui-pg-input,
.ui-jqgrid .ui-pg-table #auftragsliste_toppager_center td .ui-pg-selbox,
.ui-jqgrid .ui-pg-table #pager_center .ui-pg-input,
.ui-jqgrid #pager .ui-pg-table .ui-pg-selbox {
    font-size:90%;
    font-weight:normal;
    background-color:white;
    background-image: none;
    color: black;
    margin-top:5px;
}
.ui-jqgrid input.ui-pg-input {width:60px;}

/* Some difficulties between browsers here */
/*.ui-jqgrid select.ui-pg-selbox {padding-top:1px;}*/

/* The jQuery UI icons are too small in the context (allthtough the resizing not always looks good).
   There are some places, were they can't be replaced by glyphicons.
*/
.ui-icon {
    zoom:1.4;
    -ms-zoom:1.4;
    -webkit-zoom:1.4;
    -moz-transform: scale(1.4, 1.4);
}

/* For the sort icons take a lower enlargement */
.ui-icon.ui-grid-ico-sort {
    zoom:1.3;
    -ms-zoom:1.3;
    -webkit-zoom:1.4;
    -moz-transform: scale(1.3, 1.3);
}

#auftragslisteContainer .ui-search-input select {
    font-size:13px;
}

#auftragslisteContainer .ui-jqgrid .ui-jqgrid-view, #auftragslisteContainer .ui-jqgrid .ui-jqgrid-pager,
#auftragslisteContainer .ui-pg-input {
  /*width:50px; min-height:20px; font-size:100%; */
    min-height:20px;
    text-align:center;
}

#auftragslisteContainer .ui-pg-selbox, /*#auftragslisteContainer .ui-widget-content,*/
#auftragslisteContainer .ui-search-input select {
    height:20px;
}
#auftragslisteContainer .ui-search-input select {background:transparent;}
#auftragslisteContainer .ui-jqgrid-titlebar {font-size:15px;}

#pager, #auftragsliste_toppager {height:30px !important;}
#pager .ui-pg-table {position: relative; top:-1px;}
#pager_right .ui-paging-info {position:relative; top:-2px !important;}
#auftragsliste_toppager_left table, #auftragsliste_toppager_right .ui-paging-info {position: relative; top:-2px;}
#auftragsliste_toppager_center table {position: relative; top:-1px;}

td.ui-search-input select, td.ui-search-input input[type=text] {
  /* brutal, aber es gab mit an das Theme angepassten Versuchen zuviel Trabbel */
  background-color:white !important; color:black !important; font-weight:normal !important; background-image:none !important;
}

/* Ebenso brutal, aber es gibt sonst einfach zuviel Hallas mit den jQuery UI-Themes: */
.editable {color:#262626 !important; background:#fff !important; border-style:inset;}
.editable[disabled] {color:#555; background:#ddd !important; border-color:#999; border-style:solid;}

/* Hat der autor von jqGrid so für text-Inputs gemacht, aber für select vergessen */
tr.ui-search-toolbar select {
    margin: 0 0;

    /* Hier aber Abwandlung */
    text-indent:0;
}

/* Unnötige Platzverschwendung durch sonst definiertes padding-left von 5px */
ui.jq-grid select {padding-left:0 !important;}

/* Beim Tree-Grid den Löschen-Button an den Elternknoten verschwinden lassen */
tr[id$="-Diktate"] .ui-inline-del, tr[id$="-Dokumente"] .ui-inline-del {display:none;}

td.relative50PercentLeft .ui-inline-del {position:relative; left:-15%;}

/* Zur Verwendung bei Attribut classes des jqGrid-colModel */
.whiteSpaceNormal {white-space: normal !important;}

/* Macke behandeln: Das Ankreuzkästchen der ersten Datenzeile steht sonst zu weit rechts */
td[aria-describedby=auftragsliste_cb] input[type=checkbox] {width:auto;}

/* Damit die Inline-Buttons zentriert sitzen */
td[aria-describedby=auftragsliste_act] > div {display:inline-block; margin-left:auto !important; margin-right:auto !important;}

/* Dialoge */
/* Upload */
.bootstrap-filestyle input[type=text] {min-width:300px;}

/* Subgrid */
.tablediv .ui-pg-table {position:relative; top:-1px; left:2px;}
.tablediv .ui-pg-div {font-size: 90%; position: relative; left: -4px;}
.tablediv .ui-pg-div .ui-icon-refresh {position:relative; left:4px; top:-1px;}

#administrator-config select {max-width:135px;}

.panel-heading.panel-heading-first {font-size:1.15em;}

.table-administrator .column-actions {width:110px; text-align:center; white-space: nowrap;}
.table-administrator .column-id, .table-administrator td[data-sort-field="id"] {width:70px; text-align:center;}
.table-administrator .column-created_at, .table-administrator .column-updated_at, .table-administrator .column-deleted_at,
.table-administrator-abteilungen .column-created_at, .table-administrator-abteilungen .column-updated_at
{width:145px;}
.table-administrator ul {padding-left:15px;}

.table-administrator .column-telegruppe_name {width:260px;}

.table-administrator .column-telearbeiter_name {width:180px;}
.table-administrator .column-telearbeiter_ist_neu {width:60px; text-align:center;}
.table-administrator .column-telearbeiter_adresse {width:190px;}

.table-administrator .column-kunde_name {width:220px;}

#administrator-config .tab-content, #administrator-telearbeiter-modal .tab-content,
#administrator-kunde-modal .tab-content, #administrator-abteilung-modal .tab-content,
#administrator-bueromitarbeiter-modal .tab-content, #administrator-administrator-modal .tab-content
{margin-top:10px; margin-bottom:10px;}

.loadingSpinner {
    display:none;
    z-index:10000;
    position:fixed;
    width:100%;
    top:58px;
    padding-left:25px;
    text-align: left;
}

body.hilfe {padding-top:0;}
body.hilfe .panel {margin-top:10px;}
body.hilfe .tab-pane {padding:10px;}

.main.hilfe, .main.info {
  margin-top:20px; margin-bottom: 20px;
  border-radius:17px;
  box-shadow: 5px 5px 10px #999;
  min-height:300px;
  background: url(/css/img/background-images/2.jpg); background-size:100% 100%; background-repeat:no-repeat;
  position: relative;
}
.main.info {margin-top:0px;}

.hilfe .logo, .main.info .logo {padding-top:20px; padding-right:20px;}

@media (max-width:767px) {
  .main.hilfe, .main.info {
    margin-top:0; margin-bottom:0; border-radius: 0; box-shadow: none;
  }
}