﻿.panel-white {
    border: 1px solid #dddddd;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
 .panel-white  .panel-heading {
     color: #333;
     background-color: #fff;
     border-color: #ddd;
 }
 .panel-white  .panel-footer {
     background-color: #fff;
     border-color: #ddd;
 }

 .post .post-heading {
     height: auto;
     padding: 20px 15px;
 }
 .post .post-heading .avatar {
     max-width: 60px;
     height: 60px;
     width: 60px;
     display: block;
     margin-right: 15px;

 }
 .post .post-heading .meta .title {
     margin-bottom: 0;
 }
 .post .post-heading .meta .title a {
     color: black;
 }
 .post .post-heading .meta .title a:hover {
     color: #aaaaaa;
 }
 .post .post-heading .meta .time {
     margin-top: 8px;
     color: #999;
 }
 .post .post-image .image {
     width: 100%;
     height: auto;
 }
 .post .post-description {
     padding: 15px;
 }
 .post .post-description p {
     font-size: 14px;
 }
 .post .post-description .stats {
     margin-top: 20px;
 }
 .post .post-description .stats .stat-item {
     display: inline-block;
     margin-right: 15px;
 }
 .post .post-description .stats .stat-item .icon {
     margin-right: 8px;
 }
 .post .post-footer {
     border-top: 1px solid #ddd;
     padding: 15px;
 }
 .post .post-footer .input-group-addon a {
     color: #454545;
 }
 .post .post-footer .comments-list {
     padding: 0;
     margin-top: 20px;
     list-style-type: none;
 }
 .post .post-footer .comments-list .comment {
     display: block;
     width: 100%;
     margin: 20px 0;
 }
 .post .post-footer .comments-list .comment .avatar {
     width: 35px;
     height: 35px;
 }
 .post .post-footer .comments-list .comment .comment-heading {
     display: block;
     width: 100%;
 }
 .post .post-footer .comments-list .comment .comment-heading .user {
     font-size: 14px;
     font-weight: bold;
     display: inline;
     margin-top: 0px;
     margin-right: 10px;
 }
 .post .post-footer .comments-list .comment .comment-heading .time {
     font-size: 12px;
     color: #aaa;
     margin-top: 0px;
     display: inline;
 }
 .post .post-footer .comments-list .comment .comment-body {
     margin-left: 50px;
 }
 .post .post-footer .comments-list .comment > .comments-list {
     margin-left: 50px;
 }
    
 /* Comment Loader */
 h1 {
     overflow: hidden;
     text-align: center;
 }
 h1:before,
 h1:after {
     /*background-color: #7da345;*/
     content: "";
     display: inline-block;
     height: 1px;
     position: relative;
     vertical-align: middle;
     width: 50%;
 }
 h1:before {
     right: 0.5em;
     margin-left: -50%;
 }
 h1:after {
     left: 0.5em;
     margin-right: -50%;
 }
 .comment-loader {
     margin-bottom: 5px;
 }
.comment-txt {
    padding: 10px 10px 2px 10px;
}
.comment-txt center{
    padding: 5px 0px 10px 0px;
}

.comment-send {
    margin-top: 10px;
}
    .comment-send button {
        float: right;
        margin-right: 15px;
    }

.comments-header {
    margin-top: -20px;
}
    .comments-header ul li {
        display: inline-block;
        padding: 3px 0px 3px 3px;
        /*border-bottom: 3px solid transparent;*/
    }
        .comments-header ul li a {
            text-decoration: none;
            font-weight: bold;
            
        }
        .comments-header ul li:hover {
            text-decoration: none;
            /*border-bottom: 3px solid #7da345;*/
        }

    .comments-header ul li {
        display: inline-block;
        position: relative;
        /*padding-bottom: 10px;*/
        padding: 3px 0px 3px 3px;
    }
        .comments-header ul li:after {
            content: '';
            display: block;
            margin: auto;
            height: 3px;
            width: 0px;
            background: transparent;
            transition: width .5s ease, background-color .5s ease;
            margin-top: 8px;
            margin-bottom: -6px;
            color: #7da345!important;
        }
        .comments-header ul li:hover:after {
            width: 100%;
            background: #7da345;
            
        }
 
 .readComments {
     cursor: pointer;
 }

 .noComments {
     color: #848282 !important;
 }
 .noComments :hover {
     color: #848282 !important;
 }
 

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(177, 177, 16, 0.8) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(177, 177, 16, 0.6) !important;
    outline: 0 none !important;
    border-radius: 0px !important;
}

textarea,
input,
.uneditable-input {
    border: #d4d6d8 2px solid !important;
    outline: 0 none !important;
    border-radius: 0px !important;
}

.ifAnonymous {
    font-size: 8px !important;
}

#at-expanded-menu-service-filter {
    border-color: transparent !important;
    border: transparent 2px solid !important;
    outline: 0 none !important;
    border-radius: 0px !important;
}
    #at-expanded-menu-service-filter:focus {
        border-color: transparent !important;
        border: transparent 2px solid !important;
        outline: 0 none !important;
        border-radius: 0px !important;
    }
.at-branding-logo {
    display: none !important;
}
