/*
 * Use this file in case you don't feel comfortable writing LESS. I do highly
 * recommend taking the time to learn at least the basics of LESS as it will
 * greatly help you in customizing Bootstrap. Here are some of the high-
 * lights of a preprocessor like LESS:
 *
 * - Store information in variables for optimal reuse:
 *
    @brand-color: #4fc6eb;
    .header { color: @brand-color; }
 *
 * - Nest your selectors, i.e. .header .button { ... } can be written as:
 *
    .header {
        .button { ... }
    }
 *
 * - Write reusable mixins for handling otherwise tedious code:
 *
    .border-radius(@radius) {
        -webkit-border-radius: @radius;
           -moz-border-radius: @radius;
                border-radius: @radius;
    }
    .round { .border-radius(10px); }
 *
 * Other features include mathematical operations, extend/inheritance, import
 * of partials and more.
 *
 * If we still don't have you convinced, then simply put your good ol' CSS in
 * this file and it will be automatically included in Vanilla.
 *
 * Happy theming!
 */

body {
    font-weight: 400 !important;
    line-height: 1.4 !important;
    font-size: 14px !important;
}
.ToggleFlyout em {
    display: inline-block !important;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    padding-left: 5px;
}
.Overlay>.Popup {
    text-align: left !important;
}
.Overlay>.Popup .Border,
.modal-content {
    border-radius: 0px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
}
.Overlay>.Popup .Buttons,
.modal-footer {
    border-top: 0px !important;
    text-align: left !important;
    padding-top: 0px !important;
}
.Overlay>.Popup .Button {
    min-width: 150px !important;
}
.Overlay .Content h1 {
    font-size: 18px !important;
    font-weight: 500 !important;
    border-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.Excerpt {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.SpPicture {
    margin-right: 5px !important;
}
.CategoryFilterTitle {
    font-weight: 500 !important;
}
.CategoryFilter {
    display: none;
}
.Tag-Announcement,
.label-info {
    background-color: #ff5f2e !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 5px 7px !important;
    line-height: 1;
    white-space: nowrap;
    border-radius: 4px;
    box-shadow: none !important;
    text-transform: capitalize;
    margin-right: 5px !important;
}
.Discussions .Meta-Discussion {
    margin-top: 5px;
    margin-bottom: 25px !important;
    line-height: 2 !important;
}
.UserBox+.Box {
    padding: 0px !important;
    border: 0px !important;
}
.navbar-right .Sprite16,
.navbar-right .MeBox .Username {
    font-weight: 400;
}
#Form_Go,
#Form_Search1,
.PrevNextPager a:focus,
.PrevNextPager a:hover,
.pager li>a:focus,
.pager li>a:hover {
    color: #fff !important;
}
.PanelCategories li:hover {
    background-color: #f9f9f9;
}
.navbar-right {
    font-size: 12px !important;
}
.ActivityComments {
    margin-top: 10px !important;
}
.Item-Body .Message {
    margin-bottom: 10px !important;
}
.Item-Body .Message {
    padding-bottom: 10px;
    border-bottom: 1px dotted #ddd;
}
.InlineTags,
.InlineTags ul li a {
    color: #aaa !important;
}
.FilterMenu li>a {
    border: 1px solid #fff;
}
.FilterMenu li>a:hover {
    background-color: #fff !important;
    border: 1px solid #ddd;
}
.FilterMenu li.Active>a {
    background-color: #39b54a !important;
    border: 1px solid #39b54a;
}
.FilterMenu li.Active>a:hover {
    background-color: #39b54a !important;
    border: 1px solid #39b54a;
}
.TagCloud li {
    background-color: #f4f4f4;
    border: 1px solid #eee;
    color: #777;
    font-weight: 400;
    padding: 5px 8px !important;
}
.TagCloud li:hover {
    background-color: #39b54a;
}
.TagCloud li:hover a {
    background-color: #39b54a;
    color: #fff;
}
.TagCloud li .Count {
    background-color: #ddd;
    color: #888;
    margin-left: 5px;
}
.TagCloud li:hover .Count {
    background-color: #fff;
    color: #39b54a;
}
.TagCloud li a {
    color: #666;
}
.TagCloud li a:hover {
    color: #fff;
    text-decoration: none;
}
.Item .Title a,
.Item .Title {
    margin: 15px 0 0 0 !important;
    font-size: 20px !important;
    font-style: normal !important;
    line-height: 20px !important;
    color: #333333 !important;
    font-weight: 500 !important;
    line-height: 27px !important;
}
.DataList .Item {
    /*    border-top:0px !important;
    border-left:0px !important;
    border-right:0px !important;
    background-color: transparent !important;
    padding-left: 0px !important;*/
    
    border-radius: 0px !important;
    margin-bottom: 10px !important;
}
.Announcement.ItemDiscussion {
    border-left: 2px solid #ff5f2e !important;
}
.CategoryBox,
.CategoryGroup,
.DataTableWrap,
.Empty,
.MessageForm,
.MessageList .Item,
.NoResults,
.panel,
input,
a,
textarea {
    border-radius: 0px !important;
}
.MItem a {
    color: #39b54a !important;
}
.Item .Meta .MItem.Category a {
    background-color: transparent !important;
    font-size: 100% !important;
    font-weight: 300 !important;
}
.navbar-brand {
    height: 33px !important;
    width: 219px !important;
    background-image: url(pialogo2x.png);
    background-size: 209px;
    background-position: 10px 5px;
    background-repeat: no-repeat;
    text-indent: -999px;
}
.DataList .Conversation .Item .MItem,
.DataList .Conversation .Item .MItem a,
.DataList .Item .Meta,
.DataList .Item .Meta a,
.DataTable .Conversation .Item .MItem,
.DataTable .Conversation .Item .MItem a,
.DataTable .Item .Meta,
.DataTable .Item .Meta a {
    color: #999 !important;
}
.BoxDiscussionFilter {
    display: none;
}
.CategoryFilter {
    margin-top: 20px;
}
.Box {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 10px 0 10px 0 !important;
    width: 100%;
    padding: 15px;
}
.PageControls .BoxNewDiscussion {
    display: none !important;
}
.navbar {
    min-height: 50px !important;
    padding-top: 5px !important;
}
.ItemDiscussion {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.HomepageTitle,
.PageTitle h1,
h1.H {
    padding-bottom: 10px !important;
    margin-bottom: 0px !important;
    border-bottom: 0px !important;
    font-size: 30px;
    font-family: "Roboto";
    font-weight: 500;
}
h2.H {
    font-size: 21px;
    font-family: "Roboto";
    font-weight: 400;
}
.Activity .Title {
    margin-top: 0 !important;
}
.PageDescription {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
}
.PageTitle {
    border-bottom: 0px !important;
}
.PanelCategories li a {
    border: 0px !important;
    border-bottom: 1px dotted #ddd !important;
    padding: 15px 5px !important;
    background-color: transparent !important;
}
.PanelCategories .Active a {
    border-color: #ddd !important;
    font-weight: 700 !important;
    color: #000 !important;
}
.PanelCategories .Count {
    display: none;
}
.Box h4 {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 5px !important;
}
.ItemDiscussion .Options {
    margin-top: 10px !important;
}
.MessageList .Item .Options {
    padding: 10px 15px 10px 0px !important;
}
.search-form {
    margin-bottom: 10px !important;
}
.CategoryDescription {
    padding: 10px 0px !important;
}
.SearchForm .Button,
.search-form .Button {
    left: auto !important;
    padding: 14px !important;
    right: 16px !important;
    top: 0px !important;
    border: 1px solid #2d8e3a !important;
    background-image: -webkit-linear-gradient(#3dc14f, #39b54a 6%, #35a945) !important;
    background-image: linear-gradient(#3dc14f, #39b54a 6%, #35a945) !important;
}
.icheckbox:before,
.iradio:before {
    color: #e4e4e4 !important;
}
.icheck-label:focus .icheckbox:before,
.icheck-label:focus .iradio:before,
.icheck-label:hover .icheckbox:before,
.icheck-label:hover .iradio:before,
.icheckbox.checked:before,
.icheckbox:focus:before,
.icheckbox:hover:before,
.iradio.checked:before,
.iradio:focus:before,
.iradio:hover:before,
a.Bookmark:focus:before,
a.Bookmark:hover:before {
    color: #39b54a !important;
}
.Item .Meta.InlineTags a {
    color: #39b54a !important;
}
.MessageList .Meta.InlineTags {
    padding: 5px 0px !important;
}
.UserSignature {
    border: 0px !important;
}
blockquote {
    font-size: 13px !important;
}
.MItem.PostCount {
    margin-left: 2px !important;
    background: #f4f4f4;
    padding: 3px 4px !important;
    font-size: 11px !important;
}
.InlineTags ul {
    padding-left: 1px !important;
}
.MessageForm {
    margin-bottom: 20px !important;
}
.MenuItems li>a {
    padding: 15px 15px !important;
}
.Flyout {
    min-width: 250px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.FlyoutMenu .Item.Title {
    padding: 10px !important;
}
.Overlay {
    background-color: rgba(0, 0, 0, .6) !important;
}
.About dt {
    margin-left: 0 !important;
    margin-top: 10px !important;
}
.About dt {
    width: 25%;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px !important;
}
.sticky-footer-body {
    margin-bottom: 0px !important;
}
.About dd {
    width: 70%;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px !important;
}
.Box.BoxCategories {
    padding-bottom: 10px !important;
}
.BoxCategories .PanelInfo {
    margin-bottom: 0px !important;
}
.PanelCategories li:last-child a {
    border-bottom: 0px !important;
}
div.PostEdited {
    color: #999 !important;
    padding-bottom: 10px;
}
.SearchForm {
    padding: 0px !important;
    border: 0px !important;
    background-color: transparent !important;
}
#Form_Search {
    font-size: 18px !important;
    height: 48px !important;
}
.footer h3 {
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.footer ul {
    padding: 0px !important;
}
.footer ul li {
    list-style: none;
}
.footer li a,
.copyright {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: 24px;
    color: #777;
}
.page-sidebar {
    margin-top: 35px;
}
.social ul li {
    float: left;
    margin-right: 4px;
}
.social {
    overflow: hidden;
    margin-bottom: 40px;
}
.facebook {
    color: #3b5999 !important;
}
.twitter {
    color: #55acee !important;
}
.gplus {
    color: #dd4b39 !important;
}
.youtube {
    color: #bb0000 !important;
}
@media (max-width: 768px) {
    .footer {
        text-align: center;
    }
    .social ul {
        max-width: 155px;
        margin: auto;
    }
    .navbar-nav {
        padding-left: 10px !important;
    }
}
.IPAddress {
    display: none;
}
.MItem.CommentFlag a,
.DataList .Item .Meta .CommentFlag a,
.DataList .Item .Meta a.DeleteComment {
    color: #cc0000 !important;
}
.DataList .Item .Meta a.CommentOption, .QuoteAuthor a {
    color: #39b54a !important;
}
.Item .Meta .MItem.Category a,
.Item .Meta .MItem.LastCommentBy a {
    font-weight: 400 !important;
    color: #39b54a !important;
}
.ReactButton.Quote {
    border: 1px dotted #39b54a;
    padding: 3px 9px 3px 7px;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 100px !important;
}
.ReactSprite {
    min-width: 0px !important;
}
.DataList.Condensed .Item .Conversation .Meta {
    float: left !important;
    clear: both !important;
}
.Activity .Title {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #666 !important;
}
.Activity .Title a {
    color: #39b54a !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.Profile .DataListWrap .DataList .Item .Title a {
    font-size: 14px !important;
    font-weight: 400 !important;  
}
.Profile .DataListWrap .DataList .Message {
    font-size: 14px !important;
    font-weight: 400 !important;  
    padding-top:10px !important;
    padding-bottom:10px !important;
    line-height: 1.6 !important;
} 
.PanelCategories .Depth1 {
    padding-left: 5px !important;
}
.PanelCategories .Depth2 {
    padding-left: 20px !important;
}
.piaad {
    margin-top: 20px !important;
}
.HasNew {
    margin-right: 10px !important
}
/*@media (min-width: 768px) {
    .Discussions .page-sidebar {
        margin-top: 115px; 
    }
    .Section-Discussion .page-sidebar {
        margin-top: 105px; 
    }
    .Section-CategoryList  .page-sidebar {
        margin-top: 79px; 
    }
    .Categories.Section-DiscussionList  .page-sidebar {
        margin-top: 135px; 
    }
}*/
.InformMessage {
	border: 2px solid #39b54a !important;
}
.SpFlyoutHandle {
	margin-left: 7px !important;
	margin-right: 4px !important;
}
#Menu {
    margin-top: 10px;
}
#Menu li {
    list-style: none;
    display: inline-block;
    float: left;
    margin-right: 16px;
}

#Menu li a{
    color: #444;
    }
#Menu li a:hover, #Menu li a:active, #Menu li a:focus{
    text-decoration: none;
  }