.brand-text{
    text-align: center;
}

.brand-text b{
    text-transform: uppercase;
}

body {
    font-family: 'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 13px;
    overflow-y: scroll;
}

.btn{
    font-size: 14px;
}

.user-panel{
    font-size: 16px;
}

.table .fa, .table .fas{
    font-size: 16px;
}

.blackAndWhiteImg{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.nav-icon{
    font-size: 18px !important;
}

.sidebar .nav-link .far{
    font-size: 12px !important;
}

.dropdown .nav-link .far{
    font-size: 18px !important;
}

.sidebar-dark-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
    border-color: #fff;
}


h4.button:before {
    content: "►";
    position: absolute;
    left: 0;
    top: 0;
}

.hide{
    display: none;
}

@media only screen and (max-width: 1023px) {
    .hideOnMobile {
        display: none;
    }
}

/* Membership videos page */
.membership-videos-table tbody tr.membership-selected {
    background-color: rgba(40, 167, 69, 0.08);
}

.membership-videos-table tbody tr:hover {
    background-color: rgba(0, 123, 255, 0.08) !important;
}

.membership-videos-table tbody tr.membership-selected:hover {
    background-color: rgba(40, 167, 69, 0.15) !important;
}

.membership-videos-table td,
.membership-videos-table th {
    vertical-align: middle;
}

.membership-videos-table .fa-file-video {
    opacity: 0.5;
    transition: opacity 0.2s;
}

.membership-videos-table tr:hover .fa-file-video {
    opacity: 1;
}

/* Dashboard latest comments card */
.dashboard-comments-card {
    background: linear-gradient(135deg, #e8f4fd 0%, #f0e6f6 100%);
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

.dashboard-comments-card .card-header {
    background: transparent;
    padding: 12px 16px;
}

.dashboard-comments-card .card-title {
    font-weight: 600;
    color: #495057;
    font-size: 15px;
}

.dashboard-comments-card .card-title i {
    color: #7c5cbf;
}

/* Dashboard open feedbacks card */
.dashboard-feedback-card {
    background: linear-gradient(135deg, #fef9e7 0%, #fdebd0 100%);
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

.dashboard-feedback-card .card-header {
    background: transparent;
    padding: 12px 16px;
}

.dashboard-feedback-card .card-title {
    font-weight: 600;
    color: #495057;
    font-size: 15px;
}

.dashboard-feedback-card .card-title i {
    color: #d4a017;
}

/* Dashboard latest comments list */
.dashboard-comments .comment-item {
    padding: 10px 16px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    color: #212529;
    transition: all 0.2s ease;
}

.dashboard-comments .comment-item:last-child {
    border-bottom: none;
}

.dashboard-comments .comment-item.even {
    background-color: rgba(255,255,255,0.45);
}

.dashboard-comments .comment-item:hover {
    background-color: rgba(255,255,255,0.7) !important;
    padding-left: 20px;
}

.dashboard-comments .comment-text {
    word-break: break-word;
    margin-bottom: 3px;
    font-size: 12.5px;
    line-height: 1.4;
}

/* Comment highlight pulse animation */
@keyframes comment-pulse {
    0%, 100% { background-color: transparent; }
    50% { background-color: #cce5ff; }
}

.comment-highlight-pulse {
    animation: comment-pulse 0.8s ease-in-out 3;
}

.comment-highlighted {
    background-color: #cce5ff !important;
}

