/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
#pageloader
{
  background: rgba( 255, 255, 255, 0.8 );
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#pageloader img
{
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  position: absolute;
  top: 50%;
}
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
/*
 * 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.
 *


 */

.swal2-popup {
  width: 440px !important;
  max-width: calc(100vw - 32px) !important;
  padding: 28px 32px !important;
  border-radius: 10px !important;
}

.swal2-title {
  font-size: 20px !important;
  margin-bottom: 8px !important;
}

.swal2-html-container,
.swal2-content {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.swal2-confirm {
  background-color: #2563eb !important;
  color: #ffffff !important;

  min-width: 80px !important;
  min-height: 40px !important;

  padding: 8px 20px !important;

  border: none !important;
  border-radius: 6px !important;

  font-weight: 600 !important;
}

.swal2-confirm:hover {
  background-color: #1d4ed8 !important;
}

.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25) !important;
}