/* General Styling */
body {
  font-family: Tahoma, Geneva, sans-serif !important;
  background-color: #fff !important;
}

p, span, h1, h2, h3, h4, h5, h6 {
color:#212529;	
}

button, .btn {
    font-family: Tahoma, Geneva, sans-serif !important;
}



	main > .container {
  padding: 60px 15px 0;
}

.access-background {
	 background: linear-gradient(135deg, #f8f9fa, #d6d8db); /* Light (bg-light) to lighter Secondary */
	 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06); /* Subtle depth effect */
}

.extra_list_text {
    color: #212529; /* Dark color */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* Subtle shadow for better text depth */
	font-size:20px;
}
.extra_list_text a {
    color: #212529; /* Dark color */
}

.extra_list_text:hover {
     background-color: #ccc !important;
	 cursor:pointer;

}






      
	  .social-media{font-size:1.5rem}

     

      .b-page-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      

.scrollable-menu{height:auto;max-height:466px;overflow-x:hidden}.scrollable-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#fff}.scrollable-menu::-webkit-scrollbar{width:10px;background-color:#fff}.scrollable-menu::-webkit-scrollbar-thumb{background-color:#332d2d;border:2px solid #f8f9fa}
 


.text-shadow{color:#fff;text-shadow:2px 2px #000}

.buttons_category {color:#fff;text-shadow:1px 1px #000;box-shadow:1px 1px #000 !important}

.buttons_category:hover{text-shadow:none}

#second-navbar {
    border-top: 1px solid #ffc107;
    border-bottom: 1px solid #ffc107;
}

#q {
    border-color: #ffc107; /* Bootstrap warning color */
    box-shadow: 0 0 5px rgba(255, 193, 7, 0.5); /* Optional: Adds a slight glow effect */
}

.navbar-toggler {
    border-color: #ffc107; /* Set the border to the warning color */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23ffc107' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    /* Sets the toggle icon lines to the warning color */
}

      .custom-container {
            display: flex;
            flex-wrap: wrap; /* Allow wrapping for smaller screens */
            width: 99%; /* Adjust width to 90% */
            margin: 0 auto; /* Center the container */
		margin-top:-32px !important;
        }
		
		.main-container {
    padding-left: 12px; /* Matches Bootstrap's container padding */
    padding-right: 12px; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    margin: 15px auto 0; /* Center horizontally with a top margin */
    width: 100%; /* Adjusts to screen size */
    max-width: none; /* Override Bootstrap's max-width for .container */
}


      
        .list-group {
          
  border: 1px solid #adb5bd;
  border-radius: 5px;

 min-height: 100%; /* Ensures equal height */
        position: relative;
        }
		
		 

        .list-group-item.active {
            font-weight: bold;
            color: #fff;
			 background-color: #212529;
			 border-color:#f8f9fa;
			   font-size:18px;

        }

     
.list-group {
    display: flex;
    flex-direction: column;
    
    height: 100%; /* Ensure it uses available space */
}

 @media (max-width: 768px) {
            .custom-container {
                flex-direction: column; /* Stack the list groups vertically on smaller screens */
                width:93% !important;
            }

            .maps_news_wrapper {
                flex: 100%; /* Take full width when stacked */
            }
			.list-group-item.active {
        font-size: 14px; /* Smaller size for small screens */
    }
		.extra_list_text {
  font-size:16px;

}
        }






.form-control:focus{border-color:#000;box-shadow:0 0 0 1px #fff}

.parent-div {
  position: relative; /* Ensures positioning for transform to work */
  height: 100%; /* Ensure the height of the parent is set */
  display: flex;
  justify-content: center; /* Centers horizontally */
}

.child-div {
  position: absolute; /* Allows the use of transform */
  top: 50%; /* Moves the top edge to the middle of the parent */
  transform: translateY(-50%); /* Centers the div by moving it up by 50% of its height */
}




a {
    text-decoration: none; /* Removes underline from links globally */
}

a:hover {
    text-decoration: none; /* Ensures underline doesn't reappear on hover */
}

.disable-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}


.height_limit{position:relative;max-height:992px; overflow-y: auto;}
.height_limitX{position:relative;min-height:992px;}
.height_limitY{position:relative;min-height:800px;}


.url-navigation .list-group-item {
    border-radius: 0.25rem;
    padding: 10px 15px !important;
    font-size: 14px;
    display: flex;
    align-items: center;
	height: 50px; /* Fixed height */
    overflow: hidden; /* Ensure content doesn't overflow */
}


.url-navigation a {
    color: #007bff;
    text-decoration: none;
}

.url-navigation a:hover {
    text-decoration: underline;
    color: #0056b3;
}

.url-navigation .text-secondary {
    font-size: 14px;
    margin: 0 10px;
}


/* Media queries for font size adjustments */
@media (max-width: 992px) {
    .url-navigation .list-group-item {
        font-size: 12px;
    }

    .url-navigation a {
        font-size: 12px;
    }

    .url-navigation .text-secondary {
        font-size: 10px;
    }

    .url-navigation .text-dark {
        font-size: 12px;
    }
	
	 .bottomleft_sites,
    .bottomright_sites {
        font-size: 12px !important;
    }
}

@media (max-width: 768px) {
   .url-navigation {
        display:none;
    }
}

#back-to-top{position:fixed;bottom:100px;right:35px;display:none;background-color:#808080;border-color:#6c757d;z-index:99999;opacity:.8}.back-to-top:hover{background-color:#C0C0C0}


.bottomleft_sites {
    position: absolute; /* Position text relative to the image item */
    bottom: 8px; /* Position 10px from the bottom */
    left: 8px; /* Position 10px from the left */
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */
    color: #fff; /* White text for better contrast */
    padding: 3px 6px; /* Add some padding around the text */
    border-radius: 5px; /* Add rounded corners */
    font-size: 14px;
    max-width: 90%; /* Ensure the text doesn't overflow the image */
    overflow: hidden; /* Prevent text overflow */
    text-overflow: ellipsis; /* Add ellipsis for long text */
    white-space: nowrap; /* Prevent the text from wrapping */
}

.bottomright_sites {
    position: absolute; /* Position text relative to the image item */
    bottom: 8px; /* Position 10px from the bottom */
    right: 8px; /* Position 10px from the left */
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */
    color: #fff; /* White text for better contrast */
    padding: 3px 6px; /* Add some padding around the text */
    border-radius: 5px; /* Add rounded corners */
    font-size: 14px;
    max-width: 90%; /* Ensure the text doesn't overflow the image */
    overflow: hidden; /* Prevent text overflow */
    text-overflow: ellipsis; /* Add ellipsis for long text */
    white-space: nowrap; /* Prevent the text from wrapping */
}

.bottomleft_sites_attr {
    position: absolute; /* Position text relative to the image item */
    bottom: 8px; /* Position 10px from the bottom */
    left: 8px; /* Position 10px from the left */
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */
    color: #fff; /* White text for better contrast */
    padding: 3px 6px; /* Add some padding around the text */
    border-radius: 5px; /* Add rounded corners */
    font-size: 10px;
    max-width: 90%; /* Ensure the text doesn't overflow the image */
    overflow: hidden; /* Prevent text overflow */
    text-overflow: ellipsis; /* Add ellipsis for long text */
    white-space: nowrap; /* Prevent the text from wrapping */
}

.bottomright_sites_attr {
    position: absolute; /* Position text relative to the image item */
    bottom: 8px; /* Position 10px from the bottom */
    right: 8px; /* Position 10px from the left */
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */
    color: #fff; /* White text for better contrast */
    padding: 3px 6px; /* Add some padding around the text */
    border-radius: 5px; /* Add rounded corners */
    font-size: 10px;
    max-width: 90%; /* Ensure the text doesn't overflow the image */
    overflow: hidden; /* Prevent text overflow */
    text-overflow: ellipsis; /* Add ellipsis for long text */
    white-space: nowrap; /* Prevent the text from wrapping */
}

@media screen and (max-width: 992px) {
 
    .bottomleft_sites_attr,
    .bottomright_sites_attr {
        font-size: 9px !important;
    }

}

@media screen and (max-width: 575px) {
 
    .bottomleft_sites,
    .bottomright_sites {
        font-size: 14px !important;
    }

}

@media screen and (max-width: 350px) {
 
    .bottomleft_sites_attr,
    .bottomright_sites_attr {
        font-size: 8px !important;
    }
		.extra_list_text {
  font-size:14px;

}

}

@media screen and (max-width: 240px) {
 
    .bottomleft_sites,
    .bottomright_sites {
        font-size: 10px !important;
    }
	.bottomleft_sites_attr,
    .bottomright_sites_attr {
        display:none !important;
    }
	

}

@media screen and (max-width: 140px) {
 
    .bottomleft_sites,
    .bottomright_sites {
        display:none !important;
    }

}


#random_parent {border-radius: 5px;}
.random_parent{border-radius: 5px !important;}

.dropdown-item:active {
background-color: #ffc107;
}

.height_modal {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;    /* Centers vertically */
    height: 50vh;          /* Full viewport height */
    width: 100%;            /* Full width */
}

#confirm-modal {
	padding-top:16px;
	padding-bottom:8px;
    width: 100%; /* Ensure it doesn't exceed container width */
    max-width: 500px; /* Adjust the width of the modal */
    border-radius: 10px; /* Optional: Add rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional: Add shadow for better visibility */
}
#reset-modal {
    width: 100%; /* Ensure it doesn't exceed container width */
}