.form-control
{
    border-radius: 0px !important;
} 



.alert.alert-success {
    background-color: #44bd86 !important;
}

.arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 1px;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    font-size: 18px;
}


.error{
    margin-top: -5px !important;
    margin-bottom: 5px !important; 
    width: 100%;
    display:flex;
    color: red;
    font-size: 14px;
    margin-top: 0.25rem;
}


.disabled-link {
    pointer-events: none;  /* Disable clicking */
    cursor: not-allowed;   /* Change cursor to indicate it's disabled */
    
    text-decoration: none; /* Remove underline */
    opacity: 0.65;         /* Add some transparency */
}
.dataTables_length{
    display:none;
}
/* .close{
    border: none;
    background: none;
} */


.custom-close {
    
    font-size: 1.5rem; /* Adjust icon size */
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.custom-close span {
    display: inline-block;
    position: absolute;
   
    transform: translate(50%, -50%);
    font-size: 1.5rem; /* Adjust the font size as needed */
}

.custom-alert {
    position: relative;
    padding-right: 2.5rem; /* Make room for the close button */
}

/* General approach for input type search with built-in clear button */
input[type="search"]::-webkit-search-cancel-button {
    cursor: pointer; /* Change cursor to pointer */
}

input[type="search"]::-moz-search-cancel-button {
    cursor: pointer; /* Change cursor to pointer for Firefox */
}


@media (max-width: 748px) {
    .g-3, .gy-3 {
        --bs-gutter-y: 0rem !important;
      }

    .error{
        margin-bottom: 0px !important;
    }    
  }
@media (max-width:514px) {
    .frmbtns
    {
        text-align: center;
    }
    .custom-select2 {
       width: 96% !important;
    }
}



.add-row {
    margin-bottom: 10px;
}

/*Change text in autofill textbox*/
input:-webkit-autofill{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #2c2c2c;
}
   
/* Remove blue outline for the close button (Bootstrap 5+) */
.btn-close:focus {
    outline: none;
    box-shadow: none;  /* Remove default focus shadow */
}
.live_trips_filter{
    margin-bottom:-7px;margin-left:7px !important;margin-right: 7px !important;
  }


  .select2-dropdown .select2-search--dropdown {
    width: 100%; /* Ensures the search box is the same width as the dropdown */
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    width: 100%; /* Makes the input field span the full width */
    box-sizing: border-box;
}

.select2-selection__rendered {
    white-space: nowrap;  /* Prevents overflow issues */
    text-overflow: ellipsis;  /* Adds "..." for long text */
    overflow: hidden;
}
.gps-active { color: green; }
.gps-inactive { color: red; }