/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *

 */


.loader {
    position: fixed; /* Changed from absolute to fixed */
    left: 50%;
    top: 50%; /* Center vertically */
    transform: translate(-50%, -50%); /* Perfect centering */
    z-index: 1;
    border: 6px solid #F3F3F3;
    border-radius: 50%;
    border-top: 6px solid #005fe1;
    width: 68px;
    height: 68px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.loader_name {
    position: fixed;
    left: 52%;
    top: 60%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.bg_loader {
    background: #f0f5f9;
    opacity: 0.4;
    pointer-events: none;
}
.bg_sensor_loader {
    background: #fff;
    opacity: 0.6;
    pointer-events: none;
}
#univeral-search-loader {
    position: absolute;
    left: 50%;
    top: -40%;
    z-index: 1;
    margin: 34px 0 0 -75px;
    border: 6px solid #F3F3F3;
    border-radius: 50%;
    border-top: 6px solid #3498DB;
    width: 68px;
    height: 68px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.loader_rt {
    position: absolute;
    left: 50%;
    bottom: 20%;
    z-index: 1;
    margin: 96px 0 0 -75px;
    border: 5px solid #F3F3F3;
    border-radius: 50%;
    border-top: 5px solid #005fe1;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.alert-common {
    top: 2%;
    width: 60%;
    left: 20%;
}