@charset "UTF-8";


/* Nunito Sans latin */
@font-face {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url('fonts/NunitoSansLatin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

#app {
	width:100%;
	align-content: center;
}
.app {
	width:100%;
	align-content: center;
}
.custom {
	justify-content: center;
  	display: flex;
}


#postalCodeLookupLink {
    font-size: 90%;
}

p1 {
	margin-left: 5px;
}

  
.p_sm {
	margin-left: 5px;
	margin-right: 5px;
	font-size: 14px;
}


.header-left {
	margin-top: 10px;
	font-size: 11px;
	font-style: italic;
	
}

.admin-header-left {

  font-size: 11px;
  font-style: italic;
  margin-left: 70px;
  color: #000;
  font-weight: bolder;
}

.text-ia-info{
	color: #549DDB;
	font-weight: bold;
  }

.navbar_prm {
	background: linear-gradient(to left, #478cd1, #ffff)
}

.navbar_sec {
	background: rgba(217, 217, 217, 0.5)
}

.btn {
	font-family: 'Nunito Sans';
	height: 30px;
}
.btn_no_pad {
	font-family: 'Nunito Sans';
	height: 30px;
	--bs-btn-padding-x: 0;
}


a {
  color: #549DDB;
  text-decoration: underline;
}

a:hover {
	--bs-link-hover-color: #7D7E7E;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

.navbar-custom {
	height: 20px;
}



.navbar {
	background: #7D7E7E;
	--bs-navbar-toggler-border-color: #fff;

}

.navbar-toggler {

	color: #fff;

}



.btn-ia-primary, .btn-admin-menu, .btn-ia-search {
	--bs-btn-color: #fff;
	--bs-btn-bg: #549DDB;
	--bs-btn-border-color: #549DDB;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #549DDB;
	--bs-btn-hover-border-color: #549DDB;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #549DDB;
	--bs-btn-active-border-color: #549DDB;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #549DDB;
	--bs-btn-disabled-border-color: #549DDB;
	--bs-btn-font-family: 'Nunito Sans';

}

.btn-ia-search {
	height: 40px;
	min-width: 150px;
}

.btn-admin-menu {
	height: 40px;
	--bs-btn-hover-bg: #7D7E7E;
}

.nav-link-custom {
	display: block;
	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
	color: #fff;
	text-decoration: none;
	


}
a.nav-link-custom:hover {
	color: #549DDB;
	
}


.loggedin-user-text {
	/* text-align: right !important;
	margin-right: 30px; */
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	font-size: 12px;
}


/* Styles for wrapping the search box */

.main {
	width: 50%;
	margin: 10px auto;
}

.error {

	font-style: italic;
	color: #d44b29;
}

/* Bootstrap 5 text input with search icon */

.has-search .form-control {
	padding-left: 2.375rem;

}

.has-search .form-control-feedback {
	position: absolute;
	z-index: 2;
	display: block;
	width: 2.375rem;
	height: 2.375rem;
	line-height: 2.375rem;
	text-align: center;
	pointer-events: none;
	color: #aaa;

}

.form-control:focus {
	color: #212529;
	background-color: rgba(84, 157, 219, 0.15);
	outline: 10;
	box-shadow: 0 0 0 0;

}

form-control {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: rgba(219, 84, 109, 0.15);
	background-clip: padding-box;
	border: 1px solid #daced1;
	appearance: none;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;


}

.formcontainer {
	width: 100%;
	max-width: 500px;
}

/* Styles for wrapping the search components */
.input-row {
	margin-top:1rem;
	justify-content: left;
	display : flex;
	flex-wrap:wrap;
	gap:40px; 
	padding: 10px;
	
}

.input-rownarrow {
	margin-top:1rem;
	justify-content: left;
	display : flex;
	flex-wrap:wrap;
	gap:40px; 

	
	
}

.input-column {
	width: 200px;
	height: 30px;
	display:flex;
	justify-content: center;
	align-items:center;
	gap:10px;
}




  
   #wrapper {
/*      width: 900px; */
     margin: 20px auto;
     align-content:center;
  }
 
 .data-container {
  margin-top: 20px;
  align-content:center;
}

h1, h2 {
    font-family:  'Nunito Sans';
  }
  
 body {
  font-family:'Nunito Sans';
  font-size: 0.9rem;
  font-weight: 300;
  overflow-x:hidden;
}


  h2 {
    font-size: 18px;   
   
  }

  h5 {
    font-size: 10px;
    font-weight: bold;

  }

  h4 {
    font-size: 10px;   
    font-style: italic;
   
  }
  .searchicon {
    width:30px;
    height:30px;
  }
  
  .card {
  flex: 1;
  
  }
  
  /* .card-title {
    margin-left:0.5rem;
    display: inline-block;
  } */
  .card-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:0.5rem;
  }
  .card-title {
    font-size:0.8rem;
    margin: 0;
  }

  .card-title2 {
    font-size:0.8rem;
    font-weight: bold;
    margin-bottom: 0;
    color: #549DDB;
  }

  .card-title3 {
    font-size:0.8rem;
    margin: 0;
  
  }
  
   .card-title4 {
    font-size:0.8rem;
    margin: 0;
    color: #ff0000;
  
  }
  
   .card-title5 {
    font-size:0.8rem;
    margin: 0;
    color: #ff0000;
  
  }

  .body-line{
    font-size:0.8rem;
   
   
  }
  .body-line2{
    font-size:0.8rem;
   
      
  }
  
   .body-line3{
    font-size:0.8rem;
     
  }
  

/* clear text boxes related styles */

.form-group.position-relative input {
  padding-right: 32px;
}

.form-clear {
  align-items: center;
  background: #cecece;
  border-radius: 50%;
  bottom: 8px;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: 20px;
  width: 24px;
  z-index: 10;
}

.form-text+.form-clear {
  bottom: calc(1rem + 18px);
}

.form-clear .material-icons {
  font-size: 16px;
  font-weight: 500;
}


/* Clear button styles
--------------------------------------------- */

  
  .form-control-clear {
	z-index: 10;
	pointer-events: auto;
	cursor: pointer;
  }
  
.has-feedback {
	position: relative;
  }
  .form-group {
	margin-bottom: 15px;
  }
  

.form-control-feedback-clear {
	position: absolute;
	top: 0;
	right: 0;	
	display: block;
	width: 55px;
	height: 45px;
	line-height: 34px;
	text-align: center;

}

.fa-remove{

	font-size:18px;
	font-weight: 100;
	color:#549DDB
}


/*   drop down component related styles */
/*  resizing images in custom dropdown list on main page to imitate icons  */
.dd-option-image {
	width:1rem;
	height:1rem;
    margin-right: 10px;
    margin-bottom: 5px;
}


.inputImageLocation{  
	background-image:url('images/location.png');   
	background-position:left;   
	background-repeat:no-repeat;   
	background-size: 20px;
	padding-left:17px;	
	background-position:13px 3px;
	}
	

.inputImageService{  
	background-image:url('images/service.png');   
	background-position:left;   
	background-repeat:no-repeat;   
	background-size: 20px;
	padding-left:17px;	
	background-position:13px 3px;
	}
	

.inputImageOrg{  
	background-image:url('images/organization.png');   
	background-position:left;   
	background-repeat:no-repeat;   
	background-size: 20px;
	padding-left:17px;	
	background-position:13px 3px;
	}
	

.inputImageVirtual{  
	background-image:url('images/virtual.png');   
	background-position:left;   
	background-repeat:no-repeat;   
	background-size: 20px;
	padding-left:17px;	
	background-position:13px 3px;
	}

.inputImageAll{  
	background-image:url('images/all_records.png');   
	background-position:left;   
	background-repeat:no-repeat;   
	background-size: 100px;
	padding-left:17px;	
	background-position:70px 5px;
	}

.dd_list_text{
	text-align: left; 
	text-indent: 7%;

}
.dd_list_textLeft{
	text-align: left; 

}

.sortResultByOptionSelect{
	
	color: #000;
	font-family: 'Nunito Sans' ;
	font-size:14px;
  	font-weight: 400;
  
}

.dd_list{
 width: 100%;
}

 .input-wrapper {
/*         display:inline-block; */
        position: relative
 }
 
 .input-wrapper:after {
        font-family: 'FontAwesome';
/*         content: '\f274'; */
        content: 'bi bi-printer';
        position: absolute;
        right: 6px;
    }

.ms-dd-option-image {
	width:1rem;
	height:1rem;
}


.ms-dd .ms-dd-header .option-selected {
	color: #000;
	font-family: 'Nunito Sans' ;
	pointer-events: none;
	font-size:14px;
  	font-weight: 400;
 }
 
 .ms-dd .ms-options 
  {

	color: #000;
	font-family: 'Nunito Sans' ;
	font-size:14px;
  	font-weight: 400;
  }


.ms-dd{
 width: 100%;
}



.full-width {
    width: 100%
}
  

 




 /* help page related styles */ 

.questionsSection {
    padding-top: 10px;   
   
}


.answersSection{
	 padding-top: 10px;  
	
	
}

.topOfHelpPage a:link, .topOfHelpPage a:visited {
    font-size: 0.8em;
    font-weight:normal;
}


.blueHeading{
	font-weight: bold;
	color: #549DDB;
	font-size: small;
}


.eachAnswerHeading {
	color: #549DDB;
    font-weight: bold;
    padding-top:10px;
    padding-bottom: 10px;
   
}

.eachAnswer {
    padding-left: 10px;
    padding-bottom: 10px;
}

.list-group-item {
	position: relative;
	display: block;
	padding-top: 0px;
	padding-bottom: 5px;
	text-decoration: none;
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
	border: 0px;
  }
  
  
  
   /* for load more functionality */ 
  .hidden {
    display:none;
}


.text_info{
	color: #549DDB;
	font-weight: bold;
  }
  
.text_info_sm{
	color: #549DDB;
	font-weight: bold;
	font-size: 11px;
  }
  
  
.p_sm {
	margin-left: 5px;
	font-size: 14px;
}

 /* details page related styles */ 
p {
    margin: 0px;
    padding: 0px;
}

.accordion-preview .collapse:not(.show) {
    display: block;
}
.accordion-preview .collapse:not(.show) .accordion-body {
    max-height: 90px;
    position: relative;
    overflow: hidden;
}

.accordion-preview .collapse:not(.show) .accordion-body:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top,
       rgba(255,255,255, 1) 5%, 
       rgba(255,255,255, 0) 60%
    );
    pointer-events: none; /* so the text is still selectable */
}
.accordion {

--bs-accordion-btn-padding-x: 0;
--bs-accordion-btn-padding-y: 0;
--bs-accordion-active-color: #01050b;
/* --bs-accordion-active-bg: #549DDB; */
--bs-accordion-active-bg: rgba(84, 157, 219, 0.3);
--bs-accordion-btn-focus-box-shadow:0;


}

.accordion-item
{

	background-color: #f5f5f5;
	border: 0;
	
}

.accordion-button {
background-color:#f5f5f5 ;

}

  

.small-image {
	width:1rem;
	height:1rem;
	margin-right: 10px;
	margin-bottom: 5px;
}

.p-tab-list{
   display: block;
   font-size: 13px;
   font-weight: 200;
  
}

.p-tab-cont-header{
	font-size: 13px;
	font-weight: 600;
 }
 
 .tab-cont-header {
    font-size: 13px; 
	text-transform: uppercase;  
	background-color: #f1f1f1;
	font-weight: bold;
	margin-top: 10px;
   
  }

  .searchicon {
    width:30px;
    height:30px;
  }

 .p-tab-cont {
    display: block;
    font-size: 13px;
    font-weight: 200;
 }


 .ia_map
 {
	
    height: 40vh;
	display: flex;
	/* width: 200px;
    display: block;
	position: inherited; */
	
 }	
	
.mapmain
{ 
	max-height: 50% ;
	
	/* margin-top: 3px !important;
	max-height: 50% !important; /*90% height of your parent div and if it crosses y-axis scroller will be shown 
	overflow-y: auto !important; */
}
 
 .mapdiv
{

	width: 100%;	
	display: flex;
	height: 20vh;
	flex-direction: column;
	/* height: 300px;
	height: 20vh;
	display: flex;
	flex-direction: column; */
	
}

.leaflet-popup-content {
  
    font-size: 1em !important;
    line-height: 0.5em !important;
}

 long messy gradient background code */
 .grad {
    background: -moz-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0.53) 19%, rgba(241, 241, 241, 1) 36%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(241, 241, 241, 0)), color-stop(19%, rgba(241, 241, 241, 0.53)), color-stop(36%, rgba(241, 241, 241, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0.53) 19%, rgba(241, 241, 241, 1) 36%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0.53) 19%, rgba(241, 241, 241, 1) 36%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0.53) 19%, rgba(241, 241, 241, 1) 36%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0.53) 19%, rgba(241, 241, 241, 1) 36%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f1f1f1', endColorstr='#f1f1f1', GradientType=1);
    /* IE6-9 */
}


/* scroll bar style */



#tabitem::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}


#tabitem::-webkit-scrollbar-track {
    box-shadow: inset 0 0 8px rgba(104, 140, 240, 0.3);
  }

#tabitem::-webkit-scrollbar-thumb {
    background-color: #549DDB;
    outline: 1px solid slategrey;
}


	
.details_link{
	color: #000;
	font-size:0.8rem;
	text-decoration: solid;
	
}

.name_details_link{
	color: #000;
	font-size:1rem;
	text-decoration: solid;
	
}

/* define the hover style within the :hover selector */
.details_link:hover {
	
	color: #549DDB;
	cursor: pointer;
  }

.serviceinfo
{
	 width: 100%;
}

				 
.elecformlink
{
	margin-right: 10px;
	font-weight: bold;
}

/* style for header 2*/
.navbar_prm2 {
    background: linear-gradient(to left, #478cd1, #ffff);
    margin-top: 25px;
  }
  .header2_image
  {

	margin-left: 5px;
	margin-top: -25px;
	width: 70px;
	height: 70px;
	
  }

  .header2-left2 {
    margin-top: -47px;
   	font-style: italic;
    margin-left: 35px;
	font-size: 18px;
	color: #7d7e7e;
	/* darker grey  color: #545450;*/
	
}


.img_srv
{
	width: 45px;
	
} 
 
  .text_red
{
	color: red;
	
}
.text_red_note
{
	color: red;
	font-style: italic;
	font-weight: 200;
}

.flex-1 {
	flex:1;
}

#parentVerticalTab {
	display:flex !important;
}

.wheelIcon
{
	margin-inline-end: 10px;
	margin-inline-start: 10px;
}

.helpIcon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}



/* Print page layout related styles */
.print-cont-header {
    font-size: 13px; 
	text-transform: uppercase;  
	font-weight: bold;
	margin-top: 10px;
   
  }

  .hopdiv{
	margin: 0;
	display: block;
    font-size: 13px;
    font-weight: 200;
  }
  
  
/* Organization details page related styles */
  .org-img {
    width: 25px;
	margin-right: 10px;
}


.p-org-altnames{
	display: block;
	font-weight: 200;
	margin: 10px;
	padding-left: 25px;
   
 }
 .alt-span{
	font-size: 13px;
	font-weight:bold;
}
.org-mandate
{
	padding-top: 0px;
	display: block;
	font-weight: 200;
}
.orginfo
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.p-org-types{
	display: block;
	font-weight: 200;
	padding-top: 10px;
	   
 }


.right-container {
    padding: 20px;
    background-color: rgba(84, 157, 219, 0.3);
    border: 1px solid #c1c1c1;
     /* min-height: 250px; */
    height: 100%;
    border-radius: 4px;
    clear: none;
    display: table;
   
}
.right-tab-content {
    border: none;
    word-wrap: break-word;
    background-color: #fff;
	padding: 15px;

}

.testdiv2t, p
{	margin: 0px;
    padding: 0px;
}

 .org-error {
  height: 300px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  /* Column | row */
  text-align: center;
} 


/* Location details page related styles */

.locinfo
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.locDesc
{
	padding-top: 0px;
	display: block;
	font-weight: 200;
	padding-right: 30px;
}

  .loc-img {
    width: 25px;
	margin-right: 10px;
}

.loadmore
{
  display: flex;
  flex-direction: column;
  text-align: center;
}

/* Added custom validation classes same as bootstrap with name was-validated-custom to not show or highlight fields with default green color when validation is success. */
.was-validated-custom :invalid ~ .invalid-feedback,
.was-validated-custom :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated-custom .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated-custom .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated-custom textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated-custom .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}
.was-validated-custom .form-select:invalid:not([multiple]):not([size]), .was-validated-custom .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated-custom .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated-custom .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated-custom .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}
.was-validated-custom .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}
.was-validated-custom .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated-custom .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated-custom .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated-custom .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated-custom .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.ui-sortable {
    cursor: move;
}

/* tooltip css overrides */
.tooltip-inner {
    background: #d3d4d5;
    color: #000;
}
.bs-tooltip-right .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: #d3d4d5 !important;
}

.selected{
	
     background: #ff0000;
}


/* admin main menu*/

.adminformcontainer {
	width: 100%;
	display: grid;
    justify-content: center;
}


  .product-card-container {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
	padding: 0.5rem;
	/* border: 1px solid green; */
	justify-content:space-evenly;
	max-width: 95%;
	margin: auto;
  }
  
  
  .product-card-container_twocol {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
	padding: 0.5rem;
	/* border: 1px solid green; */
	justify-content:space-around;
	max-width: 95%;
	margin: auto;
  }
  
  
  .product-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 400px;
	padding: 0 0.4rem;
	row-gap: 0.5rem;
	/*border: 1px solid black;
	 */
  }
  .product-card > img {
	object-fit: cover;
	width: 100%;
	height: 200px;
  }
  
  .product-info {
	/* Use this for growing an element to 100% width or height inside of a flex container */
	flex-grow: 1
  }


/*admin search styles	 */

  .result_table_title{
	font-size: 0.8rem;
  	margin: 0;

  }
  
  .add_maintain_img {
	height:1rem;
    margin-right: 10px;
    margin-bottom: 5px;
}

.highlight_row:hover
{	
	background-color:#ced4da;
}


.nav-tab-header {
	
	--bs-nav-link-color: #549DDB;
	--bs-nav-tabs-link-active-color: #549DDB;
	----bs-link-hover-color: #549DDB;
	
	}
	
.admin_menu{
	
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.grey_out{
	
	 background: #f1f2f2;
}

.alert-info-ia {
  --bs-alert-color: #000000;
  --bs-alert-bg: rgba(84, 157, 219, 0.3);
  --bs-alert-border-color:  rgba(84, 157, 219, 0.3);
}


/* Base styles for #btnTop (apply to all breakpoints) */
#btnTop {
  right: 0;
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 80px; /* Place the button at the bottom of the page */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #549DDB; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 14px; /* Increase font size */
}

#btnTop:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  #btnTop { right: 2%; }
}

@media (min-width: 1400px) {
  #btnTop { right: 10%; }
}

.nav-vertical{
  position:fixed;
  bottom:1em;
  right:1em;
}

.form-check-input:checked {
    background-color: #549DDB;
    border-color: #549DDB;
}

.dir_published {
   	color: #549DDB !important;    
}

.dir_unpublished {
   	color: #7D7E7E !important;    
}

.btn_link {
    background-color: transparent!important;
    border: 0!important;
    color: #549DDB!important;
    cursor: pointer!important;
    display: inline!important;
    margin: 0!important;
    outline: none!important;
    padding: 0!important;
    text-decoration: underline!important;
    
}

.btn_link:hover {
  color: #7D7E7E !important;
 
}

/* Geographic area details page related styles */

.linkbtn {
    background-color: transparent!important;
    border: 0!important;
    color: #549DDB!important;
    cursor: pointer!important;
    display: inline!important;
    margin: 0!important;
    outline: none!important;
    padding: 0!important;
    text-decoration: none!important;
}



.linkbtn:hover {
 text-decoration: underline!important;
 color: #7D7E7E;
}


/* Taxonomy  related styles */

.tx_linkbtn {
    background-color: transparent!important;
    border: 0!important;
    color: #549DDB!important;
    cursor: pointer!important;
    display: inline!important;
    margin: 0!important;
    outline: none!important;
    padding: 0!important;
    text-decoration: none!important;
    font-weight:bold;
}



.tx_linkbtn:hover {
 text-decoration: underline!important;
 color: #7D7E7E;
 font-weight:bold;
}
/* Spinner for pages */
.spinner {
    display: none; 
}

body.busy .spinner { 
	display:block !important; 
}

#spinnerOverlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.3);
  z-index: 10;
}

/* Spinner for modal for ajax request. */
.spinner-modal {
    display: none; 
}

.modal-body.busy .spinner-modal { 
	display:inline-block !important; 
}

.geoarea_linkbtn {
    background-color: transparent!important;
    border: 0!important;
    color: #549DDB!important;
    cursor: pointer!important;
    display: inline!important;
    margin: 0!important;
    outline: none!important;
    padding: 0!important;
    text-decoration: none!important;
    font-weight:bold;
    min-width: 150px;
    text-align: left!important;
}



.geoarea_linkbtn:hover {
 text-decoration: underline!important;
 color: #7D7E7E;
 font-weight:bold;
}

/* Styles for jasper reports  */

table[id^="JR_PAGE_ANCHOR_"] {  
    
	width: 100% !important; 
 
}

.link-black-small { 
	color: black !important;
	font-size: small; 
	margin-left: 0px; 
 }


 /* Make DataTables pagination buttons larger */

.dt-paging-button.first {
  font-size: 1.2em !important;
  font-weight: bold;
}

.dt-paging-button.previous {
  font-size: 1.2em !important;
  font-weight: bold;
  
}

.dt-paging-button.next {
  font-size: 1.2em !important;
  font-weight: bold;
}

.dt-paging-button.last{
  font-size: 1.2em !important;
  font-weight: bold;
}

.form-check-label b {
    font-weight: bold !important;
}