/* Idea List */
.idea-border-bottom { border-bottom: 1px solid var(--mag-element-border-color); }
.ideas-body-content { background-color:var(--mag-page-bg-200); }
.idea-list-panel { min-height: 450px; margin: 0; }
.idea-sidebar { min-width:200px; padding-bottom:15px; padding-top:5px; }
.idea-content { min-height:450px; }
.idea-item { padding:0 20px 20px 20px; position:relative; min-height:180px; }
.idea-item .media { margin-top:20px; }
.idea-item .pull-left { padding-right:15px; }
.idea-item .idea-desc { max-width:600px; line-height:150%;word-break: break-word; overflow-wrap: break-word }
.idea-item .info-wrapper { margin-top:5px; margin-bottom:5px; }
.idea-item .idea-status { padding:3px 0 6px 0; }
.idea-item .idea-user-title { padding-bottom:10px; font-weight:bold; }
.idea-item .social-link { font-size:1.2em; margin-right:4px; }
.idea-item .social-col { text-align:right; }

.idea-banner.mag-module-banner-container { margin-bottom: 20px; }
.idea-banner.mag-module-banner-container ~ .content-width-with-padding { padding:0 15px;}

.breadcrumbs { padding-left: 8px; }
.idea-inline-menu { border-bottom: 1px solid var(--mag-element-border-color); }
.idea-comment, .no-comment-to-display { padding: 20px 15px; }
.idea-new-comment-area { padding-top:10px; }
.comment-inline-actions { transition:all 0.1s ease;}

.comment-body { position:relative; padding-top:5px; }
.comment-time { margin-top:10px; display:inline-block; }
.idea-comment { margin-top:0; }
.idea-cmt-act-col { min-height:24px; position:relative; }

/* evaludate? */
.list-item-inner { border-bottom: 1px solid var(--mag-element-border-color); padding-bottom: 12px; }
.idea-result-count { font-size:0.8em; margin-left:20px; font-weight:normal; }
.idea-list-actions { position:absolute; top:0; right:10px; }

/* button styles */
.index-vote-buttons { float:right; margin-left:10px; position:relative; }
.idea-points-lbl { font-weight:bold; text-transform:uppercase; font-size:0.9rem; }
.index-vote-buttons .btn { margin-bottom:6px; margin-right:0; }
.index-vote-buttons .btn i { font-size:1.4em; }
.index-vote-buttons .score { text-align:center; font-weight:bold; padding:1px 0; font-size:1.4rem;}
.list-vote-buttons { position:absolute; left:2px; top:4px; display:inline-block; }
.index-vote-buttons .btn-up, .index-vote-buttons .btn-down { text-align:center; min-width:70px; margin-left:0 !important; padding-top:2px; padding-bottom:2px; }
.btn-hidden { display:none !important; }
.score-highlighted { font-size:1.3em; color:red; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }

/* idea sidebar */
.idea-right-sidebar-cell { padding-top:15px; }
.idea-nav { list-style-type: none; margin:0; padding:0; }
.idea-nav a { text-decoration:none; display:block; font-size:1.1rem; padding:2px 12px;}
.idea-nav a.bg-primary { color: var(--mag-primary-text-color); }
.idea-nav a h5 { margin:5px 0; }
.nav-heading { margin: 10px 0; border-top: 1px solid var(--mag-element-border-color); }
.nav-heading-inner { border-top: 1px solid var(--mag-element-border-color); padding-left: 12px; padding-top: 10px; }
.cat-link { position:relative; }
.ui-mobile .breadcrumbs { padding-bottom:10px; } 

@media(max-width:780px) {
    .idea-item .social-col { text-align:left; padding-bottom:10px; }
    .idea-filter-box { margin-bottom:15px; }
}

@media(max-width:767px) {
    .ideas-list-col #idealistpanel { border-radius: var(--mag-border-radius); }
}

@media(max-width:450px) {
    .idea-item { min-height:235px; }
    .index-vote-buttons { position:absolute; top:80px; margin-left:0; }
    .idea-cmt-act-col { padding-top:20px;}
    .comment-inline-actions { position:inherit; }
    .idea-time { display:block; padding-bottom:16px; }
    .idea-inline-actions a, .comment-inline-actions a{ font-size:smaller; white-space:nowrap;}
    .idea-inline-actions .actions-list { float: right; bottom: 18px; position: relative;}
    #ideas_action_items { display:none !important; }
}

.category-wrapper { list-style-type: none; margin-left: 40px; }
.categories { width:20%; list-style-type: none; position: relative; left: -40px; font-size: .9em; }
.new-category { cursor: pointer; font-size: .7em; position: relative; bottom: 1px; right: 4px; }
.sorting { width:20%; list-style-type: none; }

.list-item-inner { border-bottom: 1px solid var(--mag-element-border-color); padding-bottom: 12px; }
.time, .itemSeperator { color: var(--mag-base-400); }
.time { font-size: smaller; }
.post-social-sharing { display:block; clear:both; margin-top:15px; }
.social-item { position:relative; float:left; margin-right:10px; }

/* button styles */
.list-vote-buttons { position: absolute; left: 2px; top: 4px; display:inline-block; }
.btn-hidden { display:none; }

/* Abuse */
.ideas-abuse { padding-top: 16px; }
.abuse-title { font-size:1.4em; font-weight: bold; padding-top: 16px; }
.abuse-title-view-other { font-size: .8em; font-weight: normal; cursor: pointer; text-decoration: underline; }
.abuse-report-count {  }
.reported-post { border: 3px solid #a00; border-radius: var(--mag-border-radius); }

.user-vote-block { margin: 0 12px 22px 12px; width: 74px; height:74px; float:left; position:relative; overflow:hidden; }
.user-vote-block .user-vote { position:absolute; top:6px; left:6px; display:none; background-color:rgba(0,0,0,0.7); font-size:1.4em; border-radius:var(--mag-border-radius); }
.user-vote-block .btn_up { color:#3ad134; }
.user-vote-block .btn_down { color:#ff5454;  }
.user-vote-block .user-vote-name { text-align:center; color:white; padding:1px; font-size:0.8em; position:absolute; bottom:-30px; left:0px; display:none; background-color:rgba(0,0,0,0.7); 
                                   -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;
                                    -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.user-vote-block:hover .user-vote { display:block; }
.user-vote-block:hover .user-vote-name { bottom:0px; display:block; }

.idea-banner.mag-module-banner-container { margin-bottom: 20px; }
.idea-banner.mag-module-banner-container ~ .content-width-with-padding { padding: 0 15px; }