/* Style the dropdown container */
.custom-dropdown-container {
  width: min(90%,400px);
  margin: 20px 0;
  background-color: #ffffff;
}

/* Style the dropdown */
#select2-custom-dropdown-container {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  background-color: white;
  cursor: pointer;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
 .select2-container--default .select2-results>.select2-results__options {
    max-height: 300px !important;
    overflow-y: auto;
}
/* Hover effect */
.select2-container--default .select2-results__option--selected , .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #961A30 !important;
	color:white !important
 
}

/* Select2 customization */
.select2-container .select2-selection--single {
  height: auto;
  border: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 10px;
}
/* ///////// */

.accordian-child {
    display: none;
    margin-top: 5px;
}
.accordian-child td {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-color: #e4e4e4 !important;
	padding:10px !important
}
.accordian-child table tbody tr:hover>td, .accordian-child table tbody tr:hover>th {
    background-color: transparent !important;
}
.accordian-opener {
    display: inline-block;
    width: 20px; /* Width of the arrow container */
    height: 20px; /* Height of the arrow container */
   
    border-radius: 5px; /* Optional: to round the corners */
    position: relative;
    cursor: pointer;
}
.accordian-opener {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
}
.accordian-opener .elementor-widget-container {
border:1px solid #a2a0a0a0;
	border-radius:5px;
padding:	15px 11px 11px 18px !important
	
}
.accordian-opener .accordian-opener-icon {
	display:block;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-right: 2px solid #a2a0a0a0;
    border-bottom: 2px solid #a2a0a0a0;
    transition: transform 0.3s ease;
}

.accordian-opener.open .accordian-opener-icon{
    transform: translate(-50%, -50%) rotate(223deg)
}
.accordian-opener .elementor-widget-container {
    position: relative; /* Ensure tooltip is positioned relative to the opener */
}

.accordian-opener .elementor-widget-container:hover::after {
    content: 'Details'; /* Tooltip text */
    position: absolute;
    top: -40px; /* Position above the icon */
    left: 50%;
    transform: translateX(-50%);
    background-color: #ddd;
    color: #000;
    padding: 5px 8px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease;
}

/* Create the triangle at the bottom middle of the tooltip */
.accordian-opener .elementor-widget-container:hover::before {
    content: '';
    position: absolute;
    top: -13px; /* Adjust to place the triangle below the tooltip */
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #ddd transparent transparent transparent; /* Create downward triangle */
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease;
}
