body {
   
    /* background-color: #f3f3f3; */
    background-color: #f6f7fa;
}


main {
 
    padding-top: 2rem;
}


.delete-details-list {
  list-style-type: none; /* Removes the bullet points */
  padding-left: 0; /* Removes default left padding */
  text-align: left; /* Aligns the list to the left */
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

.details-row {
  display: flex; /* Makes the li a flex container */
  justify-content: space-between; /* Pushes the first item (label) to the left and the second (value) to the right */
  margin-bottom: 5px; /* Adds space between list items */
}

.activesidebarselected
{
  background-color: rgba(15, 98, 106,1);
  color:white !important
}

.activesidebarselected>a
{
  color:white !important
}

.activesidebarselected svg {
    
    fill: white !important;
    /* stroke: white !important; */
}


.profile-container .person-details {
   
    text-align: left;
}

.remove-pic-button {
  position: absolute; /* Position relative to #imgPreview */
  top: 50%; /* Move the top edge to the vertical center */
  left: 50%; /* Move the left edge to the horizontal center */
  transform: translate(-50%, -50%); /* Adjust for the button's own width/height to truly center it */
  z-index: 10; /* Ensure it's above the image */

  /* Button styling */
  background-color: rgba(255, 0, 0, 0.7); /* Red with some transparency */
  color: white;
  border: none;
  border-radius: 50%;
  width: 40px; /* Slightly larger for better visibility in the center */
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 0;
  font-size: 16px; /* Larger icon */
  opacity: 0; /* Initially hidden */
  transition: opacity 0.3s ease-in-out; /* Smooth transition */
}

/* Make button visible on hover over the preview area */
.avatar-preview:hover .remove-pic-button {
  opacity: 1;
}

.remove-pic-button:hover {
  background-color: rgba(255, 0, 0, 0.9);
}


nav .app-logo .logo img {
    width: 280px;
  
}

.google-blue-button
{
    background-color: #4285F4;
    color: white;
}

nav .app-logo .logo {
    padding: 0.1rem;
    
}


.app-line-breadcrumbs li + li.active a {
    color: #ed563d;
}

.btn-orange-outlined
{
 border-color: #ed563d;
 color: #ed563d;
   
}

.btn-orange-outlined:hover
{
  background-color: #ed563d;
 color:white;  
}

.tab-wrapper .tabs .tab-link.active {
    color: rgba(var(--primary), 1);
    border-color: rgba(var(--primary), 1);
    border: 1px dotted;
}


.app-form.app-icon-form i {
  
    /* top: 7px; */
}


.app-form.app-icon-form .form-control {
   
    border: 2px solid rgb(0 0 0 / 55%);
}


.app-logo .ti-settings:before {
    content: "\eb20";
    color: green;
}

.footer-text {
  
    color: #373737 !important;
    
}


.app-wrapper .app-content {
   
    box-shadow: none;
}


nav .app-nav .main-nav > li:not(.menu-title) ul li {
    padding: 0.2rem;
   
}
nav .app-nav .main-nav > li:not(.menu-title) ul li:hover {
    background-color: lightgrey;
   
}