.video-card-image img {
    height: fit-content !important;
}
.total-like{
    border: 0;
}
.reviews-members-body p {
    margin-bottom: 0;
}
.liked-video,.unliked-video,.liked-comment,.unliked-comment{color: blue !important;}
.ajax-loading{text-align: center;width: 100%;}
.single-channel-image .img-fluid{height: fit-content !important;}
.single-video-author img {
    border-radius: 55px;
    height: 55px;
    width: 55px;
}
.video-card-image img.videoimg {
    height: -webkit-fill-available !important;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
/*.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }*/
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.tt-suggestion{color: #000;}
.tt-menu{width: 100%;}

.share-video .fa, .share-video a {
    display: inline-block;
    padding: 10px;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 1.5;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}
.share-video { margin-top: 10px; }
.share-video .fa:hover { opacity: 0.7; }
.share-video a:hover { opacity: 0.7; }
.share-video .fa-facebook {background: #3b5998;color: #fff;}
.share-video .fa-twitter { background: #3dc4ff; color: #fff; }
.share-video .fa-google { background: #d84c47; color: #fff; }
.share-video .fa-linkedin { background: #007bb5; color: #fff; }
.share-video .fa-youtube { background: #bb0000; color: #fff; }
.share-video .fa-instagram { background: #125688; color: #fff; }
.share-video .fa-pinterest { background: #cb2027; color: #fff; }
.share-video .fa-snapchat-ghost { background: #fffc00; color: #fff; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.share-video .fa-skype { background: #04abf2; color: #fff; }
.share-video .fa-android { background: #a4c639; color: #fff; }
.share-video .fa-dribbble { background: #ea4c89; color: #fff; }
.share-video .fa-vimeo { background: #3dc4ff; color: #fff; }
.share-video .fa-tumblr { background: #2c4762; color: #fff; }
.share-video .fa-vine { background: #00b489; color: #fff; }
.share-video .fa-foursquare { background: #3dc4ff; color: #fff; }
.share-video .fa-stumbleupon { background: #eb4924; color: #fff; }
.share-video .fa-flickr { background: #f40083; color: #fff; }
.share-video .fa-yahoo { background: #430297; color: #fff; }
.share-video .fa-soundcloud { background: #ff5500; color: #fff; }
.share-video .fa-reddit { background: #ff5500; color: #fff; }
.share-video .fa-rss { background: #ff6600; color: #fff; }

/*Notification*/
@media (min-width: 576px){
    .navbar-nav .dropdown-list {
        width: 20rem!important;
    }
}
.navbar-nav .dropdown-list .dropdown-header {
    background-color: #333545;
    border: 1px solid #333545;
    color: #fff;
    padding: 13px 15px;
}
.navbar-nav .dropdown-list .dropdown-item {
    white-space: normal;
    line-height: 1.3rem;
    padding: 10px 15px;
}
.icon-circle {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-nav .dropdown-list .dropdown-item .dropdown-list-image {
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
}
.navbar-nav .dropdown-list .dropdown-item .dropdown-list-image img {
    height: 2.5rem;
    width: 2.5rem;
}
.navbar-nav .dropdown-list .dropdown-item .dropdown-list-image .status-indicator {
    background-color: #eaecf4;
    height: .75rem;
    width: .75rem;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    border: .125rem solid #fff;
}
@media (min-width: 576px){
    .navbar-nav .dropdown-list .dropdown-item .text-truncate {
        max-width: 13.375rem;
    }
}

.navbar-nav .dropdown-menu{padding: 0;}
.navbar-nav .dropdown .dropdown-menu {
    width: 280px;
    right: 0rem;
}
.navbar-nav .dropdown-list .dropdown-item {
    white-space: normal;
    line-height: 1.3rem;
    padding: 10px 15px;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.navbar-nav .dropdown-list .dropdown-item .text-truncate {
    max-width: 10rem;
}

/* Dành cho điện thoại */
@media all and (max-width: 480px) {
    .reviews-members-footer{width: 50%;float: left;}
    .share_embed{width: 50%;float: right;}
    .share-video {display: inline-block;}
    .share-video .fa, .share-video a {
        padding: 8px;
        font-size: 15px;
        width: 35px;
        height: 35px;
    }
    .custom_channel{
        float: left;}
}

/*FIX IPHONE*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	#sidebarToggle{top: 8px !important;}
	.scbrr-tab{width:165px !important;}
}

/*iPhone 6, 7, & 8 Plus in portrait*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { #sidebarToggle{top: 8px !important;}.scbrr-tab{width:165px !important;} }

/*iPhone X in portrait*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { #sidebarToggle{top: 8px !important;}.scbrr-tab{width:165px !important;} }

#iframe_intro p{width: 100%;display: inline-block;}

/*Footer*/
.list-footer .title{
    color: #000;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: left;
}

.list-footer .list .item{
    margin-bottom: 5px;
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #000;
}

.list-footer .list .item:hover{
    text-decoration: underline;
}

.footer-bottom{
    padding-top: 30px;
}

.footer-bottom .logo-and-license{
    display: flex;
    align-items: center;
    font-size: 14px;
}