/**
 * @copyright   (C) 2011 - 2017 Mike Feng Jinglong - All rights reserved.
 * @license  GNU General Public License, version 3 (http://www.gnu.org/licenses/gpl-3.0.html)
 * @author  Mike Feng Jinglong <mike@simbunch.com>
 * @url   http://www.simbunch.com/license/
*/

body.modal-open {overflow:hidden !important;}
.simbunch-wrapper * {box-sizing:border-box !important;}
.simbunch-wrapper a {cursor: pointer;}
.simbunch-wrapper a.muted {color:#999999 !important;}
.simbunch-wrapper .btn {outline:none !important;}
.simbunch-wrapper .btn .caret {margin:0;}
.fa-spin {filter:blur(0);}
.inline-block {display:inline-block !important;line-height:normal;vertical-align:top;}
.block {display:block !important;width:auto}
.relative {position:relative !important;}
.no-padding {padding:0 !important;}
.no-margin {margin:0 !important;}
.black {color:#000 !important;}
.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.simbunch-wrapper .modal form {margin:0;}
.modal-backdrop + .modal-backdrop {visibility:hidden;}
.bordered {border:1px solid #ddd;}

.simbunch-wrapper {clear:both;margin-bottom:15px;}
.simbunch-wrapper .checkbox label {padding-left:5px;line-height:1.42857;}
.simbunch-wrapper:after {clear:both;content:"";display:table;}
.simbunch-wrapper [data-notify=progressbar] {margin-bottom: 0px;position: absolute;bottom: 0px;left: 0px;width: 100%;height: 5px;}
.simbunch-wrapper .saavatartip, .simbunch-wrapper ._saavatartip {display:inline-block;}
.simbunch-wrapper .saAvatarPopover {margin:5px 0;width:320px;z-index:10000;max-width:none;overflow:hidden}
.simbunch-wrapper .confirmation.popover {z-index:10000;}
.simbunch-wrapper .confirmation.popover .popover-title {text-align:center;white-space:nowrap;}
.simbunch-wrapper .centered {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.simbunch-wrapper .btn.btn-tiny {padding:0 !important;margin:0;width:18px;height:18px;border-radius:0 !important;}
.simbunch-wrapper .btn.btn-tiny .fa {font-size:13px !important; display:block;height:16px;width:16px;line-height:16px;}
.simbunch-wrapper .btn.btn-tiny.btn-link .fa {font-size:14px !important;}
.simbunch-wrapper .col-xs-2-4, .simbunch-wrapper .col-sm-2-4, .simbunch-wrapper .col-md-2-4, .simbunch-wrapper .col-lg-2-4 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.simbunch-wrapper .col-xs-2-4 {width: 20%;float: left;}
.simbunch-wrapper .carousel-control {border:none;border-radius:0;font-weight:normal;height:auto;line-height:inherit;margin-top:0;}
.simbunch-wrapper .form-horizontal .control-label.col-sm-2 {width:16.66666667% !important;}
.simbunch-wrapper .form-horizontal .control-label.col-sm-3 {width:25% !important;}
.simbunch-wrapper .form-horizontal .control-label.col-sm-4 {width:33.33333333% !important;}
.simbunch-wrapper .tooltip.fade.in {z-index:2000;}
.simbunch-wrapper .label {padding:0.3em 0.6em;}

.simbunch-wrapper .enscroll-track {width: 10px;background: rgba(0, 0, 0, 0);margin-right: 2px;border-radius: 10px;-webkit-transition: background 250ms linear;transition: background 250ms linear;}
.simbunch-wrapper .enscroll-track:hover, .simbunch-wrapper .enscroll-track.dragging {background: #d9d9d9;background: rgba(0, 0, 0, 0.15);}
.simbunch-wrapper .enscroll-track .vertical-handle {width: 7px;right: 0;background: #999;background: rgba(0, 0, 0, 0.4);border-radius: 7px;-webkit-transition: width 250ms;transition: width 250ms;cursor:default !important;}
.simbunch-wrapper .enscroll-track:hover .vertical-handle, .simbunch-wrapper .enscroll-track.dragging .vertical-handle {width: 10px;}

/* avatar tip */
.saAvatarPopover .avatar_tip_popup {width: 300px;}
.saAvatarPopover .avatar_tip_popup .avatar_tip_popup-left {float:left; margin-right:8px;text-align:center;}
.saAvatarPopover .avatar_tip_popup .avatar_tip_popup-right {overflow:hidden; vertical-align:top;}
.saAvatarPopover .avatar_tip_popup .avatar_tip_popup-bottom {background-color:#eee;text-align:right;padding:5px 8px;border-radius:5px;margin-top:8px;}

.saAvatarPopover .avatar_tip_popup .avatar_tip_popup-left .fa-stack {font-size:40px;color: #fcc000}
.saAvatarPopover .avatar_tip_popup .avatar_tip_popup-right div {line-height:14px;font-size:12px;}
.saAvatarPopover .avatar_tip_popup .avatar_tip_popup-right .albl {line-height:32px;font-size:20px;font-weight:bold;}
.saAvatarPopover .avatar_tip_popup .avatar_tip_popup-left .fa-stack .fa-stack-1x {font-size:smaller;color:#6e6e6e;font-weight:bold;}
.saAvatarPopover .avatar_tip_popup .avatar_tip_popup-right .blbl {font-size:14px;margin-top:4px;padding-top:4px;border-top:1px solid #6e6e6e;}

.simbunch-wrapper .form-inline .form-group {margin-left:0;margin-right:0;}
.simbunch-wrapper .modal.fade.in {top:0;position:fixed;overflow-x:hidden !important;overflow-y:auto !important;}
.simbunch-wrapper .modal-body {max-height:none;overflow-y:inherit;}
.simbunch-wrapper .form-horizontal .form-group label {margin-bottom:0;padding-top:7px;text-align:right;line-height:normal;}
.simbunch-wrapper .checkbox label, .simbunch-wrapper .radio label {padding:0 0 0 5px !important;text-align:left !important;line-height:normal !important;}
.simbunch-wrapper .modal.fade.in {z-index:2000;}
.simbunch-wrapper .dropdown-menu .divider {border:0;}

/* ======================================================================== */

.simbunch-wrapper .typeahead.dropdown-menu {width:100%;}
.simbunch-wrapper .media > .pull-left .sa-avatar-border {margin:5px;}
.simbunch-wrapper .sa-avatar-border {border-radius:100px; box-shadow:1px 1px 1px rgba(49, 128, 194, 0.7), -1px -1px 1px rgba(49, 128, 194, 0.7), -1px 1px 1px rgba(49, 128, 194, 0.7), 1px -1px 1px rgba(49, 128, 194, 0.7);}
.simbunch-wrapper .avatar-96 {width:96px;height:auto;}
.simbunch-wrapper .avatar-48 {width:48px;height:auto;}
.simbunch-wrapper .avatar-40 {width:40px;height:auto;}
.simbunch-wrapper .level-badge {cursor:default;}

#simanswers-wrapper {position:relative;}
#simanswers-wrapper .avatar-left {float:left; margin-right:10px;position:relative;z-index:10;}
#simanswers-wrapper .content-right {overflow:hidden; vertical-align:top; clear:right;}
#simanswers-wrapper a.fa {text-decoration:none;}

#simanswers-main-wrapper > .pane-wrapper {display:flex;flex-wrap:wrap;}
#simanswers-main-wrapper > .pane-wrapper > [class*='col-'] {display:flex;flex-direction:column;}
#simanswers-main-wrapper > .pane-wrapper > .left-pane nav {height:100%;border-radius:4px 0 0 4px;border-right:0;padding:0}
#simanswers-main-wrapper > .pane-wrapper > .right-pane {border-radius:0 4px 4px 0;padding-top:10px;padding-bottom:10px;}
#simanswers-main-wrapper .top-links {margin-top:10px;}
#simanswers-main-wrapper .top-links .sa-avatar-border {margin-right:5px;width:18px;}
#simanswers-main-wrapper .top-links i.fa {margin-right:4px;}
#simanswers-main-wrapper .bottom-links {margin-top:15px;padding:15px;border-top:1px solid #ddd;}
#simanswers-main-wrapper > .pane-wrapper > .left-pane .notification-bubble {position:absolute;left:12px;top:0px;font-size:9px;border-radius:30px;padding:1px 3px;background-color:#a94442;line-height:10px;color:#fff;min-width:11px;text-align:center;}
#simanswers-main-wrapper .saNotifPopover {max-width:100vw;width:380px;}
#simanswers-main-wrapper .saNotifPopover .popover-title .pull-right {margin-top:-2px;}
#simanswers-main-wrapper .saNotifPopover .popover-content {padding:0;}
#simanswers-main-wrapper .saNotifPopover .list-group-item {padding:5px 8px;border-radius:0;margin:auto -1px;}
#main-cats-list {list-style:none;margin:10px 0 0}
#main-cats-list > li.active > a {font-weight:bold;}
#simanswers-search-form .typeahead.dropdown-menu {z-index:2000;}
#simanswers-search-form .typeahead.dropdown-menu .btn-ask-wrapper {padding:0 5px;}
#simanswers-search-form .typeahead.dropdown-menu .btn-ask {font-size:16px;font-weight:500;}
#simanswers-search-form .typeahead.dropdown-menu > li > a {overflow:hidden;text-overflow:ellipsis;}

#simanswers-wrapper .star-border {border:1px solid #ddd;border-radius:3px;font-size:0;display:inline-block;width:22px;height:22px;}
#simanswers-wrapper .star-border > a {width:100%;height:100%;line-height:20px;font-size:16px;text-align:center;text-decoration:none;}
#simanswers-wrapper a.fa-star-o {color:#ddd;}
#simanswers-wrapper a.fa-star {color:#ffcc00;}

#categories-pane > .clearfix {padding:7px 0;}
#categories-pane > .clearfix > [class*=col-] {padding:0 10px;}
#categories-pane .cat-description {background-color:#fff;padding:0 15px;}
#categories-pane .cat-description blockquote {padding:7px 10px;}

.questions-panel .panel-heading {padding-top:0;padding-bottom:0;}
.questions-panel .panel-heading .sub {border-top:1px solid #ddd;}
.questions-panel .panel-heading a.heading-item {display:inline-block;font-size:18px;outline:none;line-height:2.2em;margin:0 10px -2px 10px;text-decoration:none;border-bottom-width:2px}
.questions-panel .panel-heading .sub a.heading-item {font-size:14px;line-height:2em;}
.questions-panel .panel-heading a.heading-item:hover, .questions-panel .panel-heading a.heading-item.active {border-bottom:2px solid #cc0000;}
.questions-panel .question-item .qn-details-show, .questions-panel .question-item .qn-best-answer {font-size:12px;max-height:125px;overflow:auto;line-height:18px;}
.questions-panel .question-item .qn-best-answer {margin-top:5px;}

#frontpage-carousel {padding:15px 50px;height:auto;width:100%}
#frontpage-carousel .carousel-control {width:10%;background:none;color:#666;width:48px;}
#frontpage-carousel .carousel-control:hover {color:#121212;}
#frontpage-carousel .carousel-control > * {display:inline-block;position:absolute;margin-top:0;top:50%;transform:translateY(-50%);font-size:24px;height:24px;width:24px;}
#frontpage-carousel .carousel-control > .fa-chevron-left {margin-left:-10px;left:50%;}
#frontpage-carousel .carousel-control > .fa-chevron-right {margin-right:-10px;right:50%;}
#frontpage-carousel .carousel-indicators {margin:0;width:auto;bottom:auto;left:auto;top:10px;right:10px;}
#frontpage-carousel .carousel-indicators li {border:1px solid #666;}
#frontpage-carousel .carousel-indicators li.active {background-color:#666;}
#frontpage-carousel .carousel-inner {padding:0 5px;}
#frontpage-carousel .carousel-inner blockquote {max-height:99px;width:100% !important;padding:8px 10px;line-height:1.1;}
#frontpage-carousel h4 {margin-top:0;}

#simanswers-wrapper .load-more-items-spinner {margin:0 auto;text-align:center;float:both;margin-top:30px;display:none;}
#simanswers-wrapper .load-more-items-spinner > a {color:inherit;}

#dashboard-top-pane {border:1px solid; height:150px;margin-bottom:10px;position:relative;}
#dashboard-top-pane a {text-decoration:none;}
#dashboard-top-pane img.avatar {border:1px solid;width:128px;height:128px;position:absolute;top:10px;left:10px;z-index:1;background-color:#fff;}
#dashboard-top-pane .page-header {margin-top:0;margin-bottom:0;border:0;}
#dashboard-top-pane .top-right {padding:10px;}
#dashboard-top-pane .top-right, #dashboard-top-pane .bottom-half {padding-left:148px;}
#dashboard-top-pane .bottom-half {list-style:none;position:absolute;left:0;right:0;bottom:0;height:50px;background-color:rgba(0, 0, 0, 0.5);}
#dashboard-top-pane .bottom-half > li {width:25%;height:100%;vertical-align:middle;float:left;}
#dashboard-top-pane .bottom-half > li:hover {background-color:#000;}
#dashboard-top-pane .bottom-half > li a {display:block;color:#d9edf7;line-height:18px;margin:8px 0px;}
#dashboard-top-pane .bottom-half > li:not(:last-child) a {border-right:1px dotted}
#dashboard-top-pane .bottom-half > li a div {font-size:20px;font-weight:bold;}

#simanswers-wrapper .dashboard-list {padding:5px;list-style:none;}
#simanswers-wrapper .dashboard-list .network-item {padding:5px;}
#simanswers-wrapper .dashboard-list .network-info {line-height:1.2;}

#preferencesForm .edit-avatar-wrapper {position:relative;padding:2px;}
#preferencesForm .edit-avatar-wrapper .sa-avatar-border {width:80px;height:80px;}
#preferencesForm .avatarupload-wrapper {height:40px;width:40px;background-color:rgba(0,0,0,0.5);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#preferencesForm .avatarupload-wrapper i.fa {color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
#preferencesForm .avatarupload-wrapper #avatarupload {cursor:pointer;width:100%;height:100%;position:absolute;top:0;opacity:0;}
#preferencesForm .edit-name-wrapper {line-height:80px;padding-left:15px;}
#preferencesForm .display-name {display:line-block;vertical-align:middle;}

#simanswers-wrapper .fieldcount-wrapper {position:relative;}
#simanswers-wrapper .fieldcount-wrapper .chars-left {opacity:0;position:absolute;bottom:1px;right:1px;transition:opacity 500ms ease-in-out 0s;background-color:rgba(255,255,255,0.8);border-radius:4px 0;padding:3px 5px;line-height:1;border-width:1px 0 0 1px;border-style:solid;border-color:#ddd;}
#simanswers-wrapper .sa-fields-container {margin-bottom:15px;padding:0 15px;width:100%;}

#askform #ask-title-field, #askform #ask-details-field {resize:none;min-height:100px;}
#askform #upload-message {margin-left:20px;}
#askform #upload-message > div {line-height:120px;vertical-align:middle}
#askform #upload-button {width:160px;height:120px;background-color:#eee;vertical-align:middle;border:1px solid;position:relative;}
#askform #upload-button > div {position:relative;top:50%;transform:translateY(-50%);}
#askform #main-photo-container {width:160px;height:120px;position:relative}
#askform #main-photo-container .progress {margin:0;position:absolute;bottom:0;left:0;right:0;height:15px;opacity:0.7;border-radius:4px 4px 0 0;border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;}
#askform #main-photo-container .main-photo-close {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:27px;background-color:rgba(0,0,0,0.5);border-radius:50px;width:50px;height:50px;line-height:50px;color:#fff;vertical-align:middle;opacity:0.75;cursor:pointer}
#askform #main-photo-container .main-photo-close:hover {opacity:1;}
#askform #upload-button input[type=file] {cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;width:100%;height:100%;}

#simanswers-wrapper .breadcrumb > li.no-slash::before {content:"";}
#sa-categories-select-modal {z-index:1200;}
#sa-categories-select-modal .modal-dialog {position:absolute;width:100%;max-width:900px;margin:0 auto;top:50%;left:50%;transform:translate(-50%, -50%);}
#sa-categories-select-modal .breadcrumb {margin-bottom:8px;}
#sa-categories-select-modal .category-row {padding:0 8px;}
#sa-categories-select-modal .category-row > [class*=col-] {padding:7px;margin:0;}
#sa-categories-select-modal .category-row > [class*=col-] > * {line-height:42px;height:42px;background-color:#f5f5f5;text-decoration:none;min-width:200px;}
#sa-categories-select-modal .category-row > [class*=col-] > a:hover {background-color:#ddd;}

#sa-main-photo-modal {text-align:center;}
#sa-main-photo-modal .modal-dialog {max-width:600px;width:auto;display:inline-block;}

.satip-right-tooltip.tooltip.right .tooltip-arrow {border-right-color:#337ab7 !important;}
.satip-right-tooltip.tooltip.left .tooltip-arrow {border-left-color:#337ab7 !important;}
.satip-right-tooltip.tooltip .tooltip-inner {border:3px solid #337ab7;background:#fff;text-align:left;font-size:14px;color:inherit;min-width:220px}
.satip-right-tooltip.tooltip .tooltip-inner > div {white-space:nowrap;}
.satip-right-tooltip.tooltip .tooltip-inner > div > div {display:inline-table;}
.satip-right-tooltip.tooltip .tooltip-inner > div > div.field-left {width:70px;}

/*fields*/
.sa-fields-container label > span.underline {border-bottom:1px dotted;}
.sa-fields-container label .fa {font-weight:normal;font-size:14px;}
.sa-fields-container ul.form-control-static {margin-left:15px;line-height:normal;}
.sa-fields-container .btn-group input {visibility:hidden;position:absolute;}
.sa-fields-container .btn-group label {min-width:62px;text-align:center !important;}
.sa-fields-container .btn-group label.active {font-weight:500;}
.sa-fields-container .dropdown-menu.open {display:block;}
.sa-fields-container .btn-sm {font-size:14px !important;}
.sa-fields-container .has-error .selectpicker, .sa-fields-container .has-error .btn.file-upload-btn {border-color:#a94442;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;background-color:#d9534f;color:#fff;}
.sa-fields-container .has-error .btn-group label {border-color:#a94442;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.sa-fields-container .safield-heading {border-bottom:1px solid #3c763d;padding:0 15px 5px;margin:25px -15px 15px !important}
.sa-fields-container .safield-file input.safield-fileupload {opacity:0;display:inline-block;height:100%;width:100%;position:absolute;top:0px;right:0px;left:0;bottom:0;cursor:pointer;}
.sa-fields-container .safield-file .upload-container {margin-top:7px}
.sa-fields-container .safield-file .filenode {font-size:2em;cursor:pointer;position:relative;display:inline-block;}
.sa-fields-container .safield-file .upload-progress {height:5px;position:absolute;bottom:-10px;width:100%;}
.sa-fields-container .file-wrapper .text-danger:before {content:"*";padding:0 5px;}
.sa-fields-container .file-wrapper .text-danger {margin-top:5px;display:none;}

/* @group: question view  */
#simanswers-wrapper ._samainphoto {cursor:zoom-in;}
#question-body .qn-star {font-size:23px;margin-right:5px;}
#question-body > .media {margin-bottom:5px;overflow:visible;}
#question-body .media-body {position:relative;overflow:visible;}
#question-body:hover .question-sprite {opacity:1;}
#question-body .question-sprite {position:absolute;top:0;right:0;opacity:0;transition:opacity 500ms ease-in-out 0s;}
#question-body .collapse-wrapper label small {font-weight:normal;}
#question-body dl.additional-detail {margin-bottom:8px;}
#question-body dl.additional-detail dt {width:100px;}
#question-body dl.additional-detail dd {margin-left:120px;}
#qn-fields-collapse .qn-fields-pointer {float:right;margin-top:2px;margin-right:45px;width:12px;height:12px;border-top:1px solid #3c763d;border-left:1px solid #3c763d;transform: rotate(45deg);} 
#qn-fields-collapse .ans-fields-section {margin-top:8px;border:1px solid #3c763d;}
#qn-fields-collapse fieldset {margin-top:6px;padding:0 15px;margin-bottom:6px !important;}
#qn-fields-collapse fieldset legend {border-color:#3c763d;margin-bottom:10px;font-size:18px;font-weight:500;}
#qn-fields-collapse .form-group {margin-bottom:0;}
#qn-fields-collapse .safield-file .filenode {font-size:24px;}

#simanswers-wrapper .answer-login-first {display:block;background-color:#fff;padding:15px;text-decoration:none;}
#answer-panel.origin-state #form-sources, #answer-panel.origin-state #upload-photo-field, #answer-panel.origin-state #answer-controls, #answer-panel.origin-state #upload-error {display:none !important;}
#answer-panel.origin-state #form-answer {height:54px !important;min-height:54px !important;}
#answer-panel.stuck {position:fixed;bottom:0;}
#answer-panel {padding:10px;border:1px solid #31708f;z-index:200;}
#answer-panel h4 {margin-top:0;}
#answer-panel .media, #answer-panel .media-body {overflow:visible;}
#answer-panel textarea {min-height:74px;max-height:154px;border-radius:0;box-shadow:none;}
#answer-panel #form-sources {border-top:none;display:none;}
#answer-panel #mainphotoupload {opacity:0;display:inline-block;height:100%;width:100%;position:absolute;top:0px;right:0px;left:0;bottom:0;cursor:pointer;}
#answer-panel #answer-controls {background-color:#eee;}
#answer-panel #answer-controls [class*=col-] {padding-left:0;padding-right:0;}
#answer-panel #answer-controls > div > * {line-height:38px;height:38px;text-align:center}
#answer-panel #answer-controls > div:first-child > * {cursor:pointer;}
#answer-panel #answer-controls > div:first-child > *.muted {cursor:default;}
#answer-panel #answer-controls > div:last-child {padding-right:10px;}
#answer-panel #answer-controls > div button {position:relative;top:50%;transform:translateY(-50%);}
#answer-panel #upload-photo-field, #answer-panel #fieldForm {background-color:#fff;border-width:0 1px;border-style:solid;border-color:#ddd;}
#answer-panel #fieldForm {padding:0 15px;overflow:visible;}
#answer-panel #fieldForm.collapsing {overflow:hidden;}
#answer-panel #main-photo-container {width:160px;height:120px;position:relative}
#answer-panel #main-photo-container .progress {margin:0;position:absolute;bottom:0;left:0;right:0;height:15px;opacity:0.7;border-radius:4px 4px 0 0;border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;}
#answer-panel #main-photo-container .main-photo-close {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:27px;background-color:rgba(0,0,0,0.5);border-radius:50px;width:50px;height:50px;line-height:50px;color:#fff;vertical-align:middle;opacity:0.75;cursor:pointer}
#answer-panel #main-photo-container .main-photo-close:hover {opacity:1;}

#simanswers-wrapper[data-view="question"] hr {border-width:5px 0 0;}
#best-answer {padding:10px 15px;}
.answers-body .qn-reported, .answers-body .ans-reported, .answers-body .cmt-reported {border:1px dashed #a94442;padding:5px;background:url(../images/flagged.png) no-repeat top right;}
.answers-body .answer-item {position:relative;}
.answers-body .answer-item .answer-sprite {position:absolute;top:0;right:0;transition:opacity 500ms ease-in-out 0s;opacity:0;}
.answers-body .answer-item:hover .answer-sprite {opacity:1;}
.answers-body .answer-item:not(:last-child) {border-bottom:1px solid #ddd;padding-bottom:10px;}
.answers-body .answer-item .thumbnail {width:64px;height:auto;margin-bottom:10px;}
.answers-body .answer-controls > * {margin-bottom:5px;}
.answers-body .star-container, .answers-body .star-info {vertical-align:middle;line-height:20px;}
.answers-body .star-info {margin-left:10px;font-weight:bold;}
.answers-body .star-rating {cursor:pointer;direction: rtl;text-align: center;}
.answers-body .star-rating > span {vertical-align:middle;display: inline-block;position: relative;overflow: hidden;width: 1em;font-size:1.5em;}
.answers-body .star-rating > span:hover {text-indent: 9999px;}
.answers-body .star-rating > span.selected:before,
.answers-body .star-rating > span.selected ~ span:before,
.answers-body .star-rating > span:hover:before,
.answers-body .star-rating > span:hover ~ span:before {content: "\2605";position: absolute;top: -2px;left: 0;font-size:1em;color:#FFCC00;}
.answers-body .ans-fields-panel {margin-top:-3px;}
.answers-body .ans-fields-pointer {float:right;margin-top:2px;margin-right:154px;width:12px;height:12px;border-top:1px solid #3c763d;border-left:1px solid #3c763d;transform: rotate(45deg);} 
.answers-body .ans-fields-section {margin-top:8px;border:1px solid #3c763d;}

.answers-body .comments-panel {margin-top:-3px;}
.answers-body .comments-pointer {float:right;margin-top:2px;margin-right:50px;width:12px;height:12px;border-top:1px solid #8a6d3b;border-left:1px solid #8a6d3b;transform: rotate(45deg);} 
.answers-body .comments-section {margin-top:8px;border:1px solid #8a6d3b;}
.answers-body .comments-section > .media {padding: 0 10px 10px;}
.answers-body .comments-section > .media .btn-primary {margin-top:5px;}
.answers-body .comment-item {position:relative;padding:5px 10px;width:100%;}
.answers-body .comment-item > .comment-sprite {position:absolute;top:3px;right:5px;transition:opacity 500ms ease-in-out 0s;opacity:0;}
.answers-body .comment-item:hover > .comment-sprite {opacity:1;}
.answers-body .comment-item:hover {background-color:#eee;}
.answers-body .edit-answer-form textarea.form-answer {border-radius:4px 4px 0 0;}
.answers-body .edit-answer-form textarea.form-sources {border-radius:0 0 4px 4px;border-top:0;margin-bottom:5px;}

/*group: leaderboard*/
#simanswers-wrapper[data-view="leaderboard"] > h2 {margin-bottom:0;}
#simanswers-wrapper[data-view="leaderboard"] ul.nav {border:0;}
#simanswers-wrapper[data-view="leaderboard"] ul.nav > li > a {font-size:16px;padding:5px 8px;}
#simanswers-wrapper[data-view="leaderboard"] ul.nav > li:last-child > a {margin:0;}
#simanswers-wrapper[data-view="leaderboard"] ul.nav > li.active > a {background-color:#d9edf7;}
.simbunch-wrapper .leaderboard-tbody tr.active {font-weight:bold;border-collapse:#3a87ad;}
.simbunch-wrapper .leaderboard-tbody td {vertical-align:middle !important;}
.simbunch-wrapper .leaderboard-tbody .media-body {display:inline;}
.simbunch-wrapper .leaderboard-tbody .rank {width:1%;}
.simbunch-wrapper .leaderboard-tbody .points, #leaderboard-table .questions, #leaderboard-table .answers {width:65px;}

/*group: notifications*/
#simanswers-wrapper[data-view="notifications"] > h2 {margin-bottom:0;}
#simanswers-wrapper[data-view="notifications"] ul.nav {border:0;}
#simanswers-wrapper[data-view="notifications"] ul.nav > li > a {font-size:14px;padding:5px 8px;}
#simanswers-wrapper[data-view="notifications"] ul.nav > li:last-child > a {margin:0;}
#simanswers-wrapper[data-view="notifications"] ul.nav > li.active > a {background-color:#d9edf7;}
#simanswers-wrapper[data-view="notifications"] .notifications-list li {padding:5px 10px;}

#sa-edit-field-modal .modal-dialog {position:absolute;width:100%;max-width:600px;margin:0 auto;top:50%;left:50%;transform:translate(-50%, -50%);}

/* @group: shop pages  */
#simanswers-wrapper .plan-item-wrapper {padding:10px;}
#simanswers-wrapper .plan-item {position:relative;}
#simanswers-wrapper .plan-item-inner {
	position:relative;border-radius:7px;overflow:hidden;
	box-shadow:1px 1px 1px rgba(49, 128, 194, 0.7), -1px -1px 1px rgba(49, 128, 194, 0.7), -1px 1px 1px rgba(49, 128, 194, 0.7), 1px -1px 1px rgba(49, 128, 194, 0.7);
}
#simanswers-wrapper .plan-name {font-weight:bold;padding:10px 0;margin:0;font-size:18px;}
#simanswers-wrapper .plan-image {}
#simanswers-wrapper .plan-image img {height:auto;width:auto;}
#simanswers-wrapper .plan-price, #simanswers-wrapper .plan-teaser, #simanswers-wrapper .btn-buy {margin-top:5px;}
#simanswers-wrapper .btn-buy {margin-bottom:10px;}

#simanswers-wrapper.layout-checkout h3 .plan-price {line-height:inherit;padding:0.2em 0.6em 0.3em;font-weight:700;font-size:60%;margin-left:10px;}
#simanswers-wrapper.layout-checkout #discount_code {padding:4px 8px;width: calc(100% - 18px)}
#simanswers-wrapper.layout-checkout .form-control-static {margin:0;padding-top:5px;}
#simanswers-wrapper.layout-checkout #shop-login-form .control-group {float:left; margin:0 15px 10px 0;}
#simanswers-wrapper.layout-checkout #shop-login-form .controls {margin:0;}
#simanswers-wrapper.layout-checkout #shop-login-form #form-login-remember {padding:0;margin:0;}
#simanswers-wrapper.layout-checkout #shop-login-form #form-login-remember > * {padding:0;font-size:14px;margin:0;float:none;width:auto;display:inline-block;position:relative;}
#simanswers-wrapper.layout-checkout #sa-payment-form {margin:0;}

#simanswers-main-wrapper .plan-badge {background:url(../images/badge.png) no-repeat scroll 50px 50px;height:50px;width:50px;position:absolute;top:-5px;right:-5px;z-index:10;}
#simanswers-main-wrapper .plan-badge.badge-hot {background-position: 0 0;}
#simanswers-main-wrapper .plan-badge.badge-new {background-position: 0 -50px;}
#simanswers-main-wrapper .plan-badge.badge-free {background-position: 0 -100px;}
#simanswers-main-wrapper .plan-badge.badge-popular {background-position: 0 -150px;}
#simanswers-main-wrapper .plan-badge.badge-featured {background-position: 0 -200px;}
#simanswers-main-wrapper .plan-badge.badge-top {background-position: 0 -250px;}

/* Extra Small */
@media(max-width:767px) {
	.simbunch-wrapper .form-horizontal .form-group label {text-align:left;}
	.simbunch-wrapper .form-horizontal .control-label.col-xs-12 {width:100% !important;}
	#simanswers-main-wrapper .left-pane nav {border-radius:4px 4px 0 0 !important;border-right:1px solid #e7e7e7 !important;border-bottom:0;}
	#simanswers-main-wrapper .right-pane {border-radius:0 0 4px 4px !important;}
	
	#dashboard-top-pane {height:134px;}
	#dashboard-top-pane img.avatar {width:64px;height:64px;}
	#dashboard-top-pane .top-right {padding-left:84px;}
	#dashboard-top-pane .bottom-half {padding-left:0;}

	.answers-body .answer-controls > * {text-align:center;}
}
/* Small */
@media(min-width:768px) and (max-width:991px) {
	.col-sm-2-4 {width: 20% !important;float: left;}	

	.answers-body .answer-controls > * {text-align:center;}
}
/* Medium */
@media(min-width:992px) and (max-width:1199px) {
	.col-md-2-4 {width: 20% !important;float: left;}	
}
/* Large */
@media(min-width:1200px) {
	.col-lg-2-4 {width: 20% !important;float: left;}	
}