/* index */
img.home {
    max-width: 80%;
    max-height: 80%; /* max-height? */
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20%;
    margin-bottom: 5%;
    color: red;
}

/* index */
button.passwordSubmit {
    width: 30%;
    margin-top: 5%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* schools */
button.addSchool {
    margin-top: 10%;
    margin-bottom: 10%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10%;
    padding-right: 10%;
}

/* schoolregistration */
button.schoolRegistrationSubmit {
    margin-top: 5%;
    margin-bottom: 5%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10%;
    padding-right: 10%;
}

/* schoolinfo */
button.schoolInfoSubmit {
    margin-top: 10%;
    margin-bottom: 5%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
}

/* bankinfo */
button.gradeBank {
    margin-top: 25%;
    margin-bottom: 5%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10%;
    padding-right: 10%;
}

/* index */
label.passwordLabel {
    display: block;
    text-align: left;
}

/* schoolregistration */
label.schoolRegistrationLabel {
    font-size: smaller;
    font-weight: bold;
    margin-bottom: 0%;
}

/* bankdetails */
label.bankDetailsLabel {
    font-size: smaller;
    font-weight: bold;
    margin-bottom: 0%;
}

/* bankpictures */
label.bankPictureLabel {
    float: right;
    font-size: large;
    font-weight: bold;
}

h1.bankName {
    text-align: center;
    font-size: 3em;
    margin-bottom: 0%
}

h2.grade {
}

h6.schoolName {
    text-align: center;
    margin-bottom: 20%;
}

/* schoolregistration */
input.schoolRegistrationText {
    margin-bottom: 2%;
}

/* schoolregistration */
input.inspectionDateDate {
    margin-bottom: 2%;
}

/* bankdetails */
input.bankDetailsText {
    margin-bottom: 2%;
}

/* schoolregistration */
.form-group.numBanks {
    margin-bottom: 2%;
}

.card-body {
    margin: auto;
    width: 100%;
    text-align: center !important;
}

/* schools */
.card.school {
    margin-top: 2%;
    border-radius: inherit;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* schoolinfo */
.card.bank {
    margin-top: 2%;
    border-radius: inherit;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* schoolinfo */
.schoolInfoLabel {
    font-weight: bold;
    float: right;
}

/* schoolinfo */
.schoolInfoText {
    font-size: smaller;
    float: left;
}

/* schoolinfo */
.schoolInfo {
    margin-top: 1%;
    margin-bottom: 0%;
    padding-top: 0px;
    padding-bottom: 0px
}

/* schoolinfo */
.spacer {
    margin: 2%
}

/* deficiencyinfo */
.deficiencyPad {
    margin-top: 2%;
}

/* schoolinfo */
.inspectionType {
    margin-top: 5%;
    text-align: center;
    font-weight: bold;
}

/* deficiencyinfo */
.deleteDeficiency {
    float: right;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

#schoolSearch {
    margin-bottom: 10%;
}

#generateLoading {
    visibility: hidden;
    margin-top: 10%;
}

.defPhoto {
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 50%;
}

.customNav {
    background-color: #7b9238 !important;
    width: 66.6%;
    margin: auto;
    margin-bottom: 2%;
}

.backButton {
    margin-right: 5%;
}

.backImage {
    color: white;
    font-size: x-large;
    vertical-align: middle;
}

.backText {
    color: white;
    font-size: large;
    vertical-align: middle;
}

.navbarHeading {
    font-size: large;
    font-weight: bold;
    color: white !important;
    width: 76%;
    text-align: center;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #7b9238 !important;
    border-color: #fb9a29;
}