﻿body {
    width: 100%;
    height: 100%;
}

#viewList {
    margin-top: 20px;
}

    #viewList th {
        font-family: Tahoma;
        font-weight: bold;
        font-size: large;
        color: darkred;
        padding: 5px 5px 5px;
    }

    #viewList td {
        font-family: Tahoma;
        padding: 5px 5px 5px;
        font-size: medium;
        text-align: center;
        vertical-align: central;
    }

#send {
    width: 160px;
    height: 35px;
    color: white;
    background-color: darkred;
    margin-left: 10px;
    margin-top: 15px;
    text-align: center;
    font-family: Tahoma;
    font-size: 18px;
    margin-bottom: 20px;
}

.box {
    margin: 0 auto;
    width: 800px;
    margin-top: 10px;
}

#legend {
    font-family: Tahoma;
    font-size: 22px;
    color: darkred;
}

#rules {
    font-family: Tahoma;
    font-size: 17px;
    color: black;
    text-align: justify;
}

#readRules {
    margin-top: 10px;
}

.accept {
    background-color: darkred;
    text-align: center;
    color: white;
    font-family: Tahoma;
    font-size: 18px;
    width: 200px;
    height: 35px;
}

#readRules > #check:hover {
    cursor: pointer;
}

#readRules > #check {
    width: 20px;
    height: 20px;
    margin: 5px 5px 5px;
    margin-top: 10px;
}

#requestForm {
    margin: 0 auto;
    width: 800px;
    height: 400px;
    margin-top: 10px;
}

#form {
    padding: 5px 5px 5px;
    margin-top: 20px;
    font-family: Tahoma;
    font-size: 18px;
    margin-left: 500px;
    height: 250px;
}

#formInfo {
    padding: 10px 10px 10px;
    margin-top: 20px;
    font-family: Tahoma;
    font-size: 18px;
    margin-left: 26%;
}

.info {
    width: 200px;
}

.accept:hover {
    cursor: pointer;
}



.back:hover {
    cursor: pointer;
}

.searchIcon {
    width: 40px;
    height: 40px;
    margin: 0;
}

#filter {
    width: 180px;
    height: 20px;
}

.search-form {
    margin-top: 20px;
    margin-left: 40%;
}

.all {
    width: 960px;
    min-height: 600px;
    margin: 0 auto;
}

#expSearch {
    font-family: Tahoma;
    font-size: 16px;
    margin-left: 15px;
}

#newBook {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: darkred;
    text-align: center;
    color: white;
    font-family: Tahoma;
    font-size: 18px;
}

#fullSearch .tags {
    font-family: Tahoma;
    font-size: 18px;
}

#fullSearch #filterYear #filterISBN #filterAuthor #filterTitle {
    width: 180px;
    height: 20px;
}

.fullSearch-form {
    margin-left: 20%;
    margin-top: 30px;
}

#fullSearchBut {
    margin-left: 56%;
    width: 99px;
    height: 30px;
    margin-top: 20px;
    background-color: darkred;
    text-align: center;
    color: white;
    font-family: 'Times New Roman';
    font-size: 18px;
}

    #fullSearchBut:hover {
        cursor: pointer;
    }

#viewListFullSearch {
    margin: 0 auto;
    margin-top: 20px;
    margin-left: 29%;
}

    #viewListFullSearch th {
        font-family: 'Times New Roman';
        font-weight: bold;
        font-size: large;
        color: darkred;
        padding: 5px 5px 5px;
    }

    #viewListFullSearch td {
        font-family: 'Times New Roman';
        padding: 5px 5px 5px;
        font-size: medium;
        text-align: center;
        vertical-align: central;
    }

#fullSearchActionBut {
    margin-top: 10px;
    margin-left: 42%;
    width: 140px;
    height: 30px;
    margin-top: 20px;
    background-color: darkred;
    text-align: center;
    color: white;
    font-family: 'Times New Roman';
    font-size: 18px;
}

    #fullSearchActionBut:hover {
        cursor: pointer;
    }

#update {
    width: 20px;
    height: 20px;
}

.textSuc {
    font-size: 18px;
    font-family: 'Times New Roman';
    margin-left: 10px;
    margin-top: 10px;
}

.buttons {
    display: flex;
    margin-top: 20px;
    margin-left: 35%;
    margin-bottom: 60px;
}

.error {
    font-family: 'Times New Roman';
    font-size: 16px;
    color: red;
    margin-left: 10px;
}

.tableBooks {
    padding: 3px;
    border: 2px solid darkred !important;
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
}

.pagination li {
    margin-left: 10px;
}

.noResults {
    margin-top: 20px;
    margin-left: 240px;
    font-size: 16px;
    font-family: 'Times New Roman';
    color: darkred;
}
