.navbar-dashboard {
    align-items: center;
    border-color: orange;
    background-color: rgb(0 188 212 / 11%);
    height: 80px;
    width: 100px;
    border-radius: 20%;
}


.center-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.navbar-brand {
    width: 200px;
    height: 100px;
    max-width: 50px;
    max-height: 100px;  
}

.navigation-bar-container {
    display: flex;
    align-items: center; /* Vertically align items */
    padding-right: 80px;
}

.navigation-bar-container-fp {
    display: flex;
    align-items: center; /* Vertically align items */
    padding-right: 0px;
}

.navbar-expand-xl .navbar-collapse {
    max-width: 50px;
    max-height: 50px;
}

.nav-item a {
    float: right;
    display: block;
    text-align: center;
    margin-inline: 0px;
    font-size: 20px;
    padding: 15px;
    color: #fff;
}

.container-fluid {
    width: 100%;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 20px;
    padding-left: 20px;
}

.drilldown-title {
    text-align: center;
    align-items: center;
}

.center-link-drilldown {
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0px;
}

.navbar {
    padding: 0px;
}

.navbar-collapse {
    flex-grow: 0;
}
.form-control {
    padding: 19px 18px;
    border-radius: 0;
    height: 60px;
    background-color: rgb(36, 36, 36);
    color: white;
}

div#replySection {
    padding-right: 10px;
    padding-left: 10px;
}

.text-block {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #1f2021;
    opacity: 1;
}

.myposts-button {
    background-color: orange;
}

.container{
    padding-left: 20px;
    height: fit-content;
}

body#forumDetailPage {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body#forumDetailPage > .container {
    flex: 1 0 auto;
}

body#forumDetailPage > .tm-footer {
    margin-top: auto;
}

.message-container {
    justify-content: space-between;
    margin-right: 5px;
    margin-left: 5px;
}

.move-post-button {
    margin-right: 4px; /* Adjust the value as needed */
}

.card {
    background-color: #9e9e9e29;
}

#pagination a {
    margin: 0 5px; /* Add spacing between links */
    text-decoration: none; /* Remove underlines */
    color: #f5a623; /* Set link color */
}

#pagination a.active {
    font-weight: bold; /* Highlight the current page */
    text-decoration: underline; /* Underline the current page */
}

#pagination {
    text-align: center; /* Center the pagination links */
    margin-top: 20px; /* Add some spacing above the pagination */
}

.unread-post {
    color: #f5a623; /* Example: Light gray background */
    font-weight: bold; /* Example: Bold text */
}

.stat-item{
    display: block;
}

.unread {
    background-color: rgb(0 188 212 / 11%);; /* Example: Light gray background */
    font-weight: bold; /* Example: Bold text */
    color: #f5a623;
    display: inline-block;
}

.forums-dropdown {
    position: relative;
}

.forum-post-summary {
    margin-bottom: 0px; /* Reduce the margin below the description */
    padding-bottom: 0px;
}

.subjects span {
    margin-top: 0px; /* Reduce the margin above the timestamp */
    padding-top: 0px;
}

.pin-button {
    margin-right: 10px; /* Add some spacing between the button and the post content */
    cursor: pointer; /* Change the cursor to a pointer on hover */
}

.small-button {
    padding: 2px 2px; /* Adjust padding as needed */
    font-size: 12px; /* Adjust font size as needed */
    /* Add any other styling to match the edit/delete buttons */
}

  /* Up/Down Votes */
  .vote-box {
    width: 50px;
    text-align: center;
  }
  
  .vote-box button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2em;
    padding: 5px;
  }
  
  .vote-box button:hover {
    color: #337ab7;
  }
  
  .voted {
    color: rgb(0, 89, 255); /* Or any color you prefer */
  }

  .list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: transparent;
    border: none;
}

.modal-dialog {
    max-width: 75%;
    margin: 1.75rem auto;
}

/* Add this to your CSS file */
.small-link {
    font-size: 0.875em; /* Adjust the size as needed */
    color: #007bff; /* Adjust the color as needed */
    text-decoration: none;
    margin-right: 10px; /* Add some spacing between links */
}

.moderator-link {
    color: red !important;
    font-weight: bold;
}

.adminreq-link {
    color: rgb(255, 136, 0) !important;
    font-weight: bold;
}

.change-link {
    color: grey;
    font-size: x-small;
}

.main-post-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.manual-translation-link {
    color: grey;
    font-size: x-small;
}

.manual-translation-mode-label {
    margin-bottom: 6px;
    font-size: 0.9rem;
}

.manual-translation-help-text {
    margin-bottom: 10px;
    font-size: 0.85rem;
}

.note-editor .ol-translate,
.note-editable .ol-translate {
    border-bottom: 2px dashed currentColor;
    border-radius: 2px;
    padding: 0 1px;
}

/* Ensures buttons are side by side */
#approvalButtons {
    gap: 10px; /* Adds space between buttons */
}

.deny {
    background-color: red;
    color: white;
}

.approve {
    background-color: green;
    color: white;
}

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

.custombtn {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
    margin: 5px; /* Add spacing around buttons */
}

.small-link:hover {
    text-decoration: underline;
}

blockquote {
    font-style: italic;
    border-left: 4px solid #3498db;
    background: #9E9E9E;
    padding: 15px;
    margin: 10px 0;
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 75%;
}

.address-row{
    gap: 20px;
    flex-wrap: nowrap;
    padding-left: 15px;
    padding-right: 15px;
}

.state-input{
    width: 80px;
}

.city-input{
    width: 250px;
}

.zip-input{
    width: 100px;
}

.tm-register-col{
    max-width: 600px;
}

.custom-modal-width {
    max-width: 40%;
}

.table-row .last-reply {
    flex: auto;
    width: 190px;
}

.modal-body {
    text-align: left;
}

@media (max-width: 950px){
    
    .subforum-row {
        grid-template-columns: 10% 65% 25%;
    }
  
    .subforum-stats.subforum-column.center.stat-item {
        display: none;
    }
  
    .container {
      padding-right: 0px;
      padding-left: 0px;
    }

    .status {
        display: none;
    }
  
}

@media (max-width: 800px){
    
    .subforum-row {
        grid-template-columns: 65% 35%;
    }
  
    .subforum-stats.subforum-column.center.stat-item {
        display: none;
    }
  
    .container {
      padding-right: 0px;
      padding-left: 0px;
    }

    .status {
        display: none;
    }
  
}

@media (max-width: 700px){
    
    .custom-modal-width {
        max-width: 80%;
    }

    .modal-dialog {
        max-width: 95%;
    }
  
}
/*
@media (max-width: 700px){
    
    .subforum-row {
      display: grid;
      grid-template-columns: 100%;
    }
  
    .subforum-info.subforum-column {
      display: none;
    }
  
    .container {
      padding-right: 20px;
      padding-left: 0px;
    }

    .status {
        display: none;
    }

    .replies {
        display: none;
    }
  
  }
*/