body {

    font-family: Arial, sans-serif;

    margin: 20px;

    background-color: #f7f9fc;

    color: #222;

}



.container {

    max-width: 1200px;

    margin: auto;

}



h1 {

    color: #0056b3;

}



.controls {

    margin: 20px 0;

    text-align: center;

}



.controls button, .controls select {

    margin-right: 10px;

    padding: 5px 10px;

    align-items: center;

}



table {

    width: 100%;

    border-collapse: collapse;

    margin-top: 20px;

    background-color: white;

}



thead th {

    border: 1px solid #ccc;

    text-align: center;

    padding: 8px;

    background-color: #085CA7;

    color: #fff;

}



tbody td {

    border: 1px solid #ccc;

    text-align: center;

    padding: 8px;

}



.group {

    background-color: #cbe0ff;

    font-weight: bold;

    text-align: left;

}



/* .group > td {

    background-color: #e6f0ff;

    font-weight: bold;

    text-align: left;

} */



/*thêm */

#banner {

    position: relative;

}



.container {

    width: 100%;

    padding-right: 12px;

    padding-left: 12px;

    margin-right: auto;

    margin-left: auto;

}



#footer {

    color: white;

    background-color: #0065ca;

    padding: 15px;

}



#footer .icon-group {

    font-size: 26px;

    /* text-align: center; */

    padding-bottom: 10px;

}



#footer .copyright {

    font-weight: bold;

    font-size: 18px;

    text-transform: uppercase;

    margin-bottom: 10px;

}



#content {

    padding-top:15px;

    padding-bottom: 15px;

}



.developer {

    font-size: 14px;

}



.developer > span > a {

    color: #fff;



}