.custom-btn {
    background-color: #4c3e01;
    border-color: #4c3e01;
}

.sidenav-profile {
    background-color: #4c3e01;
    padding-bottom: 1rem;
}

.sidenav-nav li a {
    color: #000;
}

.footer-nav {
    background-color: #3b2613;
  
}

.footer-nav ul li.active a {
    color: #ffeb3b;
    font-weight: bold;
}

.footer-nav ul li.active a span {
    color: #ffeb3b;
    font-weight: bold;
}

.footer-nav ul li a {
    color: #fff;
}

.footer-nav ul li a span {
    color: #fff;
}

.header-area {
    
    background-color: #3b2613;
}

.header-content.header-style-five .navbar--toggler {
    border: 2px solid #ffffff;
   
}

.header-content .navbar--toggler span {
 
    background-color: #ffffff;
   
}

.page-heading h6 {
    color: #fff;
   
}

.header-content .back-button a {
   
    color: #fff;
}

.page-content-wrapper {
    margin-top: 50px;
   
}

.input-group-text {
    color: #fefdff;
    background-color: #3e4095;
    border-color: #3F51B5;
}

.input-group-text_2 {
    color: #fefdff;
    background-color: #8bc34a;
    border-color: #8bc34a;
}
.bg-triport
{
    color: #fefdff !important;
    background-color: #8bc34a !important;
    border-color: #8bc34a !important;
}

.chat-user-list li:hover, .chat-user-list li:focus {
    background-color: #ffffff;
    border-left: 3px solid #8bc34a;
}

.chat-user-list li
{
    flex-wrap: wrap !important;
}
.chat-user-info
{
    width: 100% !important;
}
.profile-img{
    text-align: center;
}
.profile-img img {
    width: 125px;
    height: 125px;
    object-fit: cover;
    border-radius: 50%;
}
.profile-img .file {
    margin-top: -10%;
    width: 58%;
}
.profile-img .file input {
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
}
body{
    background-color: white;
    color: black;
}