/*<%--<link rel="stylesheet" href="/css/StyleSheet.css" > --% > 這隻會讓buttton hover字變藍色 但是又不想直接改 所以開了style-P2*/

.ui-datepicker {
    z-index: 1051
}
.banner-img {
    background-image: url('/img/banner-a.jpg');
}

input[type="button"]:hover,
button:hover,
.button:hover {
    color: #D8D8EB !important;
    box-shadow: inset 0 0 0 2px #008ed6;
    background-color: #51A8DD;
}


#tab tbody tr input[type="button"] {
    border-radius: 20px;
    border: 1px solid #51A8DD;
    background-color:white; /*#C9E3D5;*/
    color: #000;
    font-size: medium;
    margin: 1px;
}

    #tab tbody tr input[type="button"]:hover {
        color: #51A8DD !important;
        box-shadow: inset 0 0 0 2px #FFB11B; /*#FFB11B*/
        border: 1px solid #FFB11B;
    }


#tab_add tbody tr input[type="button"] {
    border-radius: 20px;
    border: 1px solid #51A8DD;
    background-color: white; /*#C9E3D5;*/
    color: #000;
    font-size: medium;
    margin: 1px;
}

    #tab_add tbody tr input[type="button"]:hover {
        color: #51A8DD !important;
        box-shadow: inset 0 0 0 2px;
    }




.pagination > .page-item.active > a,
.pagination > .page-item.active > a:focus,
.pagination > .page-item.active > a:hover,
.pagination > .page-item.active > span,
.pagination > .page-item.active > span:focus,
.pagination > .page-item.active > span:hover {
    background-color: #51A8DD;
    border-color: #51A8DD;
    color: #fff;
    box-shadow: 0 4px 5px 0 rgba(93, 172, 129, 0.14), 0 1px 10px 0 rgba(93, 172, 129, 0.12), 0 2px 4px -1px rgba(93, 172, 129, 0.2);
}

.pagination.pagination-success > .page-item.active > a,
.pagination.pagination-success > .page-item.active > a:focus,
.pagination.pagination-success > .page-item.active > a:hover,
.pagination.pagination-success > .page-item.active > span,
.pagination.pagination-success > .page-item.active > span:focus,
.pagination.pagination-success > .page-item.active > span:hover {
    background-color: #51A8DD;
    border-color: #51A8DD;
    box-shadow: 0 4px 5px 0 rgba(93, 172, 129, 0.14), 0 1px 10px 0 rgba(93, 172, 129, 0.12), 0 2px 4px -1px rgba(93, 172, 129, 0.2);
}


.title-color {
    background-color: #51A8DD;
    color: white;
}

.button-color {
    background-color: #CD8888;
}

#div_Shelter {
    background-color: #FFDC35;
}



/**/