.table-view{width:100%;border-collapse:collapse;}
.table-view th {border:1px solid #ddd;padding:5px;text-align:center;white-space:nowrap; font-weight:bold;}
.table-view td {border:1px solid #ddd;padding:3px;}

.error{color:Red;width:100%;display:block;margin:3px;}
.searchBoxPanel {margin-top:10px;margin-bottom:20px;}
.count {margin-top:5px;margin-bottom:5px;display:block;}
.dataPager{text-align:right;margin-top: 10px;}

.table-detail{width:100%;border-collapse:collapse;}
.table-detail td {border:1px solid #ddd;padding:3px;}
.table-detail th {border:1px solid #ddd;padding:3px;background-color:#efefef; font-weight:normal;text-align:left;}

.noborder {border:none !important;font-size:16pt;font-weight:bold;}
.anh-truyna {width:160px;float:left;margin-right:5px;}
.anh-truyna div {width:100%; text-align:center;}
.anh-truyna div img {width:155px;margin-left:3px; margin-bottom:5px;border:1px solid #ddd;}

.truyna-boxsmaill{clear:both; padding:5px;}
.truyna-boxsmaill img{width:80px; height:80px; float:left;margin-right:3px;border:1px solid #ddd;}
.truyna-boxsmaill div a{font-weight:bold;}

.truyna-top {clear:both;margin-bottom:10px;margin-left:3px;}
.truyna-top img{width:180px; float:left;margin-right:5px;border:1px solid #ddd;padding:2px;}
.truyna-top h2{font-weight:bold;font-size:16pt; color:Red;}
.truyna-top div {line-height:20px;}

/*************************************************************************************************************************/
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 260px;
height: 350px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 15px;
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 245px;
height: auto;
position: relative;
color: black;
padding: 1px;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
visibility: visible !important;
}
/* fleXcroll adapts to this CSS setting and sets positions correctly */


/* And style your scrollbar like you normally do */
.vscrollerbase {
width: 10px;
background: #f4f5f9 url(images/basebarcaps_verticalbarbody11.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 10px;
background: #dddddd url(images/basebarcaps_verticalbarbody11.png) -15px 0px repeat-y;
}
.hscrollerbase {
height: 10px;
background: #D7EBDF url(images/horizontalbarbody_cornerjog111.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 10px;
background: #99CBCB url(images/horizontalbarbody_cornerjog11.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(images/basebarcaps_verticalbarbody11.png) -45px -30px no-repeat;
width: 10px;
height: 15px !important;
}
.vscrollerbarend {
background: url(images/basebarcaps_verticalbarbody11.png) -45px 0px no-repeat;
width: 10px;
height: 10px;
}
.hscrollerbarbeg {
background: url(images/basebarcaps_verticalbarbody11.png) -60px -15px no-repeat;
height: 10px;
width: 15px !important;
}
.hscrollerbarend {
background: url(images/basebarcaps_verticalbarbody11.png) -30px -15px no-repeat;
height: 10px;
width: 10px;
}
.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(images/horizontalbarbody_cornerjog11.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(images/basebarcaps_verticalbarbody1122.png) -30px -30px no-repeat;
width: 10px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(images/basebarcaps_verticalbarbody222.png) -60px -30px no-repeat;
height: 10px;
width: 10px;
}
.hscrollerbasebeg {
background: url(images/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 10px;
width: 15px !important;
}
.hscrollerbaseend {
height: 10px;
width: 10px;
background: url(images/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(images/basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */

.pagination-right {
  text-align: right;
}
.pagination ul {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0;
}
.pagination ul > li {
  display: inline;
  line-height: 20px;
} 
.pagination ul li.active a {
  color: red !important;
} 
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
  border-bottom-left-radius: 4px;
  border-left-width: 1px;
  border-top-left-radius: 4px;
}
.pagination ul > li > a, .pagination ul > li > span {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #FFFFFF;
  border-color: #DDDDDD;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  float: left;
  line-height: 20px;
  padding: 4px 12px;
  text-decoration: none;
}

#dnnModuleHanVideoCreateCategoryModal fieldset {
    margin-top: 40px;
    position: relative;
}

.box_schedule {
    background-color: #fff;
    
}

    .box_schedule .box_header .box_title a {
        color: #484545;
    }

    .box_schedule .schedule_heading {
        text-transform: uppercase;
        text-align: center
    }

    .box_schedule .schedule_item .item .time_line {
        text-align: center;
        padding: 0
    }

    .box_schedule .mCSB_inside > .mCSB_container {
        margin-right: 0
    }

    .box_schedule .mCSB_scrollTools {
        width: 8px
    }

    .box_schedule .schedule_date {
        padding: 0 35px;
        background-color: #484848
    }

    .box_schedule .schedule_date .item {
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    text-align: center
    }

    .box_schedule .schedule_date .item.active,
    .box_schedule .schedule_date .item:hover {
        background-color: #636363;
        cursor: pointer
    }

    .box_schedule .schedule_date .item .week {
        padding: 10px 0 0 0;
        display: block
    }

    .box_schedule .schedule_date .item .day {
        padding: 0 0 10px 0;
        margin-top: 0;
        display: block;
        font-size: 12px
    }
.owl-controls .owl-nav .owl-prev {
    top: 50%;
    left: 0;
    padding: 0;
    margin-top: -20px;
    opacity: .5;
    transition: all 0.2s ease;
}
    .box_schedule .schedule_date .owl-controls .owl-nav .owl-prev,
    .box_schedule .schedule_date .owl-controls .owl-nav .owl-next {
    top: 0;
    margin: 0;
    height: 100%;
    background-color: transparent;
    opacity: .9;
    color: #eee
    }

    .box_schedule .schedule_date .owl-controls .owl-nav .owl-prev:before,
    .box_schedule .schedule_date .owl-controls .owl-nav .owl-next:before {
      
        height: 100%;
        line-height: 55px;
        background-color: transparent
    }
#schedule_video .schedule_heading {
    padding: 0 15px;
    background-color: #636363;
    color: #f68a1e;
    line-height: 34px;
    text-transform: uppercase;
}
.box_schedule .input-group{
    float:right;
}
.box_schedule .dnnFormItem select {
    width: 100%;
}
.box_schedule .box_title {
    margin: 0px 10px;
}
.box_header .box_title {
    font-size: 18px;
}
.box_schedule .box_header {
    padding-top: 20px;
}
.box_title a .active{
    color:#036;
}
.box_title a:focus {
    text-decoration:none;
}
#schedule_video .slick-slide {
   
    float: left;
    height: 100%;
    min-height: 1px;
}
.filter-calendar {
    background: #316fbc;
    -webkit-animation: mymove 2s;
    animation: mymove 2s;
}
#schedule_video .item a {
    color: #fff;
    width: 125px;
    height: 80px;
    display: block;
    line-height: 80px;
    text-align: center;
    padding-top: 17px;
    -webkit-clip-path: polygon(40px 0%, 100% 0%, calc(100% - 40px) 100%, 0% 100%);
    clip-path: polygon(40px 0%, 100% 0%, calc(100% - 40px) 100%, 0% 100%);
    margin-left: -20px;
}
    #schedule_video .item a span {
        text-transform: uppercase;
        display: block;
    }
    #schedule_video .item a .top {
        font-size: 14px;
        line-height: 1;
        margin-bottom: 5px;
        -webkit-transform: translateX(5px);
        -khtml-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -o-transform: translateX(5px);
        transform: translateX(5px);
    }
    #schedule_video .item a .bottom {
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        -webkit-transform: translateX(-2px);
        -khtml-transform: translateX(-2px);
        -moz-transform: translateX(-2px);
        -ms-transform: translateX(-2px);
        -o-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    #schedule_video .item a:hover {
        background: #3d8dde;
    }

    #schedule_video .item.active a{
        background: #3d8dde;
    }
#schedule_video .box_title{
    margin-bottom:10px;
}
a:focus, a:hover {
    
    text-decoration: none !important;
}
.scheduleview .schedule_item .item {
    
    font-size: 16px;
}
.pnlTopMediaList{
    display:flex;
    justify-content:space-between;
    margin:10px auto;
}
#drpChuyenMuc{
    width:100%;
    margin-bottom:0px;    
}
ul.list_item_music {
    background: #FFF;
    border-radius: 5px;
    -moz-outline-radius: 5px;
  
    padding: 15px;
    padding-bottom: 0;
    box-shadow: 0 0 9px #a9a9a9;
}
ul.list_item_music li {
    width:100%;
    float: left;
   
    display: flex;
    flex-direction:column;
    border-bottom: #ececec solid 1px;
}
.list_item_music .program_title i {
    color: #08216c;
    font-size:1.2rem;
    padding-right:10px;
}
.list_item_music .program_title {
    font-size: 16px;
    margin: 10px 0px;
}
.list_item_music .program_desc {
    font-size: 13px;
    color:#999;
}
ul.list_item_music li .item_content {
    font-size: 12px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #a2a2a2;
    margin-right: 20px;
}
    ul.list_item_music li span.icon_listen {
        float: left;
        color: #999999;
        right: 0;
        font-size: 12px;
        background: url(https://stc-id.nixcdn.com/v11/images/icon-repeat.png) left -194px no-repeat;
        padding-left: 15px;
        line-height: 24px;
        display: block;
        margin: 15px 0 0 0;
    }
.list_mark .icon-tag-official {
    padding: 1px 8px;
    font-size: 11px;
    text-transform: uppercase;
    background: #ccc;
    color: rgba(255,255,255,1.00);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 5px 0 0;
}
ul.list_item_music li .item_content .name_song {
    font-size: 14px;
    color: #2d2a2a;
}
ul.list_item_music li .item_content .name_singer {
    font-size: 12px;
    margin-left: 3px;
    color: #9a9a9a;
}
.inner-phatthanh-player, .mejs__container {
    background: #040677 !important;
}
    .inner-phatthanh-player .pt-title{
        color:#fff;
        padding-top:10px;
    }

#lnkAttachSOW .upload-file {
    background-image: url('/images/icon-upload-file.png');
    padding: 7px 16px 6px 44px;
    background-repeat: no-repeat;
    background-position: 12px 7px;
    background-color: #f3f3f3;
}
.UploadHide {
    display: none !important;
}

.headerAuto .add {
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #EAEAEA) );
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFFFFF inset;
    border: 1px solid #C2C2C2;
    bottom: 2px;
    height: 32px;
    margin: 0;
    position: absolute;
    right: 11px;
    text-shadow: none;
    top: 1px;
    width: 32px;
}
    .headerAuto .add span {
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        height: 30px;
        width: 100%;
        max-width: 30px;
        color: #fff;
    }
.annut {
    height: 1px;
    background: #fff;
    border: none;
}
.video_list .video_item {
    margin-bottom: 15px;
}

.video_item {
    position: relative;
}
.video_img {
    position: relative;
    display: block;
}
    .video_img img {
        width: 100%;
        z-index: -1;
        height: 180px;
    }
.sidebar_home_1 .video_img img {
    height: 125px;
}
.video_list h3 {
    margin: 5px 0;
    font-size: 14px;
    line-height: 18px;
}
.AttackImageVideo {
    width: 275px;
    margin-top: 10px;
}
.video_detail .info {
    color: #333;
    text-align:left;
}
.video_detail .info h2 {
    margin: 10px 0 15px 0;
    line-height: 22px;
}
.video_detail .info .title {
    font-size: 22px;
    line-height: 24px;
}
.video_detail .date, .video_detail .views, .video_detail .likes {
    display: inline-block;
    margin-right: 15px;
}
.social_links {
    margin: 15px 0;
    background: #f5f5f5;
    padding: 10px;
    line-height: 10px;
    height: 40px;
}
.video_detail .tags {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

    .video_detail .tags li {
        float: left;
    }

.tags li a, .tags li span {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
}

    .tags li span, .tags li a:hover {
        background-color: #000b61;
        color: white;
    }

    .tags li.metakey span, .tags li a:hover {
        background-color: #db752b;
        color: white;
    }

    .tags li span::before, .tags li a::before {
        background: #fff;
        border-radius: 10px;
        box-shadow: inset 0 1px rgba(0,0,0,.25);
        content: '';
        height: 6px;
        left: 10px;
        position: absolute;
        width: 6px;
        top: 10px;
    }

    .tags li span::after, .tags li a::after {
        background: #fff;
        border-bottom: 13px solid transparent;
        border-left: 10px solid #eee;
        border-top: 13px solid transparent;
        content: '';
        position: absolute;
        right: 0;
        top: 0;
    }

    .tags li span::after {
        border-left-color: #000b61;
    }

.tags li.metakey span::after {
    border-left-color: transparent;
}