body{font-family:Arial,sans-serif;background-color:#f0f0f0;margin:0;padding:0}
header{background-color:#031273;color:#fff;padding:12px;text-align:center}
nav{background-color:#2337c6;padding:8px}
nav ul{list-style:none;padding:0}
nav li{display:inline;margin-right:18px}
nav ul li a {color: #fff;}
main{padding:18px}
footer{background-color:#031273;color:#fff;text-align:center;padding:8px}
.custom-button{background-color:#0074d9;color:#fff;font-weight:700;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:5px;}
.custom-button:hover{background-color:#0056b3;}
.centered-table{margin:0 auto;}
.centered-text{text-align:center;}
.ctable1{border-collapse:collapse;margin:0 auto;}
.ctable1 th{border:1px solid #000;padding:8px;background-color:#5cc9f8;}
.ctable1 td{border:1px solid #000;padding:8px;}
.ctable1 tr:nth-child(odd){background-color:#f2f2f2}
.ctable1 tr:nth-child(even){background-color:#ddd}
.ctable1 a {color:black;}
.add_button{display:block;margin:0 auto;background-color:#5cc9f8;padding:8px 18px;border:1px solid black;font-weight:700;border-radius:5px;cursor:pointer;}
.add_button:hover {background-color: #3a9ebc;}
.button{background-color:#5cc9f8;padding:8px 18px;border:none;color:#fff;border-radius:5px;transition:background-color .3s;cursor:pointer;}
.button:hover{background-color:#3a9ebc}
.edit_button{background-color:#5caf50}
.delete_button{background-color:#f55338}
.edit_button:hover{background-color:#388e3c}
.delete_button:hover{background-color:#d32f2f}
.data_button{background-color: #1e90ff;}
.data_button:hover {background-color: #0073e6;}
/* PAGINATION */
.pagination{display:inline-block;padding-left:0;margin:12px 0;border-radius:5px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}