/****************************************************/
/* Styles zur Darstellung der Schaltflächen/Buttons */
/****************************************************/

.btn {
    color: #FFF !important;
    text-shadow: -1px 0px #000;
    border-top: 1px solid #3486D5;
    border-right: none;
    border-bottom: 1px solid #1F5A9D;
    border-left: none;
    border-radius: 5px;
    box-shadow: 0px 1px 0px #3486D5, 0px -1px 0px #1F5A9D;
    cursor: pointer;
    width: 100%;
    background-color: #004E8C;
    height: 25px;
}
.btn:hover {
    background-color: #002142;
    border-color: #002142;
    box-shadow: 0px 1px 0px #002142, 0px -1px 0px #002142;
}
.btn:focus {
    background-color: #002142;
    border-color: #002142;
    box-shadow: 0px 1px 0px #002142, 0px -1px 0px #002142;
}
.btnArrowLeft {
    padding: 3px 8px 3px 22px;
    background: url("/BiPo/fbsuche/jakarta.faces.resource/arrow_left.png.xhtml?ln=img") no-repeat scroll left center #004E8C;
}
.btnArrowRight {
    padding: 3px 22px 3px 8px;
    background: url("/BiPo/fbsuche/jakarta.faces.resource/arrow_right.png.xhtml?ln=img") no-repeat scroll right center #004E8C;
}
.btnMargin {margin: 0 0.2em;}

/*** Adjustments for Primefaces components ***/
button.btn,
.ui-button.btn {
    color: #FFF !important;
    text-shadow: -1px 0px #000;
    border-top: 1px solid #3486D5;
    border-right: none;
    border-bottom: 1px solid #1F5A9D;
    border-left: none;
    border-radius: 5px;
    box-shadow: 0px 1px 0px #3486D5, 0px -1px 0px #1F5A9D;
    cursor: pointer;
    background-color: #004E8C;
    height: 2.2em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* font-weight: bold; */
    font-size: 0.8rem;
    padding: 3px 2px 3px 8px;
    white-space: nowrap;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* On hover - change only color */
button.btn:hover,
.ui-button.btn:hover,
button.btn:focus,
.ui-button.btn:focus {
    background-color: #002142;
}

/* Button with right arrow */
button.btnArrowRight,
.ui-button.btnArrowRight {
    background: url("/BiPo/fbsuche/jakarta.faces.resource/arrow_right.png.xhtml?ln=img") no-repeat right center #004E8C;
    background-size: 1em auto;
    padding-right: 2em;
}

/* On hover — save arrow */
button.btnArrowRight:hover,
.ui-button.btnArrowRight:hover,
button.btnArrowRight:focus,
.ui-button.btnArrowRight:focus {
    background: url("/BiPo/fbsuche/jakarta.faces.resource/arrow_right.png.xhtml?ln=img") no-repeat right center #002142;
    background-size: 1em auto;
}

/* Button with left arrow */
button.btnArrowLeft,
.ui-button.btnArrowLeft {
    background: url("/BiPo/fbsuche/jakarta.faces.resource/arrow_left.png.xhtml?ln=img") no-repeat left center #004E8C;
    background-size: 1em auto;
    padding-left: 2em;
}

button.btnArrowLeft:hover,
.ui-button.btnArrowLeft:hover {
    background: url("/BiPo/fbsuche/jakarta.faces.resource/arrow_left.png.xhtml?ln=img") no-repeat left center #002142;
    background-size: 1em auto;
}