#articles-page{height:100%}#articles-page .quantity-text{vertical-align:top;margin-right:5px;text-transform:none}#articles-page .search-area{padding:5px;background-color:#ecf0f1}#articles-page #articles-panel{background-color:#ecf0f1;height:calc(100% - 70px)}#articles-page #articles-panel ol{padding:0;margin:0}#articles-page #articles-panel #articles-items{max-height:calc(100% - 70px + 15px);min-height:calc(100% - 70px + 15px);overflow-y:auto;overflow-x:hidden}#articles-page #articles-panel .articles-item-header{padding:10px 15px;margin:0;text-align:center;border-width:2px 0;border-style:solid;border-color:#2c3e50}#articles-page #articles-panel .articles-item{padding:10px 15px;margin:0;font-weight:700}#articles-page #articles-panel .articles-item>div{vertical-align:middle;white-space:normal;word-break:break-word}#articles-page #articles-panel .articles-item:hover{background-color:#ddd}#articles-page #articles-panel .articles-item .available{display:inline-block;background-color:#2ecc71;min-width:30px;min-height:30px;border-radius:20px 20px;margin:0 auto;color:#fff;padding:2px 3px;text-align:center;vertical-align:middle}#articles-page #articles-panel .articles-item .available span{display:inline;line-height:31px}#articles-page #articles-panel .articles-item .available.not{background-color:#e74c3c}#articles-page #articles-panel .articles-item .available.not span{visibility:hidden}.article-color.teal{color:#1abc9c}.article-color.black{color:#34495e}.article-color.purple{color:#9b59b6}.article-color.grey{color:#dcdcdc}.article-color.green{color:#2ecc71}.article-color.blue{color:#2980b9}.article-color.yellow{color:#f1c40f}.article-color.orange{color:#e67e22}.article-color.red{color:#e74c3c}