body {
    background: #0D47A1;
    font-size: medium;
    text-align: justify;
    font-family: 'Merriweather', sans-serif;
    color: #909090;
}
.container {
    margin: auto;
    max-width: 600px;
    padding: 10px;
    background: #2196F3;
    border: 2px solid #9E9E9E;
    box-shadow: 0px 1px 1px 0px #9E9E9E;
    /* background-image: linear-gradient(to left, rgba(255,0,0,0), rgb(0, 0, 0)); */
}
header .gioithieu{
    padding-top: 20px;
}
header .ny-nav span a:hover{
    color: #00BCD4;
    background: #0d47a1;
}
header .ny-nav{
    padding: 8px;
}
header .ny-nav span a {
    color: #ff0000;
    background: #ffffff;
    font-weight: bold;
    border: 2px solid #9E9E9E;
    padding: 3px;
}
header .gioithieu h4{
    background: #212121;
    text-align: center;
    padding: 10px;
    color: red;
    /* border-right: 5px red; */
    font-weight: bold;
}
header .gioithieu h4:hover {
    background: #ffffff;
    color: red;
}
header .gioithieu .list-group .list-group-item {
    border-top-right-radius: 4px;
    background: white;
    border-top-left-radius: 4px;
    color: black;
    font-weight: bold;
    color: red;
}
header .gioithieu .list-group .list-group-item font {
    color: #0d47a1;
}
header .gioithieu .list-group .list-group-item span {
    background-color: #0d47a1;
    color: #00BCD4;
    box-shadow: 2px 2px #888888;
}
header .gioithieu .list-group .list-group-item span:hover {
    background-color: #ffffff;
    color: red;
}
header  .ny-banner img{
    width: 100%;
}
header .gioithieu h4 {
    background: #0d47a1;
    text-align: center;
    padding: 10px;
    color: #00BCD4;
    /* border-right: 5px red; */
    font-weight: bold;
}
header .ny-nav span {
    padding: 8px;
}
header .ny-nav div {
    margin-bottom: 20px;
    text-align: center;
}
header .ny-nav #home a {
    background: #0d47a1;
    color: #00BCD4;
    border-radius: 10px;
    padding: 5px;
    font-weight: bold;
    text-decoration: none;
    /* background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(84, 84, 84)); */
}
header .ny-nav a{
    padding: 0;
}
header .ny-nav a:hover{
    background: black;
    color: #212121;
    border-radius: 0px;
}

section h4 {
    color: #00BCD4;
    font-family: 'Paytone One';
    font-weight: bold;
    border: 2px solid #9E9E9E;
    background: #0d47a1;
    padding: 10px;
}

footer{
    text-align: center;
    color: #424242;
    font-style: italic;
    font-size: small;
}
.ifnapthe{
    border: 0;
    width: 100%;
    height: 800px;
    overflow-y: auto;
    overflow-x: no-display;
}
.ifthongke{
    border: 0;
    width: 100%;
    height: 700px;
    overflow-y: auto;
    overflow-x: no-display;
}
.ny-danhmuc{
    margin-top: 10px;
    background: white;
}
.ny-danhmuc h4{
    font-weight: bold;
    color: white;
    background: #262323;
    padding: 10px;
    margin: 0;
    box-shadow: 0px 5px 5px black;
}
.ny-icon{
    width: auto;
    height: 25px;
}
.badge {
    background-color: #020202;
    color: white;
    box-shadow: 2px 2px #888888;
}
.label-danger {
    background-color: #000000;
    color: white;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(84, 84, 84));
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #212121;
    border: 1px solid #212121;
}
p {
    margin: 0 0 10px;
    color: #0d47a1;
}