body {
    /*background-color: green*/
	background-color: #ffffff;
}

.accessibility-toolbar button {
    font-weight: bold;
    min-width: 36px;
}

.accessibility-toolbar a:focus,
.accessibility-toolbar button:focus {
    outline: 2px solid #198754;
    outline-offset: 2px;
}

#menubar {
  background-image: url("../images/bg2.png");	
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;  
}
#portfolio, #gallery {
  background-image: url("../images/bg1.jpg");
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;
}
#successStory {
  background-image: url("../images/bg2.png");
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;
}
/* #gallery {
  background-image: url("../images/bg3.png");
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;
} */

/* .partner-logo {
  max-height: 80px;
  width: auto;
  display: block;
  margin: 0 auto;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.partner-logo:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
} */

.partner-logo {
    max-height: 70px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: all 0.3s ease;
}

.partner-logo:hover {
    filter: grayscale(0%);
    transform: scale(1.05);
}

.uk-slider-items > li {
  text-align: center;
  padding: 5px;
  padding-bottom: 0px;
}


 .scrollable-div {
     padding: 10px;
     margin: 0 auto;		              
     width:100%;
  	 overflow-x:auto;   	
  	 border: 1px solid #ccc;
     height: 800px; 	      
     overflow: auto; 	            
  }	
.datatable {
    font-family:arial;
    margin:10px 0pt 15px;
    margin: 0 auto;	
    font-size: 12px;
    width: 100% !important;
    text-align: left;
    border: 1px solid #ddd;			
    border-collapse: collapse;
    
}
.datatable thead tr th, .datatable tfoot tr td {
    border:1px solid #ddd;
    /*font-size: 9pt;*/
    padding: 10px;
}	

.datatable thead tr th:first-child {
    width:5%;
}	
.datatable thead tr th:last-child {
    width:5%;
}	

.datatable thead tr{
    background-color: #eee;			
} 
			
.datatable tbody td {
    color:#3D3D3D;
    padding: 8px;
    background-color: #f9f9f9;
    vertical-align: top;
    border:1px solid #ddd;
}
.datatable tbody tr.odd td {
    background-color:#FFF;
}
.datatable tbody tr:hover td {
    color: #c91414; 
    /*font-weight:bold;*/
    background-color:#eee;
}

/*
.scrolableTable {
  width: 100% !important;
  border-collapse: collapse;
}
.scrolableTable tbody {
  display: block;
  max-height: 730px;
  overflow-y: auto;
}
.scrolableTable thead, tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
*/
 
.dt-button {
	/*width:50px;
	font-weight: bold;
	*/
}	 

.hidden{
   /*display:none !important;*/ 
   display:none;
}	

.mandatory{
    /*color: #B92500;*/
    color: #c91414;
    
}

.errorMsg {
  display: none;
  /*max-width: 100%;*/
  padding: .25rem .5rem;
  margin-top: 3px;
  font-size: .875rem;
  color: #fff;
  background-color: #c91414;
  opacity: 0.9;  	  
}

.rowActivteDeactivate, .rowEdit {
    width: 100%;
    margin-bottom: 4px;
}


#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    background: rgba(0, 0, 0, 0.3); /* semi-transparent overlay */
    z-index: 9999;

    display: none; /* hidden by default */

    /* block all interactions */
    pointer-events: all;

    /* center spinner */
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    border: 16px solid #f3f3f3;     /* Light gray */
    border-top: 16px solid #157347; /* Green spinner color */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}






/* HUB CARD */
.hub-card {
    border-radius: 6px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hub-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* HUB IMAGE */
.hub-img {
    height: 190px;
    object-fit: cover;
}

/* TEXT CONTROL */
.card-title {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.3;
}

.card-text {
    line-height: 1.3;
}




.success-container {
  height: 320px;    	
}
.success-img {
  width: 100%;
  height: 320px;       
  object-fit: cover;
}
.image-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background: rgba(0,0,0,0.4);
  border-radius: 5%;
}
.image-control.carousel-control-prev {
  left: 10px;
}
.image-control.carousel-control-next {
  right: 10px;
}
.carousel-control-prev,
.carousel-control-next {
  width: auto;
}




.map-wrapper {
    width: 100%;
    height: 400px;           
    overflow: hidden;
}
.map-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
@media (max-width: 768px) {
    .map-wrapper {
        height: 280px;
    }
}



.modal-backdrop.show {
    opacity: 0.85;
}

.gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 3rem;
    color: white;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 10;
}

.gallery-nav.left { left: 0; }
.gallery-nav.right { right: 0; }

/* .gallery-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,0.75);
    padding: 12px 20px;
    text-align: center;
} */


.modal-img-container {
    display: inline-block;
    position: relative;
    text-align: center;
    max-width: 100%;  /* Prevent overflow */
}

#modalImage {
    display: block;
    width: 100%;      /* Make image full width of container */
    height: auto;     /* Keep aspect ratio */
}

.gallery-caption {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.75);
    color: #000;
    padding: 12px 20px;
    box-sizing: border-box;
    font-size: 1rem;
    text-align: center;
}




/* Active accordion header */
.accordion-button:not(.collapsed) {
    /* background-color: #157347; */
    color: #ffffff;
  	background-image: url("../images/bg2.png");	
  	background-repeat: no-repeat; 
  	background-size: cover;
  	background-position: center;     
}

/* Remove default focus/active shadow */
.accordion-button:focus {
    box-shadow: none;
}

/* Optional: keep arrow white */
.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}


#contactTable tr th {
    color: #ffffff;
  	background-image: url("../images/bg2.png") !important;	
  	background-repeat: no-repeat !important;	
  	background-size: cover !important;	
  	background-position: center !important;	   	
}



.password-policy {
    margin-top: 10px;
    padding: 10px 12px;
    background-color: #f8f9fa;
    border-left: 4px solid #198754;
    font-size: 13px;
}

.password-policy ul {
    margin: 5px 0 0;
    padding-left: 18px;
}

.password-policy li {
    margin-bottom: 4px;
}