body {
       background-color: #064A99 !important;
   }

   body.swal2-height-auto {
       height: -webkit-fill-available !important;
   }

   .delete_mdb:hover {
       box-shadow: 0px 0px 15px 3px;
   }

   .cursor {
       cursor: pointer;
   }

   .fa-circle-xmark:hover {
       color: red !important;
   }

   .cursor_K:hover {
       color: red !important;
   }

   .size-img {
       /* top: 120px; */
       position: relative;
       min-width: 300px;
       max-width: -webkit-fill-available;
       max-height: 350px;
       min-height: 350px;
   }

   .size-HAB {
       max-width: 200px;
       min-width: 200px;
   }

   .usernames {
       /* max-width: 40%;
            min-width: 40%; */
       max-height: 60px;
       min-height: 60px;
       font-size: 20px;
       border-radius: 10px;
       padding-left: 60px;
   }

   .passwords {
       max-width: 300px;
       min-width: 300px;
       max-height: 60px;
       min-height: 60px;
       font-size: 20px;
       border-radius: 10px;
       padding-left: 60px;
       padding-right: 60px;
   }

   .ws_login {
       position: relative;
       width: 20px;
       height: 20px;
       right: 2px;
   }

   .pace .pace-progress {
       top: 0px !important;
       height: 3px;
       background: var(--bs-app-theme);
       transition: all .2s linear
   }



   .loader {
       position: fixed;
       z-index: 100;
       top: 0;
       left: 0;
       width: 100vw;
       height: 100vh;
       display: flex;
       align-items: center;
       justify-content: center;
       background: rgb(222, 226, 230);
       transition: opacity 0.75s, visibility 0.75s;
   }

   .loader--hidden {
       opacity: 0;
       visibility: hidden;
   }

   .loader::after {
       content: "";
       width: 75px;
       height: 75px;
       border: 5px solid #dddddd;
       border-top-color: #00ACAC;
       border-radius: 50%;
       animation: loading 1s ease infinite;
   }

   @keyframes loading {
       from {
           transform: rotate(0turn);
       }

       to {
           transform: rotate(1turn);
       }
   }

   .fa-regular:hover {
       cursor: pointer;
       color: red
   }