.product-contect{
    width:320px;
    font-size: 12px;
    line-height: 14px;
    opacity: .6;
}


.table thead th {
    vertical-align: inherit;
    text-align: center;
    border: 1px solid #666;
    font-size: 15px;
    font-weight: 400;
    min-width: 80px;
    padding: 8px 0;
}
.table td,.table th {
    padding: 8px 0px;
    vertical-align: top;
    min-width: 70px;
    text-align: center;
    font-size: 15px;
}

.table-th-style{
    border-bottom: 1px solid #666;
    display: block;
    padding: 5px;
}

table {
    overflow: scroll;
}

.swiper-slide {
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #666;
}

.filter-nav{
    overflow-x: scroll;
    overflow-x:hidden;
    overflow-y:auto;
    height: 110px;
}

.filter-item{
    border: 1px solid #666;
    padding:2px;
    max-width: 120px;
    margin-bottom: 10px;
    background-color: #fff;
}


.filter-item > input{
    margin-left: 5px;
}

.filter-title{
    max-height: 35px;
    height: 35px;
    font-size: 12px;
    text-align: center;
}

.frame::-webkit-scrollbar {
    -webkit-appearance: none;
    
}
.filter-nav::-webkit-scrollbar {
     -webkit-appearance: none; 
     margin-right: 5px;
}
.filter-nav::-webkit-scrollbar:vertical {
    width: 6px;
}
.filter-nav::-webkit-scrollbar-thumb {
    border-radius: 0px;
    border: 1px solid #999;
    width: 1px;
    background-color: #eee;
}



.product-header{
    background: -webkit-linear-gradient(135deg, #116ea3, #269391);
    background: linear-gradient(135deg, #116ea3, #269391);
    padding: 40px 0;
    margin-bottom: 0;
    
}

.btn-filter{
    border:1px solid #333;
    background-color: #fff;
    font-size: 12px;
    padding: 2px 5px ;
    margin-left: 5px;
}

.btn-filter:hover {
    background-color: #999;
    color:#eee;
}


.btn-download {
    border: 1px solid #333;
    background-color: #eee;
    font-size: 12px;
    padding: 2px 5px;
}

.btn-download:hover {
    background-color: #999;
    color: #eee;
}


.navbar-download{
    border-bottom: 1px solid #3335;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px 0px;
    margin: 0px;
    margin-bottom: 22px;
}


.filter-item {

    max-width: 95% !important;
}

#adddate>tr:hover {
    background-color:#ccc;
}

#adddate >tr:focus {
    background-color: #333;
}


.product-table {
    overflow: scroll !important;
    overflow-y: scroll;
    display: block;
    max-height: 720px;
    margin-bottom: 80px;
    width: 100%;
}

@media (max-width:960px) {

    .product-table {
        overflow: scroll !important;
        width: 100%;
    }

    
}

table{
    overflow: scroll;
}