.wnfdebug{
  border:1px solid red;
}

/* flimmern beim Seitenwechsel verhindern (Browserabh�ngig) */
body {
    margin: 0;
}

section {
    background: url('../img/bg.png') bottom repeat-x fixed;
}

.ui-footer {
    background: url('../img/bg.png') bottom repeat-x fixed;
}

.ui-page {
    -webkit-backface-visibility: hidden;
}

/* allgemeine Einstellungen */
.error-text {
    color: #FD4141;
    font-size: 20px;
}

.hidden {
    display: none;
}

#login {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

/* Navigationsleiste Einstellungen */
.ui-collapsible > .ui-collapsible-heading > .ui-btn:focus{
    z-index: 1;
}

.ui-panel-inner > .ui-listview {
    margin-bottom: 0;
}

.ui-collapsible + .ui-listview {
    margin-top: 0;
}

.ui-panel-inner > .ui-collapsible > .ui-collapsible-content {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.ui-panel-inner > .ui-collapsible .ui-collapsible-heading .ui-btn {
    border-top: none;
}

/* Header Footer Einstellungen */
.ui-header > .ui-btn-left > a {
    margin-right: 20px;
}

.ui-header:first-child > .ui-btn,
.ui-header > .ui-btn-left{
    margin-left: 10px;
}

.ui-footer > .ui-bar {
    padding-top: 0;
    padding-bottom: 0;
}

footer {
    position: absolute;
    bottom:0;
}

.ui-footer > .ui-bar > div {
    padding-right: 15px;
    text-align: center;
    line-height: 45px;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
/*    -moz-binding: url( 'bindings.xml#ellipsis' ); */
    color: black;
    text-shadow:  2px  2px 2px white,
                  2px -2px 2px white,
                 -2px  2px 2px white,
                 -2px -2px 2px white;

    font-weight: bold;
}

.ui-footer > .ui-bar > div:last-child {
    padding-right: 0;
}

#state-activeClient {
    overflow: hidden;
}

.ui-header > div.ui-btn-left{
    margin-top: 2px;
}

/* Seite sperren, wenn geladen wird */
.ui-loader-background {
    width:100%;
    height:100%;
    top:0;
    padding: 0;
    margin: 0;
    display:none;
    position: fixed;
    z-index:100;
}

.ui-loading .ui-loader-background {
    display:block;
}

/* Seiten-Einstellungen */
#home-content, #home-buttons {
    margin: 0 auto;
    text-align: center;
    width: 80%;
}

#home-content {
    margin-top: 30px;
}

.centerText{
    text-align: center;
}

#content-inventory > ul > li > a > p {
    padding-right: 55px;
}

#content-inventory > ul > li > a > img {
    margin-top: -17px;
    top: 50%;
    position: absolute;
    right: 40px;
}

#content-inventory > ul > li .ui-btn {
    padding-bottom: 0;
    padding-left: 16px;
    padding-top: 0;
}

#content-listbestand > ul > li > a > p {
    padding-right: 55px;
}

#content-listbestand > ul > li > a > img {
    margin-top: -17px;
    top: 50%;
    position: absolute;
    right: 40px;
}

#content-listbestand > ul > li .ui-btn {
    padding-bottom: 0;
    padding-left: 16px;
    padding-top: 0;
}

.text-normal {
    font-size: 12px !important;
    font-weight: normal !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-green {
    color: #3c8a2e;
}

.text-red {
    color: #FD4141;
}

.text-14 {
    font-size: 14px !important;
}

.text-20 {
    font-size: 20px  !important;
}

.text-big {
    font-size: 1em;
}

.text-italic {
    font-style: italic;
}

#rbGroup-inventory-search .ui-radio {
    width: 33%;
}

#rbGroup-inventory-search .ui-btn {
    text-align: center;
    padding: 10px 5px;
}

#rbGroup-inventory-search .ui-controlgroup-controls {
    padding-left: 1%;
    width: 100%;
}

#inventory-searchBar > div > a.ui-btn {
    float: right;
    margin-top: 3px;
    margin-bottom: -4px;
    margin-right: 25px;
}

#listbestandSearchBar > div > a.ui-btn {
    float: right;
    margin-top: 3px;
    margin-bottom: -4px;
    margin-right: 25px;
}

#btn-filter-inventory {
    margin-right: 0 !important;
}

#inventory-searchBar > div > form {
    margin-right: 90px;
    padding-bottom: 2px;
}

#listbestandSearchBar > div > form {
    margin-right: 150px;
    padding-bottom: 2px;
}

#fm-search-inventory .ui-input-search {
    margin-right: 20px;
}

#list-inventory {
    clear: both;
}

#inventory-searchBar {
    margin-bottom: 25px;
}

#listbestandSearchBar {
    margin-bottom: 25px;
}

#rbGroup-listbestand-search .ui-radio {
    width: 33%;
}

#rbGroup-listbestand-search .ui-btn {
    text-align: center;
    padding: 10px 5px;
}

#rbGroup-listbestand-search .ui-controlgroup-controls {
    padding-left: 1%;
    width: 100%;
}

#listbestand-searchBar > div > a.ui-btn {
    float: right;
    margin-top: 3px;
    margin-bottom: -4px;
    margin-right: 25px;
}

#btn-filter-listbestand {
    margin-right: 0 !important;
}

#listbestand-searchBar > div > form {
    margin-right: 90px;
    padding-bottom: 2px;
}

#fm-search-listbestand .ui-input-search {
    margin-right: 20px;
}

#list-listbestand {
    clear: both;
}

#listbestandSearchBar {
    margin-bottom: 25px;
}

.ui-controlgroup-controls > div > label.ui-btn > img {
    margin-top: -5px;
    margin-bottom: -10px;
    margin-right: 15px;
}

#popup-filterInventory .ui-navbar li:last-child .ui-btn,
#popup-filterListbestand .ui-navbar li:last-child .ui-btn,
#popup-animalSearch .ui-navbar li:last-child .ui-btn,
#popup-animalSearchInfo .ui-navbar li:last-child .ui-btn{
    margin-right: 0 !important;
    border-bottom-right-radius: .3125em;
}

#popup-filterInventory .ui-navbar li:first-child .ui-btn,
#popup-filterListbestand .ui-navbar li:first-child .ui-btn,
#popup-animalSearch .ui-navbar li:first-child .ui-btn,
#popup-animalSearchInfo .ui-navbar li:first-child .ui-btn{
    margin-left: -1px !important;
    border-bottom-left-radius: .3125em;
}

#list-animalHeader > li {
    padding-bottom: 0;
    padding-left: 16px;
    padding-top: 0;
    background: #f6f6f6;
}

#list-animalHeader {
    margin-bottom: 5px !important;
    margin-right: 40px;
    margin-top: 5px !important;
}
#content-animal-overview {
    clear: both;
}

#list-animalHeader > li > img {
    margin-top: -17px;
    position: absolute;
    right: 15px;
    top: 50%;
}

#content-animal-infoHeader > a.ui-btn {
    float: right;
    margin-top: 20px;
}

#page-inventoy-animal {
    padding-top: 105px !important;
}

#content-animal-infoHeader {
    background: #3c8a2e;
    left: 0;
    padding-left: 1em;
    padding-right: 1em;
    position: fixed;
    right: 0;
    top: 44px;
    z-index: 10;
}

/*noinspection CssUnusedSymbol*/
.ui-table-reflow.ui-responsive {
    display: table !important;
}

#content-animal-insemination, #content-animal-calving{
    margin: 0;
}

.checkedIcon {
    background: rgba(0, 0, 0, 0.2) url("images/icons-png/check-white.png") no-repeat center center;
    border-radius: 1em;
    padding-left: 20px;
    padding-top: 2px;
}

.checkedIconRed {
    background: rgba(253, 65, 65, 1) url("images/icons-png/check-white.png") no-repeat center center;
    border-radius: 1em;
    padding-left: 20px;
    padding-top: 2px;
}

#content-animal-overview,
#content-animal-insemination,
#content-animal-calving,
#content-animal-lactation,
#content-animal-mlp,
#content-animal-health,
#content-animal-zhu,
#content-animal-findings,
#content-animal-bodyConditionScore,
#content-animal-bodyWeight,
#content-animal-measures,
#content-animal-movement,
#content-animal-hoofCare,
#content-animal-bullAtGroup{
    z-index: 0 !important;
    margin-top: 10px;
}

.btn-corner-top {
    border-top-left-radius: 0.3125em;
    border-top-right-radius: 0.3125em;
}

.btn-corner-bottom {
    border-bottom-right-radius: 0.3125em;
    border-bottom-left-radius: 0.3125em;

}

.ui-btn-icon-32.ui-btn-icon-left::after,
.ui-btn-icon-32.ui-btn-icon-right::after,
.ui-btn-icon-32.ui-btn-icon-top::after,
.ui-btn-icon-32.ui-btn-icon-bottom::after,
.ui-btn-icon-32.ui-btn-icon-notext::after {
    height: 32px !important;
    width: 32px !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}

.ui-btn-icon-32.ui-btn-icon-notext::after,
.ui-btn-icon-32.ui-btn-icon-top::after,
.ui-btn-icon-32.ui-btn-icon-bottom::after {
    left: 50% !important;
    margin-left: -15px !important;
}


.ui-btn-icon-32.ui-btn-icon-bottom {
    padding-bottom: 3em;
}

.ui-btn-icon-32.ui-btn-icon-notext::after,
.ui-btn-icon-32.ui-btn-icon-left::after,
.ui-btn-icon-32.ui-btn-icon-right::after {
    margin-top: -16px;
    top: 50%;
}

.ui-btn-icon-32.ui-btn-icon-left {
    padding-left: 3em;
}

body, input, select, textarea, button, .ui-btn {
    line-height: 1.3em !important;
}

/* Firefox */
@-moz-document url-prefix() {
    #content-animal-infoHeader {
        top: 45px;
    }
}

.mainInfo > div {
    overflow: auto;
    text-align: center;
}

.mainInfo-element {
    display: inline-block;
    vertical-align: top;
    padding: 5px 20px 20px;
}

.mainInfo-element:last-child{
    padding-bottom: 0;
}

.mainInfo-element > img {
    vertical-align: middle;
    padding-right: 10px;
}

.mainInfo-element > div > p {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    margin: 0;
}

.mainInfo-element > div {
    border: 0 solid #dddddd;
    border-top-width: 1px;
    margin-top: 5px;
    padding-top: 5px;
}

.border-right {
    border-color: #dddddd;
    border-right: 1px solid;
}

#btn-home-refresh,
#btn-inventory-refresh,
#btn-animal-refresh {
    margin-right: 10px;
}

#popup-filterInventory .ui-content,
#popup-filterListbestand .ui-content {
    overflow-y: auto;
}

/*noinspection CssUnusedSymbol*/
label.custom-nowrap.ui-btn {
    white-space: nowrap !important;
    overflow: visible;
}

label.custom-nowrap.ui-btn > span {
    margin-right: 10px;
}

#content-animal > div > table {
    background-color: white;
}

@media ( min-width: 60em ) {
    .table-breakpoint td,
    .table-breakpoint th,
    .table-breakpoint tbody th,
    .table-breakpoint tbody td,
    .table-breakpoint thead td,
    .table-breakpoint thead th {
        display: table-cell;
        margin: 0;
    }
    .table-breakpoint td .ui-table-cell-label,
    .table-breakpoint th .ui-table-cell-label {
        display: none;
    }
}