/*  Ultimate Points Styling
--------------------------- */
.icon-points { background-image: url("./images/icon_points.gif"); }
.icon-members { background-image: url("./images/icon_members.gif"); }

#cp-menu { float: left; width: 22% !important; margin-top: 1em; margin-bottom: 5px; }
#cp-main { float: left; width: 78% !important; padding-left: 20px; box-sizing: border-box; }

#tabs.tabs { display: block !important; margin-bottom: 1em !important; border-bottom: 1px solid #ddd !important; width: 100% !important; padding-bottom: 0 !important; overflow: hidden; }
#tabs.tabs ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#tabs.tabs li.tab { display: inline-block !important; float: left; margin: 0 2px -1px 0 !important; padding: 10px 15px !important; border: 1px solid #ddd !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; background: #f9f9f9 !important; }
#tabs.tabs li.tab.activetab { background: #fff !important; border-bottom: 1px solid #fff !important; }
#tabs.tabs li.tab a { color: #337ab7 !important; text-decoration: none !important; }
#tabs.tabs li.tab.activetab a { font-weight: bold !important; color: #333 !important; }
#tabs.tabs li.responsive-tab.dropdown-container { display: none !important; }

.panel h2 .icon, .panel .panel-title .icon { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; }

/* Styling for the Points Info page */
.points-info-list h3 { border-bottom: 1px solid #e1e1e1; padding-bottom: 8px; margin-bottom: 15px; font-size: 1.4em; color: #333; }
.points-info-list dl { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; padding: 10px 0; border-bottom: 1px solid #f2f2f2; margin-bottom: 0; }
.points-info-list dl:last-child { border-bottom: none; }
.points-info-list dt { font-weight: normal; color: #555; padding-right: 15px; }
.points-info-list dd { font-weight: bold; color: #007bff; text-align: right; }
.points-info-list dd .points-per-word { font-size: 0.9em; font-weight: normal; color: #5cb85c; margin-left: 5px; }