.navbar-custom {
    background-color: rgb(59, 7, 232);
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
color: rgb(240, 158, 140);
font-weight: bold;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
color: #f4f2f1;
font-weight: bold;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
color: #f9430c;
}

/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
background-color: #8ecdfd;
}
.navbar-custom .dropdown-item {
color: #fc07a2;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
color: #f50505;
background-color: #f77009;
}
/* Change color on hover for navbar brand */
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-text:hover {
    color: #f5eff5; /* เปลี่ยนตรง โรงเรียน */
}

/* Change color on hover for navbar links */
.navbar-custom .navbar-nav .nav-link:hover {
    /*color: #f88851; /* เปลี่ยนสีที่ dropdown */
	background-color: #fbcda2;
}
.dropdown-toggle {
    padding: 10px 20px; /* Adjust padding as needed */
}
.table-striped>tbody>tr:nth-child(odd) {
    background-color:#f9d7a3;
}
.btn-1{
	color:rgb(248, 252, 8);/*สีตัวหนังสือในปุ่ม*/
	background-color:#2724b2;/*สีพื้นหลังปุ่ม*/
	border-color:#180576;/*สีเส้นขอบปุ่ม*/
	border-width: 0.5px;/*ขนาดของเส้นขอบปุ่ม*/
}
.btn-1:hover,.btn-1:focus{
	color:#fff;/*สีตัวหนังสือในปุ่ม*/
	background:#053885;/*พื้นหลังปุ่ม*/
	border-color:#050b79;/*เส้นขอบปุ่ม*/
	border-width: 0.5px;/*ขนาดของเส้นขอบปุ่ม*/
}
.btn-2{
	color:rgb(242, 242, 249);/*สีตัวหนังสือในปุ่ม*/
	background-color:#de5f2c;/*สีพื้นหลังปุ่ม*/
	border-color:#5a1702;/*สีเส้นขอบปุ่ม*/
	border-width: 0.5px;/*ขนาดของเส้นขอบปุ่ม*/
}
.btn-2:hover,.btn-2:focus{
	color:#fff;/*สีตัวหนังสือในปุ่ม*/
	background:#e9640c;/*พื้นหลังปุ่ม*/
	border-color:#050b79;/*เส้นขอบปุ่ม*/
	border-width: 1.5px;/*ขนาดของเส้นขอบปุ่ม*/
}