#dataTable tbody tr {
    cursor: pointer;
}
.dataTables_wrapper .dataTables_paginate .pagination li:not(.first):not(.previous):not(.next){
    display: none;
}
.media{
    display: inline-block;
    cursor: pointer;
    margin:5px 5px 0;
}
.risk_img {
    width: 24px;
    height: 20px;
    background-image: url("../../resources/img/compic.png");
    background-size: 24px 20px;
    background-repeat: no-repeat;
}
.risk_video {
    width: 27px;
    height: 20px;
    background-image: url("../../resources/img/combatVideo.png");
    background-size: 27px 20px;
    background-repeat: no-repeat;
}
.table-striped>tbody>tr.active-tablebg>td{
    background-color:#e4e4e4;
}
#showMedia{
    display:block;
    position: relative;
    padding:0px 50px;
    height:380px;
}
.media-content{
    padding-top:0;
}
#showMedia .arrows{
    position: absolute;
    top: 50%;
    margin-top:-25px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 5px;
}
#showMedia .arrows:active{
    background:#e5e5e5;
}
i.icon{
    display: inline-block;
    width:100%;
    height:100%;
}
#showMedia .left-btn {
    left:0px;
}
.icon_left{
    background: url("../../resources/img/left_icon_1.svg") center no-repeat;
    background-size: 80% 80%;
}
#showMedia .right-btn {
    right: 0px;
}
.icon_right{
    background: url("../../resources/img/right_icon_1.svg") center no-repeat;
    background-size: 80% 80%;
}
.media_len{
    margin-top:20px;
    text-align: center;
}
#previewMask {
    visibility: hidden;
    height: 60px;
    width: 100%;
    padding: 10px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, .7);
}
#showMedia:hover #previewMask{
    visibility: visible;
}
.mask-img {
    float: right;
    padding: 12px;
    cursor: pointer;
    width: 45px;
    height: 45px;
    position: relative;
    display: block;
}

.mask-img img {
    width: 100%;
    height: auto;
    display: block;
    margin: auto;

}
.mask-img hr {
    border-top: none rgb(0, 188, 212);
    border-left: none rgb(0, 188, 212);
    border-right: none rgb(0, 188, 212);
    border-bottom: 2px solid #64bde1;
    bottom: 0px;
    box-sizing: content-box;
    margin: 0px;
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    left: 0px;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.mask-img:hover hr{
    transform: scaleX(1);
}
.media_tab{
    margin:10px 0px;
}
.media_tab .btn-primary.active {
    background-color: #3276b1 !important;
}
.media-content .img{display: block;}
.media-content .video{display: none;}
.media-content.video_show .video{display: block;}
.media-content.video_show .img{display: none;}

.oversee_img{
    width:28px;
    height:28px;
    margin-right:10px;
}
#dataTableRiskType tr>td:nth-child(2){
    word-break: break-word;
    white-space: normal;
}