html {
    font-size: 14px;
}

html, body {
    height: 100%;
}


body {
    background-image: url("../Image/DogoLogov2.png");
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100%;
    background-color: #e2e8f0;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.formDiv {
    background-color: white;
   /* width: 80%;*/
    border: 3px solid #1E376C;
    border-radius: 5px;
    margin-top: 2em;
    padding: 30px;
}

.officeDiv {
    background-color: white;
    border: 3px solid #1E376C;
    border-radius: 5px;
    padding: 30px;
}

#ZipId_label {
    font-weight: bold;
}

#AnimalTypeId_label {
    font-weight: bold;
}

#detailBtn, #disregardBtn, #excelBtn {
    color: white;
    transition: all .5s ease-out;
}

#excelBtn {
    background-color: #1d6f42;
}

#detailBtn {
    background-color: #5bc0de;
}

#disregardBtn {
    background-color: #f0ad4e;
}

#detailBtn:hover {
    background-color: white;
    color: #5bc0de;
    border: 1px solid #5bc0de;
}

#excelBtn:hover {
    background-color: white;
    color: #1d6f42;
    border: 1px solid #1d6f42;
}

#disregardBtn:hover {
    background-color: white;
    color: #f0ad4e;
    border: 1px solid #f0ad4e;
}

.homeBtn {
    color: #1E376C;
    transition: .2s ease-in;
}

    .homeBtn:hover {
        color: #B7DCE1;
        border-color: #B7DCE1;
    }