.publish .right .item .input-1,
.publish .right .item .input-2,
.publish .right .item .select-1,
.publish .right .item .select-2 { padding: 0 5px; }

.g-btn-1, .g-btn-2 { text-decoration: none; vertical-align: middle; }
.disabled { background: #adacac; }
.lt8 .g-btn-1, .lt8 .g-btn-2 { }
.lt8 .g-btn-1 { padding: 4px 10px; }

.emptyCss { color: #999; margin-left: 5px; }
.pages { color: #999; text-align: center; margin-left: 20%; }
    .pages a, .pages .cpb { text-decoration: none; float: left; padding: 0 5px; border: 1px solid #ddd; background: #fff; margin: 0 2px; font-size: 11px; color: #000; }
        .pages a:hover { background-color: #E61636; color: #fff; border: 1px solid #E61636; text-decoration: none; }
    .pages .cpb { font-weight: bold; color: #fff; background: #E61636; border: 1px solid #E61636; }
.dropCss { width: 100px; max-width: 100px; }

.not-found { text-align: center; font-size: 14px; padding: 30px 0; }
.error-wrap { padding: 10px 20px; }

.hide { display: none; }

.red { color: #f64e4e; }
.green { color: #1ec72c; }
.gray { color: #888282; }

.block { display: block; }
.text-danger { }
.field-validation-error { color: #ee5d5d; }

.top-download { float: right; }
    .top-download a { color: #1c46e9 !important; }

.pager-info { }
.pagination { display: inline-block; padding-left: 0; margin: 5px 0; border-radius: 4px; }
    .pagination > li { display: inline; }
        .pagination > li > a,
        .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
        .pagination > li:first-child > a,
        .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
        .pagination > li:last-child > a,
        .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus { color: #23527c; background-color: #eee; border-color: #ddd; }
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }
    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination-lg > li > a,
.pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; }
    .pager li { display: inline; }
        .pager li > a,
        .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; }
            .pager li > a:hover,
            .pager li > a:focus { text-decoration: none; background-color: #eee; }
    .pager .next > a,
    .pager .next > span { float: right; }
    .pager .previous > a,
    .pager .previous > span { float: left; }
    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; }




table img { max-width: 650px; }


.search-bar td { height: 36px; line-height: 36px; margin-bottom: 10px; }
.search-bar input[type=text] { width: 190px; height: 26px; line-height: 26px; padding: 0 5px; }
.search-bar select { width: 204px; margin-right: 5px; }
.search-bar .g-btn-2 { padding: 5px 20px; }


.title-right { float: right; font-size: 14px; margin-right: 15px; color: #E5002E; text-decoration: none; }




.charge-details-table { width: 96%; border: 1px solid lightblue; border-right: none; margin-top: 10px; border-spacing: 0; text-align: center; }
    .charge-details-table thead { text-align: center; }
    .charge-details-table th, .charge-details-table td { border-right: 1px solid lightblue; }
    .charge-details-table td { padding: 2px 5px !important; margin: 0; border-top: 1px solid lightblue; }
    .charge-details-table tfoot th { border-top: 1px solid lightblue; }
    .charge-details-table td input { height: 100%; line-height: 100%; font-size: 14px; }
    .charge-details-table td input, .charge-details-table td textarea { width: 100%; height: 40px; border: none; padding: 0; display: block; }
    .charge-details-table .del { text-align: center; cursor: pointer; }


.download-statistics { padding: 0 20px; }
    .download-statistics h2 { color: #E5002E; }
    .download-statistics ul { list-style: none; padding: 0 0 0 10px; margin: 0; }
    .download-statistics li { line-height: 24px; height: 24px; font-size: 14px; }
    .download-statistics ul span { width: 150px; display: inline-block; }





.waterfall .item .img { position: relative; overflow: hidden; }
.waterfall .item .gq_icon { position: absolute; }
.waterfall .item .text_gq { padding-bottom: 10px; color: #a1a1a1; }
.waterfall .item .bar .s_gq { float: left; width: 100px; text-align: right; }
    .waterfall .item .bar .s_gq a { display: inline-block; color: #FFFFFF; background-color: #a1a1a1; border-radius: 5px; padding-left: 10px; padding-right: 10px; text-decoration: none; }


.compression-method { position: relative; color:red;font-size: 20px;font-weight: bold;line-height: 38px;height: 38px;vertical-align: top;display: inline-block;margin-left: 10px; }
    .compression-method:hover .image { display: block }
.compression-method  .image { display: none; position: absolute; background: url('../images/compression-method.png') no-repeat; width: 494px; height: 373px; border: 1px solid #1883d7; margin-left: -180px; z-index: 999 }

.hide { display: none !important }