.breadcrumb{padding:10px 0;}
.breadcrumb ol li a:after {
    font-family: FontAwesome;
    content: "\F105";
    margin: 0 10px;
}

.breadcrumb ol li a {
    color: #9b9b9b;
    font-size: 12px;
    position: relative;
}

.breadcrumb span {
    font-size: 13px;
}

.breadcrumb ol, .breadcrumb ol li {
    display: inline-block;
    padding: 0;
    margin: 0;
}
    .breadcrumb ol li:last-child a:after {
        display:none;
    }
article .post-meta span{padding-right:20px;}
footer .post-meta{text-align:right}
.post-meta i{padding-right:7px}
.post-meta time{padding-right:15px}
.des{margin:15px 0 20px; font-weight:bold;}
.news-blogs h1,h1.title{margin:10px 0 15px;padding-bottom:7px;line-height:1.2;font-size:24px;font-weight:700;position:relative;text-align: justify;}
.recentposts-title{margin:25px 0 15px;padding-bottom:7px;line-height:1.2;font-size:24px;font-weight:700;position:relative;}
.news-blogs h1::after,h2.recentposts-title::after,h1.title::after{content:"";position:absolute;width:120px;height:0;left:0;bottom:0;border-bottom:1px solid #39c0db}
.share-post{float:right;}
.list-new{list-style:none;padding:0;}
.list-new figure > a{display:block;width:100px;float:left;margin-right:10px;overflow:hidden;}
.list-new figure > a img{width:100%;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.list-new figure > a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.list-new li{margin-bottom:10px;}
.list-new h4.entry-title{margin-top:0;}
.list-entry {list-style: none;padding: 0;margin: 0;}
.list-entry li{margin-bottom:25px;}
.list-entry li article header {margin-bottom:5px;}
.list-entry article h3{margin:0;font-size:16px;font-weight:bold;text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px;
    max-height: 40px;}
.list-entry li article header .post-meta{font-size:12px;color:#888;font-style:italic;}
.list-entry a.btn.hvr-bounce-to-left{margin-top:5px;}
.list-entry .btn {display: inline-block;padding: 8px 15px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;border: 1px solid transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.list-entry .btn{position:relative;left:0;display:inline-block;overflow:hidden;background:#004f9e;color:#fff;padding-right:70px;outline:none;border:0;}
.list-entry .hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}
.list-entry .hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#9f224e;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.list-entry .hvr-bounce-to-left:hover,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:active{color:#fff !important;text-decoration:none;}
.list-entry .hvr-bounce-to-left:hover:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);}
.list-entry .btn .icon {position: absolute;right: -10px;top: 0;display: block;padding: 6px 26px 6px 22px;text-align: center;color: #fff;height: 100%;background: #9f224e;transform: skewX(-20deg);-ms-transform: skewX(-20deg);-o-transform: skewX(-20deg);-moz-transform: skewX(-20deg);-webkit-transform: skewX(-20deg);}
@media (min-width: 500px) {
.list-entry figure{width:33.33%;float:left;margin-right:15px}
.list-entry .description,.list-entry li .link-btn,.list-entry .post-meta{margin-left:calc(33.33% + 10px)}
}
.list-entry figure .thumb{width:100%;}
.list-entry figure .thumb img{width:100%;}
.list-entry .description{font-size:14px;text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-height:18px;max-height:90px}
.list-entry .post-meta{margin-bottom:5px;}
.pager {
    margin: 0 0 40px;
    line-height: 18px;
}

    .pager span a, .pager span input, .pager span span {
        margin-right: 2px;
        display: inline-block;
        background: #004f9e;
        border-color: transparent;
        min-width: 40px;
        text-align: center;
        padding: 4px 12px;
        color: #fff
    }

    .pager span span {
        background: #9f224e;
    }

    .pager span span, .pager span a {
        line-height: 26px;
        font-size: 16px;
        vertical-align: 0;
    }

    .pager span input {
        line-height: 22px;
    }
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
table {
    width: 100%;
    border: 0;
}
tr {
    border: 1px solid #dee2e6;
}
td {
    padding: 5px 10px;
    border-right: 1px solid #dee2e6;
}
.schedules table td:nth-child(3){width:150px;text-align:center;}
.schedules table td:nth-child(1), .schedules table td:nth-child(4){text-align:center;}
.recentposts .col-md-6:nth-child(2n+1) {clear:both;}
.div-lichtuan table td {
    font-weight: 500;
    vertical-align: middle;
}

.div-lichtuan table td:nth-child(1), .schedules table td:nth-child(2)
{text-align:center;}
.title-lichtuan{
    text-align: center;
    font-size: 19px;
    color: #004998;
    font-weight: 700;
    padding-bottom: 30px;
}
.btn-lichtuan-print {
    color: #fff;
    background-color: #ED1C24;
    border-color: #ED1C24;
    height: 34px;
    margin-left: 12px;
    padding-left: 10px;
    padding-right: 11px;
    float: right;
}
.btn-lichtuan{
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    height: 34px;
    margin-left: 12px;
    padding-left: 10px;
    padding-right: 11px;
}
.btn-lichtuan-next {
    color: #fff;
    background-color: #A11927;
    border-color: #A11927;
    height: 34px;
    margin-left: 12px;
    padding-left: 10px;
    padding-right: 11px;
}
.ghichu-lichtuan {
    padding-top: 10px;
    padding-bottom: 20px;
    color: red;
    font-weight: 600;
}
.slx-tuan-lich{
    height: 35px; 
    margin-bottom: 10px; 
    width: 22%; 
    font-family: Arial;
}
.slx-tuan-lich option {
    padding: 5px 0;
}

@media (max-width: 767px) {
    .btn-lichtuan-print {
        display:none;
    }
    .slx-tuan-lich {
        width: 65%; 
    }
}

@media (max-width: 425px) {
    .slx-tuan-lich {
        width: 100%; 
    }
    div#duLieu-lichTuan {
        padding-top: 10px;
    }
    .btn-lichtuan-next{
        margin-left: 0px;
    }
}





@keyframes loader-element {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.loading-naue {
    -webkit-filter: blur(5px) grayscale(100%);
    pointer-events: none;
}

.loader-lichtuan {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #A11927;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 1.3s linear infinite;
    display: inline-block;
    position: absolute;
    margin-left: 10px;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}