form {
    display: block;
    margin-top: 0em;
    margin-bottom: 5px;
}

.forms {
    
    width: 100%;

    
}

.forms button {
    width: 100%;
    height: 40px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
    margin-bottom: 5px;
}

.forms button:hover {
    opacity: 0.8;
}

.forms select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.btn-logout {
    background-color: #a91f00 !important;
}
.btn-logout:hover {
    background-color: #ff552f !important;
}
.five-five {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.btn {
    border-radius: 5px;
}
.btn-change-building {
    background-color: #0074a9 !important;
}
.btn-change-building:hover {
    background-color: #38b5ef !important;
}

.btn-change-room {
    background-color: #858500 !important;
}
.btn-change-room:hover {
    background-color: #9a9a3b !important;
}

.btn-delete {
    background-color: #a91f00 !important;
    margin-bottom: 0px !important;
}
.btn-delete:hover {
    background-color: #ff552f !important;
}
.btn-submit-result {
    margin-top: 5px;
}
.forms input[type=text], .forms input[type=password], .forms input[type=number], .forms input[type=date], .forms input[type=time], .forms input[type=email] {
    width: 100%;
    padding: 12px 20px;
    margin: 5px 0;
    border-radius: 4px;
    box-sizing: border-box;
}
h2 {
    text-align: center;
    color: #3ce69d;
    font-weight: bold;
    margin: 0px;
}
html {
    background-color: #1c1c1c;
    color: #ffffff;
}
b {
    color: #af8f4c;
}
p {
    margin: 2px 0px;
}
.error {
    color: #920808;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    padding: 5px;
}
.center-block {
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    background-color: #2c2c2c;
}
.link-reports {
    width: 100%;
    height: 40px;
	line-height: 40px;
    background-color: #280f7b;
    color: white;
    border: none;
    cursor: pointer;
    margin-bottom: 5px;
	text-align: center;
	text-decoration: none;
	display: block;
	margin-top: 20px;
}
.link-reports:hover {
    opacity: 0.8;
}


/* print from url */
.print-html {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: sans-serif;
}

.print-html h1 {
    text-align: center;
    color: #00ff26 !important;
}

.print-html h2 {
    color: #000000 !important;
}

.print-html p {
    color: #000000 !important;
}

.print-html b {
    color: #000000 !important;
}

.print-html .print-id {
    font-size: 40px;
    margin-bottom: 5px;
    border-bottom: #2c2c2c 2px solid;
}

.print-html .print-date {
    margin-bottom: 5px;
    border-bottom: #2c2c2c 2px solid;
}

.print-html .print-date-due {
    margin-bottom: 5px;
    border-bottom: #2c2c2c 2px solid;
}

.print-container {
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    border: #00ff26 2px solid;
}

.tested-by img {
    width: 150px;
    height: 50px;
    margin-bottom: -12px;
}

.print-html .passed {
    color: #00ff26 !important;
}
.print-html .failed {
    color: #ff0000 !important;
}
.print-container-failed {
    border: #ff0000 2px solid !important; 
}