/*
 * 豆瓣编辑器样式
 * 文件功能：豆瓣数据采集相关的CSS样式
 */

/* 弹窗样式 - 电影列表 */
#douban-select-modal .modal-dialog {
    max-width: 500px !important;
    width: 95% !important;
}

#douban-select-modal .modal-content {
    width: 500px !important;
    height: 350px !important;
    overflow: hidden;
}

#douban-select-list {
    max-height: calc(330px - 120px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

@media (max-width: 767px) {
    #douban-select-modal .modal-dialog {
        max-width: 98vw !important;
        width: 98vw !important;
    }

    #douban-select-modal .modal-content {
        width: 98vw !important;
        height: 70vh !important;
        max-height: 70vh !important;
    }

    #douban-select-list {
        max-height: calc(70vh - 120px) !important;
    }
}

#douban-modal-title {
    background: #fff;
    border-bottom: 1px solid #dcdcde;
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
    margin: 0;
}

/* 选择电影弹窗的取消按钮占满按钮区域高度 */
#douban-select-modal .modal-buts.but-average {
    display: flex !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 50px !important;
}

#douban-select-modal .modal-buts .but[data-dismiss="modal"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    flex: 1 !important;
    align-self: stretch !important;
}



/* TinyMCE豆瓣图标 */
.mce-i-zibll-douban-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNzY0OTkxNTA1NDA1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI3ODAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTQxMS41MiA1NzQuNzJhOTY5LjkyIDk2OS45MiAwIDAgMSA1OS44NCAxMTcuMjhoODMuMzZhNjY4LjE2IDY2OC4xNiAwIDAgMCA2MC44LTExNy4yOHoiIGZpbGw9IiM2MUNENzIiIHAtaWQ9IjI3ODEiPjwvcGF0aD48cGF0aCBkPSJNNTEyIDczLjI4QTQzOC43MiA0MzguNzIgMCAxIDAgOTUwLjcyIDUxMiA0MzguNzIgNDM4LjcyIDAgMCAwIDUxMiA3My4yOHogbS0yMTUuMzYgMjI4LjhoNDM0Ljg4djQ0LjE2SDI5Ni42NHpNNzQxLjYgNzM2SDI4My41MnYtNDRoMTM2Ljk2QTYxMi44IDYxMi44IDAgMCAwIDM2OCA1OTcuNDRsMzUuMi0yMi43MmgtNjIuNHYtMTc2aDM0OHYxNzZINjI0bDM1LjM2IDIzLjJBNjMzLjEyIDYzMy4xMiAwIDAgMSA2MDggNjkyaDEzNC4yNHoiIGZpbGw9IiM2MUNENzIiIHAtaWQ9IjI3ODIiPjwvcGF0aD48cGFhdGggZD0iTTM4OS40NCA0NDMuNjhINjQwdjg2LjU2SDM4OS40NHoiIGZpbGw9IiM2MUNENzIiIHAtaWQ9IjI3ODMiPjwvcGFhdGg+PC9zdmc+") !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-block !important;
}