.header-notification{
    display:none;
}
 .new_label:before {
     content: "New";
     font-size: 8px!important;
     background: #6e00be;
     padding: 3px 5px;
     color: #fff!important;
     border-radius: 7px;
     text-transform: uppercase;
     line-height: 10px;
     font-weight: 500;
}
 .new_label {
     position: relative;
     top: -15px;
     right: 0px;
}
 .alert {
     padding: 20px;
     color: white;
     font-size: 18px;
     border-radius: 4px;
}
 @media only screen and (min-width: 990px){
     .profile-img-holder{
         cursor: pointer;
    }
     .profile-img img {
         width: 32px;
         height: 32px;
         border: 1px solid #ccc;
         border-radius: 20px;
         margin-top: -8px;
    }
}
 .error{
     display: inline-block;
     color: red;
     font-size:12px;
}
 .switch.btn {
     min-width: 6.7rem;
}
 .modal-open .modal {
     position: fixed;
     width: 100%;
     height: 100%;
}
 .botom{
     margin-bottom: 10px;
}
 .input-with-icon .form-control, .input-with-shadow .form-control, .input-with-shadow .select2-container, .input-with-icon .select2-container {
     border-radius: 50px;
     height: 42px;
}
 .modal .form-control{
     margin-bottom: 5px;
     font-size: 15px;
     height: 42px;
     border-radius: 5px;
}
 .input-with-icon i {
     top: 20px;
     font-size: 15px;
}
 .btn {
     font-size: 14px;
     border-radius: 50px;
     padding: 10px 15px;
     letter-spacing: 1.5px;
}
 @media (min-width: 768px){
     .modal-dialog {      
         margin: 7px auto;
    }
}
 .new-logwrap {
     padding: 25px 2px;
}
 .modal-content {
     padding: 0 0 0px;
}
 .new-logwrap .form-group {
     margin-bottom: 22px;
}

 /*.modal:nth-of-type(even) {
     z-index: 1041 !important 
}
 .modal-backdrop.show:nth-of-type(even) {
     z-index: 1061 !important;
}*/

/*password hide show */
 .password-hode-shoe-icons {
     position: absolute;
     right: 10px;
     top:5px;
     cursor: pointer;
}
 .password-hode-shoe-icons .input-group-texts, .input-group-texts {
     padding: 0px 20px;
     line-height: 48px;
}
 .password-hode-shoe-icons .input-group-texts, .input-group-texts {
     padding: 12px 20px;
}
 .password-hode-shoe-icons .input-group-texts, .input-group-texts {
     padding: 14px 20px;
     color: #C4C4C4;
     font-size: 21px;
}
 .password-hode-shoe-icons .input-group-texts, .input-group-texts {
     background: none;
     border: none;
     padding: 15px 15px;
     position: absolute;
     right: 0;
     cursor: pointer;
}
 .input-group-texts {
     display: flex;
     align-items: center;
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #000;
     text-align: center;
     white-space: nowrap;
     background-color: #e9ecef;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
}
/*password hide show */
 .search-container {
     position: relative;
     margin: 0 auto;
    /* Center the container horizontally */
}
 .search-input {
     width: 100%;
     padding: 10px;
     font-size: 16px;
     border: 2px solid #ccc;
     border-radius: 4px;
     margin-bottom: 0px;
}
 .search-results-container {
     list-style: none;
     padding: 0;
     margin-top:-7px;
     max-height: 200px;
     overflow-y: auto;
     border: 0px solid #ccc;
     border-radius: 4px;
     scrollbar-width: thin;
     scrollbar-color: #999999 #f5f5f5;
     display: none;
     position: absolute;
     width: 100%;
     background-color: #eee;
    /* Set a background color */
     z-index: 9999;
     left: 0;
    /* Add left property to align with the input field */
     box-sizing: border-box;
    /* Include padding and border in the width calculation */
}
 .search-result {
     background-color: #eee;
     padding: 8px 15px;
     margin-bottom: 5px;
     border-radius: 0px;
     cursor: pointer;
     border: none;
     line-height: 1.2;
     text-align: left;
}

 .search-result:hover {
     background-color: #e0e0e0;
}
 .search-result.selected {
     background-color: #a8dadc;
}
 .search-results-container::-webkit-scrollbar {
     width: 6px;
}
 .search-results-container::-webkit-scrollbar-track {
     background-color: #eee;
}
 .search-results-container::-webkit-scrollbar-thumb {
     background-color: #eee;
     border-radius: 3px;
}
.city-search-result{
    background-color: #eee;
    padding: 8px 15px;
    margin-bottom: 5px;
    border-radius: 0px;
    cursor: pointer;
    border: none;
    line-height: 1.2;
    text-align: left; 
}
 .city-search-result:hover {
     background-color: #e0e0e0;
}
 .city-search-result.selected {
     background-color: #a8dadc;
}

 .modal-footer {
     position: sticky;
     bottom: 0;
     background-color: #f8f9fa;
    /* Set a professional background color */
     padding: 10px;
    /* Adjust the padding as needed */
}
 @media (max-width: 992px){
     nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
         display: none!important;
    }
}



    .desktop-custom-search-box {
        display: flex;
        align-items: center;
        border-radius: 20px;
        overflow: hidden;
        margin-top: -10px;
        margin-left: 15px;
        cursor: pointer;
        margin-top: -7px;
    }


    .custom-search-box {
     display: flex;
     align-items: center;
     border-radius: 20px;
     overflow: hidden;
     margin-top: -46px;
     cursor: pointer;
    }
    
   .custom-search-text {
     background-color: #f3f3f3;
     padding: 10px;
     color: #000;
     font-size: 15px;
     border-radius: 20px;
     align-items: center;
    
    }
 .custom-popup {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     justify-content: center;
     align-items: center;
     z-index: 999;
}
 .custom-popup-content {
     background-color: white;
     padding: 20px;
     border-radius: 0px;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
     box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
     height: 280px;
     display: flex;
     flex-direction: column;
}


    @media (max-width: 768px) {
        .custom-search-text {
         margin-top: 5px;
         display: flex;
         width: 70%;
         margin-right: 18px;
        }
    }
    
    
/* Center the buttons in the custom-popup-footer */
 .custom-popup-footer {
     display: flex;
     justify-content: center;
     margin-top: -4px;
}
 .custom-popup-buttons {
     display: flex;
     justify-content: flex-end;
     margin-top: 10px;
}
 .custom-search-button {
     padding: 8px 40px;
     border: none;
     border-radius: 20px;
    /* Increase the border-radius for a rounded design */
     cursor: pointer;
     font-size: 14px;
}
 .custom-cancel-button {
     padding: 8px 40px;
     background-color: white;
     border-radius: 20px;
    /* Increase the border-radius for a rounded design */
     border: 2px solid #007bff;
    /* Add blue border to cancel button */
     color: #007bff;
    /* Set text color to blue */
     font-size: 14px;
     margin-right: 10px;
}
 .custom-search-button {
     background-color: #007bff;
     color: white;
}
 .custom-popup-main {
     flex-grow: 1;
     display: flex;
     flex-direction: column;
}
 .custom-popup-main input {
     border: none;
     border-bottom: 1px solid #ccc;
    /* Add bottom border to each input field */
     padding: 8px;
     margin-bottom: 10px;
     font-size: 14px;
}
 .custom-popup-main input:last-child {
     margin-bottom: 20px;
    /* Increase margin for the last input field */
}
/* Unique CSS for each input field */
 .custom-popup-main .custom-input-wrapper {
     position: relative;
}
 .custom-popup-main input {
     border: none;
     border-bottom: 1px solid #ccc;
     padding: 8px;
     margin-bottom: 10px;
     font-size: 14px;
     width: 100%;
     background: transparent;
    /* Add padding to the top of the input fields */
     padding-top: 20px;
}
 .custom-popup-main label {
     position: absolute;
     top: 25px;
    /* Adjust the top position to create space between label and bottom border */
     left: 8px;
     pointer-events: none;
     transition: 0.2s ease all;
     color: #888;
}