.vrlogo {
    text-align: left;
}

.verifyBtn {
    text-align: right;
}

.tableFooter{
    width: 100%;
    font-family: 'Sriracha', cursive;
}

.tableWelcome{
    width: 100%;
    font-family: 'Sriracha', cursive;
    text-align: center;
}

.tableVerify{
    width: 100%;
    font-family: 'Sriracha', cursive;
    text-align: center;
}

.formVerify {
    font-family: 'Sriracha', cursive;
}


.btnRegister {
    background-color: #4CAF50;
    color: white;
    border: 2px solid #4CAF50;
}
.btnRegister:hover {
    background-color: #9ce29e; 
    color: #005eb8; 
    border: 2px solid #9ce29e;
}

.btnVerify {
    background-color: #005eb8;
    color: white;
    border: 2px solid #005eb8;
}
.btnVerify:hover {
    background-color: #c1ddf7; 
    color: #005eb8; 
    border: 2px solid #c1ddf7;
}


.btnLogout {
    background-color: chocolate;
    color: white;
    border: 2px solid chocolate;
}
.btnLogout:hover {
    background-color: #f5c67a; 
    color: chocolate; 
}

.btnTable {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.btnCont:hover {
    background-color: #c1ddf7; 
    color: #000099; 
}
  
.btnCont {
    background-color: #000099;
    color: white;
    border: 2px solid #000099;
}

.btnDel:hover {
    background-color: #f5c9cc; 
    color: #f44336; 
}
  
.btnDel {
    background-color: #ff0000;
    color: white;
    border: 2px solid #f44336;
}

.btnCheck:hover {
    background-color: #c47c08; 
    color: white; 
}
  
.btnCheck {
    background-color: #f5c67a;
    color: black;
    border: 2px solid #c47c08;
}

.btnView1 {
    background-color: #ffff00;
    color: black;
    border: 2px solid #000099;
}

.btnView2 {
    background-color: #f7d0ec;
    color: black;
    border: 2px solid #000099;
}

.btnView3 {
    background-color: #d0f7d9;
    color: black;
    border: 2px solid #000099;
}

.btnView4 {
    background-color: #d0f1f7;
    color: black;
    border: 2px solid #000099;
}
.btnBIB {
    background-color: #66cccc;
    color: #000099;
    border: 2px solid #66cccc;
}

.btnBloodA {
    background-color: #FFF89A;
    color: black;
    border: 2px solid #FFF89A;
}
.btnBloodB {
    background-color: #00ff00;
    color: black;
    border: 2px solid #00ff00;
}
.btnBloodAB {
    background-color: #9ADCFF;
    color: black;
    border: 2px solid #9ADCFF;
}
.btnBloodO {
    background-color: #FF8AAE;
    color: black;
    border: 2px solid #FF8AAE;
}
.btnAll {
    border: none;
    color: white;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.btnSlip {
    background-color: #0fc1f7;
    color: #000099;
    border: 2px solid #0fc1f7;
}
.btnSlip:hover {
    background-color: #c1ddf7; 
    color: #000099; 
}

.btnChgPost {
    background-color: #66cccc;
    color: #0B5F5F;
    border: 2px solid #66cccc;
}
.btnChgPost:hover {
    background-color: #9CEEEE; 
    color: #0B5F5F; 
}

.btnRegis1 {
    background-color: #d5f4e6;
    color: #005eb8;
    border: 2px solid #d5f4e6;
}
.btnRegis1:hover {
    background-color: #80ced6; 
    color: #005eb8; 
    border: 2px solid #80ced6;
}
.btnRegis2 {
    background-color: #80ced6;
    color: #005eb8;
    border: 2px solid #80ced6;
}
.btnRegis2:hover {
    background-color: #d5f4e6; 
    color: #005eb8; 
    border: 2px solid #d5f4e6;
}
.btnRegis3 {
    background-color: #fefbd8;
    color: #005eb8;
    border: 2px solid #fefbd8;
}
.btnRegis3:hover {
    background-color: #618685; 
    color: #ffffff; 
    border: 2px solid #618685;
}
.btnRegis4 {
    background-color: #618685; 
    color: #ffffff; 
    border: 2px solid #618685;
}
.btnRegis4:hover {
    background-color: #fefbd8;
    color: #005eb8;
    border: 2px solid #fefbd8;
}


/* Table Style */
#tableBlue {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Sriracha', cursive;
    font-size: 10pt;
}
  
#tableBlue td, #tableBlue th {
    border: 1px solid #ddd;

}
  
#tableBlue tr:nth-child(even){background-color: #f2f2f2;}
  
#tableBlue tr:hover {background-color: #ddd;}
  
#tableBlue th {
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    background-color: #0fc1f7;
    color: black;
}

/* font style */
.fontRank{
    display: block;
    text-align: center;
    font-family: 'Sriracha', cursive;
    color : #122c91;
    }

.fontNoti{
    display: block;
    text-align: center;
    font-family: 'Sriracha', cursive;
}