/*
 * 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.
 *


 */

#loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #22222250;
}

#loader-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  width: 120px;
  height: 120px;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.datepicker {
  width: 115px !important;
  display: inline-block !important;
}

.notice {
  margin: 0;
}

.btn.nohover:hover {
  cursor:default !important;
}

.light-gray {
  background: #e9ecef;
}

.light-blue {
  background: #ccdaf5;
}

.sticky {
  position: sticky;
  top: 60px;
}

#header {
  position: fixed;
  width: 100%;
  height: 60px;
  z-index: 10;
}