#content.blog{
    min-height: 1100px;
}

.blog .form-control#keyword {
    padding-left: 3rem !important;
    background-color: #FFFFFF;
}

.blog .keyword-mo-wrap .input-group-prepend{
    right:0px;
    left : unset;
}

.blog img{
    object-fit: cover; 
    object-position: center;
}

.blog #blog-content>div.title-wrap{
    background-size: cover;      
    background-position: center; 
    background-repeat: no-repeat;
}

.blog .card {
    cursor: pointer;
}

.blog .item-2 .card .card-img {
    max-height: 250px;
}

.blog .item-3 .card .card-img {
    max-height: 170px;
}

@media (max-width: 576px) {
    .blog .item-3 .card .card-img {
        max-height: 250px;
    }

    .blog .item-2, .blog .item-3{
        display: block;
    }
}

.blog .border-bottom-dash {
    border-bottom: 1px dashed #A0A0A0;
}

.blog .border-bottom-dash.mb {
    margin-bottom: 10px;
}

.blog #stickyBlockStartPoint ul li {
    margin-bottom: 10px;
    border-radius: 10px;
}

.blog #stickyBlockStartPoint ul li a{
    padding: 10px 15px;
}

.blog #stickyBlockStartPoint ul li:hover {
    background: #FAFAFA;
    opacity: 0.9;
    cursor: pointer;
}

.blog #stickyBlockStartPoint ul li span{
    line-height: 18px;
}

.blog #stickyBlockStartPoint ul li.on {
    background: rgba(10,191,83,0.05);
}

.blog #stickyBlockStartPoint ul li.on span {
    color: #0ABF53 !important;
    font-weight: 600;
}

.blog #stickyBlockStartPoint ul li .link-secondary:hover {
    opacity: unset !important;
}

.blog .tag-menu{
    padding:0px;
}

.blog .tag-menu li{
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.blog .tag-menu button{
  color:#95A0AB;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 8px;
}

.blog .tag-menu button:hover{
    background-color: #19C35D;
    color:#FFFFFF;
}

.blog .tag-menu button:focus{
    background-color: unset;
}

.blog .page-link:focus{
    box-shadow: none;
    color: var(--bs-pagination-color);
}

.blog .tag-menu button:focus, .blog .tag-menu button.on, .blog .page-link.on{
    background-color: #19C35D;
    color:#FFFFFF;
}

.blog #blog-content{
    min-height: 650px;
}

.blog #blog-content .off{
    visibility: hidden;
}

.blog #blog-content .row a .card-body span{
    color: #2d374b;
}

.blog #blog-content .title-wrap{
    height: 330px;
    background-size: 100% auto;
    border-radius: 26px;
}

.blog #blog-content .category-bar{
    border-radius: 10px;
    background-color: #FAFAFA;
}

.blog .card-body h5,.blog .card-body span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

#mo-list .modal-dialog{
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-height: 60vh;
    margin:0;
}

#mo-list .modal-bottom .modal-content {
    height: 100%;
    border-radius: 15px 15px 0 0;
    border: none;
}

#mo-list .modal-bottom .modal-body {
    overflow-y: auto; 
}

#mo-list .bi-check{
    display:none;
}

#mo-list .bi-check.on{
    display: block;
}

#blogDisplay.showDialog,
#blogDisplay.showDialog .modal-content{
    width: 700px;
    height: 700px;
}

#blogDisplay.showDialog{
    display: flex;
    align-items: center;
}

#blogDisplay .modal-body>div{
    height: 100%;
    padding:0px 10px 10px 10px;
    border:1px solid gray;
    border-radius: 5px;
}

#blogDisplay table .title{
    vertical-align: middle;
    display: inline-block;
    max-width: 510px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#blogDisplay #search-title{
    width:400px;
    margin-left: auto;
}
.blog .container table{
    width:100% !important;
}
.blog .container table td{
    padding:20px !important;
}

.blog .container table td p:last-child{
    margin-bottom: 0px !important;
}