/* Custom CSS */
.custom-modal-dialog {
    max-width: 61%; /* Adjust the maximum width as needed */
    width: 61%; /* Set the width to a percentage */
    margin-left: 38%;
    margin-top:10%;
    z-index: 100;
  }
  
  .tooltip-inner{
      background-color: #fff;
      color:#1945a3;
      font-size:15px;
  }
  
  .container {
      display: flex; /* Use Flexbox to align items */
      align-items: center; /* Vertically center the items */
  }
  .container label{padding-top:5px;}
  
  label {
      margin-right: 10px; /* Add some space between label and input */
  }
  
  /* Set the maximum height for the dropdown container */
  .ms-drop {
      height: 210px; /* Adjust this value to control the maximum height */
      overflow-y: hide; /* Enable vertical scrollbar if content exceeds height */
  }
  
  /* Set the maximum height for the options list */
  .ms-drop ul {
      max-height: 100px; /* Adjust this value to control the maximum height */
      overflow-y: auto; /* Enable vertical scrollbar if options exceed height */
  }
  
  
  .custom-popover1 {
      width: 40%; /* Adjust the width as needed */
    
  }
  
  .custom-popover2 {
      width: 40%; /* Adjust the width as needed */
    
  }
  
  /* CSS to add marker to the selected option */
  .daterangepicker .ranges li.active {
      /* Add your marker/image background */
      /*background: url('arrow.png') no-repeat left center;
      background-size: 15px 15px;*/
      
     background-color: #1c87cb;
     cursor: not-allowed;
      pointer-events: none;
  }