@charset "utf-8";
/* CSS Document */

.book-part {
    margin-bottom: 30px;
}

.book-folder-panel {
    position: relative;
    background-color: #f7f7f9 !important;
    height: 200px;
    overflow: hidden;
}

.book-logo-container {
    position: absolute;
    width: 150px;
    height: 200px;
    background: url(/images/books/bookpanel-icon.png) -12px 213px;
}

.book-desc-container {
    float: left;
    padding-left: 150px;
    width: 100%;
}



.book-back-href {
    color: #5E5E5E;
    padding-left: 10px;
    /* position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;
    top: 100%;
    font-style: italic;
    font-size: 13px;
    margin-top: 4px; */
}

.book-back-href .book-back-href-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(/images/books/bookpanel-icon.png) -7px -10px;
}

.book-back-href:hover {
    color: inherit;
    text-decoration: underline;
}

.book-main-info-container {
    /*position: relative;*/
    /*float: left;*/
    padding: 15px 20px 20px 20px;
    /*border-left: 1px solid #ddd;*/
    color: #333;
    font-size: 14px;
    height: 156px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.book-main-info-container i {
    margin-right: 4px;
}

.book-main-info-container label {
    position: absolute;
    left: 0;
    /*float: left;*/
    /*width: 96px;*/
    font-weight: normal;
    color: #afafb0;
}

.book-main-info-container span {
    float: left;
    max-width: 660px;
    color: #767677;
}


.book-main-info-container .book-main-info {
    position: relative;
    margin-bottom: 12px;
}

.book-main-info-container span#folder-title {
    padding-left: 86px;
    width: 100%;
    /*display: -webkit-box;*/
    /* -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis; */
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
}

.book-main-info-container #folder-category {
    display: -webkit-box;
    padding-left: 86px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
}

.book-main-info-container span.muti {
    display: -webkit-box;
    padding-left: 86px;
    width: 100%;
    max-height: 60px;
    height: 60px;
    /*height: 4.7em;*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
}

.book-folder-toolbar {
    /*position: absolute;*/
    /*left: 170px;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*padding-right: 170px;*/
    /*width: 100%;*/
    /*max-width: 760px;*/
    float: right;
    width: 98%;
    min-height: 38px;
    border-top: 1px solid #ddd;
}

.book-folder-toolbar > li:first-child {
    margin-right: 8px;
}

.book-folder-toolbar-button {
    float: right;
    color: #1B7FCC;
    background: transparent;
    display: block;
    /*width: 28px;*/
    /*height: 28px;*/
    width: 40px;
    height: 35px;
    /*padding: 6px 5px 3px 5px !important;*/
    margin: 3px 0px 0px 3px;
    border: none;
}

.book-folder-toolbar-button:hover {
    color: #12619C;
}

.book-large-button-container {
    position: relative;
}

.book-add-new-book-button {
    padding: 14px 10px !important;
    /*width:635px;*/
    width: 64%;
    display: inline-block;
    font-size: 22px !important;
    font-weight: 400;
    background: #4f93cc;
    border-color: #4f93cc;
    border-radius: 0 !important;
}
.book-add-batchUpload-book-button {
    display: inline-block;
    float: right;
    padding: 14px 10px !important;
    width: 34%;
    background: #db443f;
    font-size: 22px !important;
    font-weight: 400;
    border-radius: 0 !important;
}
.book-edit-folder-title-validate-icon {
    float: left;
    margin-left: 20px;
    margin-top: 8px;
}

.cc-as-input-text,
.cc-input-text,
.cc-textarea,
.cc-select {
    border-radius: 0 !important;
}

/*filter*/
.book-filter-container {
    /*margin-bottom: 30px;*/
    position: relative;
    width: 100%;
}

.book-filter-container > span {
    position: relative;
    /*margin-right: 10px;*/
}

.book-filter-container > span.cc-right {
    margin-right: 0px;
    margin-left: 10px;
}

.book-filter-container label {
    margin-left: 10px;
    margin-right: 8px;
    font-weight: bold;
    color: #555;
}

.book-filter-container select {
    color: #555;
    /*width: 80px;*/
    width: 100%;
    height: 35px;
    font-size: 15px;
}

.book-filter-container input {
    width: 150px;
    color: #555;
    padding-right: 26px;
}

.book-filter-container .icon-search {
    position: absolute;
    right: 23px;
    top: 50%;
    margin-top: -7px;
    font-size: 16px;
    cursor: pointer;
    color: #A7A7A7;
}

.book-filter-container .icon-search:hover {
    color: #777;
}

.book-filter-container .icon-search:active {
    color: #555;
}

.book-filter-container .button-pure {
    position: relative;
    /*width: 54px;*/
    padding: 4px 7px;
}

.book-filter-container .button-pure.book-long-button {
    /*width: 116px;*/
}

.book-rotate {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.book-load-message {
    text-align: center;
    margin-top: 68px;
    margin-bottom: 68px;
}

.add-new-book-icon {
    display: inline-block;
    /* padding-left: 40px; */
    /*width: 200px;*/
    line-height: 30px;
    /* background: url(/images/books/bookpanel-icon.png) -176px -12px; */
}

.add-new-book-icon .icon,
.upload-new-book-icon .icon  {
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background: url(/images/books/bookpanel-icon.png) -176px -12px;
}

.upload-new-book-icon {
    display: inline-block;
    /* padding-left: 40px; */
    line-height: 30px;
    /* background: url(/images/books/bookpanel-icon.png) -176px -12px; */
}

.book-filter-container .book-order-select {
    width: 100%;
}

.book-filter-container .cc-book-search {
    width: 100%;
    padding-right: 26px;
    /*width: 250px;*/
    height: 35px;
}

.book-filter-container .privacy-label {
    margin-left: 0;
}

#book-export-button {
    /*margin-left: 10px;*/
    background: url(/images/books/bookpanel-icon.png)  -209px -9px;
}

#book-edit-button {
    /*margin-left: 10px;*/
    background: url(/images/books/bookpanel-icon.png) -41px -11px;
}

#book-clear-button {
    /*margin-left: 10px;*/
    background: url(/images/books/bookpanel-icon.png) -81px -11px;
}

#book-delete-button {
    /*margin-left: 10px;*/
    margin-right: 10px;
    background: url(/images/books/bookpanel-icon.png) -124px -9px;
    border: none;
}

#book-export-button:hover,
#book-edit-button:hover,
#book-clear-button:hover,
#book-delete-button:hover {
    background-color: #e5e5e5;
    cursor: pointer;
}


#book-add-new-book-button-container .button-pure-blue:hover {
    background: #4d8ec4;
    border-color: #4d8ec4;
}
/*
#book-delete-button + .tooltip.top > .tooltip-inner {
    padding: 0 0 0 2px;
    width:
    height: 25px;
    line-height: 25px;
}
 */

#book-loading {
    margin-bottom: 68px;
}


















/* responsive style */
.load-more-bookPanel {
    position: relative;
    display: none;
    margin: 0 auto;
    width: 200px;
    height: 40px;
    margin-bottom: 50px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    /*border: 1px solid #ccc;*/
    background: #4F93CC;
    color: #fff;
    cursor: pointer;
}

.load-more-bookPanel-loading {
    width: 100px !important;
}

.load-more-bookPanel:hover {
    background: #4e8abd;
}

.load-more-bookPanel .fa-refresh {
    position: relative;
    top: -1px;
    font-size: 14px;
}

.load-more-bookPanel .fa-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    font-size: 18px;
}

.col-center-block {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.center-upload-times,
.center-storage-progress {
    display: none !important;
}

.padding-wrap {
    /*padding: 40px 40px 0 40px;*/
    padding: 40px;
    width: 100%;
}

.center-right-panel {
    background: #fff;
}


.cc-right-main-wrap {
    max-width: 960px;
    margin: 0 auto;
}

.center-right-panel .center-right-inner {
    /*height: 100%;*/
}

.center-title-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.center-title-right-wrap {
    float: right;
}

.center-title,
.center-caption-container {
    height: auto !important;
}



.cc-book-search-wrap {
    display: block;
}

@media (max-width: 1250px) {
    .book-add-new-book-button,
    .book-add-batchUpload-book-button {
        font-size: 18px !important;
    }

    .add-new-book-icon,
    .upload-new-book-icon {
        padding-left: 0;
        background: none;
    }

    .add-new-book-icon .icon,
    .upload-new-book-icon .icon  {
        display: none;
    }

}

@media (max-width: 1130px) {
    .book-folder-panel {
        height: auto;
    }

    .center-title-text,
    .center-caption {
        border-bottom: 1px solid #F4F4F4;
    }

}


@media (max-width: 992px) {
    .padding-wrap {
        padding: 10px;
    }

    .book-add-new-book-button {
        width: 49%;
        margin-right: 1%;
    }

    .book-add-batchUpload-book-button {
        width: 49%;
        margin-left: 1%;
    }
}


@media (max-width: 820px) {
    .center-title-right-wrap {
        padding: 0 6px 0 0;
    }

    .center-storage-progress .progress {
         display: none;
    }

    .center-storage-progress .billing-services-label {
         padding-right: 6px;
    }
}


@media (max-width: 768px) {
    .book-main-info-container span#folder-title,
    .book-main-info-container span.muti {
        /*width: 74%;*/
    }

    .book-main-info-container .book-main-info {
        margin-bottom: 9px;
    }

    .center-main .padding-wrap {
        padding: 40px 10px;
    }

    #folder-title {
        /*max-width: 70%;*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


}


@media (max-width: 626px) {
    .book-logo-container {
        display: none;
    }

    .book-main-info-container {
        min-height: 100px;
        padding: 15px 15px 0 15px;
        width: 100%;
        height: auto;
    }

    .book-main-info-container span.muti {
        /*-webkit-line-clamp: 1;*/
        /*width: 58%;*/
    }


    #book-delete-button {
        margin-right: 0;
    }


    .book-add-new-book-button,
    .book-add-batchUpload-book-button {
        padding: 4px 0 !important;
        font-size: 14px !important;
    }


    .center-upload-times {
        top: 0 !important;
    }

    .center-title-right-wrap {
        /*float: none;*/
    }

    .center-storage-progress {
        position: static !important;
        padding: 10px 0;
    }

    .center-title-cycleBin {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .center-storage-progress .billing-services-label {
        margin-right: 10px;
    }

    .center-storage-progress .progress,
    .center-title-cut {
        display: none;
    }

    .book-desc-container {
        padding-left: 0;
    }

    .book-folder-toolbar {
        float: right;
    }

    .small-search-btn {
        display: inline-block;
        position: absolute !important;
        right: 15px;
        width: 35px;
        height: 35px;
        border: 1px solid #ccc;
        cursor: pointer;
    }

    .small-search-btn-icon {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -10px;
        margin-left: -10px;
        width: 20px;
        height: 20px;
        background: url(/images/books/bookpanel-icon.png) -135px -98px;
    }

    .small-search-btn:hover {
        border-color: #aaa;

    }

    .small-search-btn .icon-search {
        position: absolute;
        right: 50%;
        top: 50%;
        margin-right: -7px;
        margin-top: -7px;
    }


    .cc-book-search-wrap-show {
        display: block !important;
    }

    .cc-book-search-wrap {
        display: none;
        width: 100%;
        margin-top: 20px;
    }

    .book-privacy-select-wrap,
    .book-status-select-wrap,
    .book-order-select-wrap {
        padding-right: 2px;
    }

    .book-status-select-wrap,
    .book-order-select-wrap {
        padding-left: 0;
        width: 27%;
    }

}



@media (max-width: 460px) {
    .book-logo-container {
        display: none;
    }

    .book-main-info-container {
        min-height: 100px;
        padding: 15px 15px 0 15px;
        width: 100%;
        height: auto;
    }

    #folder-title {
        /*max-width: 55%;*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .book-main-info-container span.muti {
        -webkit-line-clamp: 1;
        max-height: 18px !important;
        height: 18px;
        /*width: 58%;*/
    }


    #book-delete-button {
        margin-right: 0;
    }

    .cc-book-desc {
        -webkit-line-clamp: 4;
    }

    .book-back-href span {
        display: none;
    }

    .book-back-href-icon {
        position: absolute;
        left: 9px;
    }



}




@media (min-width:993px) and (max-width: 1080px) {
   .book-main-info-container span#folder-title,
   .book-main-info-container span.muti {
        /*width: 76%;*/
   }

   .center-storage-progress .progress {
        display: none;
   }

   .center-storage-progress .billing-services-label {
        padding-right: 6px;
   }


}

/*
@media (min-width:768px) {
    .cc-book-search-wrap {
        display: block !important;
    }
}*/



@media (min-width:993px) {
    .book-filter-container {
        padding: 0 15px;
    }

    .book-filter-left-container {
        float: left;
        width: 64%;
    }

    .book-privacy-select-wrap,
    .book-status-select-wrap,
    .book-order-select-wrap {
        padding: 0 10px 0 0 !important;
    }

    .book-privacy-select-wrap,
    .book-status-select-wrap {
        width: 20%
    }


    .book-order-select-wrap {
        width: 60%;
        padding-right: 0 !important;
    }

    .cc-book-search-wrap {
        float: right;
        padding: 0 !important;
        width: 34% !important;
    }

    .book-filter-container .cc-book-search {
        padding-right: 10px;
    }

    .book-filter-container .icon-search {
        right: 10px;
    }



}