::-webkit-scrollbar{width:1rem;height:1rem;background-color:transparent}
::-webkit-scrollbar:horizontal{border-radius:0 0 .5rem .5rem}
::-webkit-scrollbar{width:1rem;height:1rem;background-color:transparent}
::-webkit-scrollbar:horizontal{border-radius:0 0 .5rem .5rem}
::-webkit-scrollbar-button{}
::-webkit-scrollbar-track{}
::-webkit-scrollbar-track-piece{}
::-webkit-scrollbar-thumb{border-radius:20px;background-color:#eeeeee;box-shadow:inset 0 0 0 1px #dddddd;border:4px solid #e9ebee}
::-webkit-scrollbar-thumb:hover{background-color:#dddddd}
::-webkit-scrollbar-corner{}
::-webkit-resizer{}
/* Scrollbar */
progress{position:fixed;left:0;bottom:0;right:0;width:100%;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;color:#669900;z-index:1000}
progress::-webkit-progress-bar{background-color:transparent;z-index:9999999999}
progress::-webkit-progress-value{background-color:#669900;z-index:9999999999}
progress::-moz-progress-bar{background-color:#669900;z-index:9999999999}
.progress-container{width:100%;background-color:transparent;position:fixed;top:0;left:0;height:1px;display:block;z-index:10}
.progress-bar{background-color:#669900;width:0%;display:block;height:inherit;z-index:10}
body {
    font-family: Roboto;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #ffffff;
    font-weight:500;
}
.tieude{width: 60%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 40px;}
.HuuNhan .title1{font: bold 14px Roboto,sans-serif;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    position: relative;
    text-align: -webkit-left;
}
.HuuNhan .title1:before {
    font-family: fontawesome;
    content: "\f004";
    background-color: #0098d3;
    color: #fff;
    padding: 5px;
    margin-right: 10px;
}
.HuuNhan .title2{font: bold 14px Roboto,sans-serif;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    position: relative;
    text-align: -webkit-left;
}
.HuuNhan .title2:before {
    font-family: fontawesome;
    content: "\f086";
    background-color: #0098d3;
    color: #fff;
    padding: 5px;
    margin-right: 10px;
}
.HuuNhan{
    background: #b6b6b617;
    width: 100%;
    overflow: hidden;
    margin: 15px 0 15px 0;
    border: 1px solid #d7d7d7;
    padding: 15px 15px 0 15px;
    clear: both;
}

    .YeuLoli img{    width: 100px;
    height: auto;
    border-radius: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;}
    .YeuLoli .name{    text-align: center;
    font-weight: 600;
    /* font-size: 16px; */
    color: #000;
    margin: 4px 0;
    max-width: 100%;
    text-overflow: ellipsis;
    display: block;
    max-height: 1.6rem;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6rem;}
    .YeuLoli .imgytb{height: 103px;
    width: 103px;
    border-radius: 50%;
    background-color: transparent;
    overflow: hidden;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;}
    a:visited{color:#000;}
    a:hover{color#999}
    .Nhan-Loli{
    padding-right: 4px;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 210px;
            margin-bottom: 20px;
    }
    .baiviet img{
        margin-right: auto;
    width: 100%;
    margin-left: auto;
}
    .Nhan-Content{text-align: -webkit-center;}
    .C1{    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex: 1 1 0.000000001px;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-basis: 0.000000001px;
    flex-basis: 0.000000001px;}
    #dangky-ytb{margin-top: 6px;
    float: right;
    padding: 8px 15px;
    background-color: #f00;
    border-radius: 2px;
    letter-spacing: .007px;
    text-transform: uppercase;}
    #dangky-ytb a{    color: #fff;
    font-weight: 600;}
    a:-webkit-any-link{text-decoration: none;}

img {
    vertical-align: middle;
    width: 100%;
    height: auto;
    margin: auto;
}
.nhan-col{width: 20%;height:30%;   float: left;}
#TBmobile{display:none;}
@media only screen and (max-width: 600px) {
    #Bai1,.hide,#BoxChat{display:none;}
    .container{padding:0;}
    .tray-item-play-button{display:none;}
    .baiviet img {
    margin-right: auto;
    width: 100%;
    height: auto;
    margin-left: auto;
}
#TBmobile{display:block;}
.tieude {
    width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
 .nhan-col{width: 100%;
    height: 30%;
         float: left;
 }
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: unset;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
:root {
  --jumbotron-padding-y: 3rem;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

/* general */
body {
    background-color: #fff;
}


/* page */
.page-wrapper {
    margin: 150px auto;
    width: 960px;
    max-width: 100%;
}


/* box */
.box-content {
    padding:20px;
    background-color: #EFEFEF;
}
#side-wid{background: #99999921;border-radius: 10px;border: 1px solid #bebebe;}

textarea {
    background-color:#FAFAFA;
    border:#EFEFEF solid 1px;
    color:#333;
    height:150px;
    width:100%;
}


/* richtext custom style */
.richText {
    margin-top: 40px;
}
.richText{position:relative;background-color:#FAFAFA;border:#EFEFEF solid 1px;color:#333333;width:100%}.richText .richText-form{font-family:Roboto}.richText .richText-form label{display:block;padding:10px 15px}.richText .richText-form input[type="text"],.richText .richText-form input[type="file"],.richText .richText-form input[type="number"],.richText .richText-form select{padding:10px 15px;border:#999999 solid 1px;min-width:200px;width:100%}.richText .richText-form select{cursor:pointer}.richText .richText-form button{margin:10px 0;padding:10px 15px;background-color:#3498db;border:none;color:#FAFAFA;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.richText .richText-toolbar{min-height:20px;border-bottom:#EFEFEF solid 1px}.richText .richText-toolbar ul li{float:left;display:block;list-style:none}.richText .richText-toolbar ul li a{color:#000;display:block;padding:10px 15px;border-right:#EFEFEF solid 1px;cursor:pointer;-webkit-transition:background-color 0.4s;-moz-transition:background-color 0.4s;transition:background-color 0.4s}.richText .richText-toolbar ul li a .richText-dropdown-outer{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3);cursor:default}.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown{display:block;margin:3% auto 0 auto;background-color:#FAFAFA;border:#EFEFEF solid 1px;min-width:100px;width:300px;max-width:90%;-webkit-box-shadow:0 0 5px 0 #333;-moz-box-shadow:0 0 5px 0 #333;box-shadow:0 0 5px 0 #333}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown{list-style:none}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li{display:block;float:none;font-family:Roboto}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a{display:block;padding:10px 15px;border-bottom:#EFEFEF solid 1px}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover{background-color:#FFFFFF}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline{margin:10px 6px;float:left}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a{display:block;padding:0;margin:0;border:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 10px 0 #999;-moz-box-shadow:0 0 10px 0 #999;box-shadow:0 0 10px 0 #999}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span{display:block;height:30px;width:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown{padding:10px 15px}.richText .richText-toolbar ul li a:hover{background-color:#FFFFFF}.richText .richText-toolbar ul li[data-disable="true"]{opacity:0.1}.richText .richText-toolbar ul li[data-disable="true"] a{cursor:default}.richText .richText-toolbar ul li:not([data-disable="true"]).is-selected .richText-dropdown-outer{display:block}.richText .richText-toolbar ul:after{display:block;content:"";clear:both}.richText .richText-editor{padding:20px;background-color:#FFFFFF;border-left:#FFFFFF solid 2px;font-family:Roboto;height:300px;outline:none;overflow-y:scroll;overflow-x:auto}.richText .richText-editor ul,.richText .richText-editor ol{margin:10px 25px}.richText .richText-editor table{margin:10px 0;border-spacing:0;width:100%}.richText .richText-editor table td,.richText .richText-editor table th{padding:10px;border:#EFEFEF solid 1px}.richText .richText-editor:focus{border-left:#3498db solid 2px}.richText .richText-initial{margin-bottom:-4px;padding:10px;background-color:#333333;border:none;color:#FAFAFA;font-family:Monospace,Roboto;max-width:100%;min-width:100%;width:100%;min-height:400px;height:400px}
h2.post_title {
    padding: 0 10px;
}
.post_title {
    margin: 10px 0 15px 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4!important;
    overflow: hidden;
}
#docbai{
    padding: 5px 15px;
    background-color: #954c4c;
    margin-top: 5px;
    border-radius: 100px;
    float: right;
    letter-spacing: .007px;
    text-transform: uppercase;
    
}
#docbai a{color:#fff;font-size:13px;font-weight:500;}
#admin{
    padding: 5px 15px;
    background-color: #5b4c95;
    margin-top: 5px;
    border-radius: 100px;
    float: left;
    letter-spacing: .007px;
    text-transform: uppercase;
    
}
#admin a{color:#fff;font-size:13px;font-weight:500;}

      .pagination {
  display: block;
  width: 75%;
  margin: 1em auto;
  text-align: center;
}
.pagination:after {
  content: '';
  clear: both;
}


.pagination-button:hover {
  background-color: #045381;
  color: #fff;
}



/* arbitrary styles */
.heading {
  text-align: center;
  max-width: 500px;
  margin: 20px auto;
}

.pagination-button.active {
    background-color: #0095ff;
    color: #ffffff;
}
.pagination-button {
    display: inline-block;
    padding: 7.5px 15px;
    /* border: 1px solid #8f8f8f; */
    background-color: #282828;
    margin: auto;
    color: #fff;
    cursor: pointer;
    transition: background 0.1s, color 0.1s;
}