:root {
  --background-color: #e3e3e326;
  --main-color: #e20613;
}

@font-face {
  font-family: 'UniverseCondensed';
  src: url('../fonts/UniverseCondensed.ttf') format('truetype');
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 2rem;
  background: var(--background-color);
  font-family: 'Barlow', sans-serif;
}

footer {
  margin-top: 120px;
}

.mw-1400 {  
  max-width: 1440px;
}

.mw-1200 {
  max-width: 1200px;
}

.mw-992 {
  max-width: 992px;
}

.mw-768 {
  max-width: 768px;
}

.mw-512 {
  max-width: 512px;
}

.mw-360 {
  max-width: 360px;
}

.mw-240 {
  max-width: 240px;
}

h1 {
  font-weight: 500;
  font-style: italic;
  text-transform: uppercase;
}

h3 {
  font-weight: normal;
}

input:not([type='checkbox']) {
  background-color: #f7f7f7;
  border: 1px solid #ced4da;
  padding: 8px 15px;
  margin: 8px 0;
}

input[type="checkbox"] {
  padding: 10px;
}

input[type="color"] {
  height: 38px;
}

input:not([type='checkbox']),
.bootstrap-select,
input:not([type='checkbox']),
.bootstrap-select {
  font-size: 0.8rem;
  margin: 5px 0 0 0;
}

.universe-font {
  font-family: 'UniverseCondensed', sans-serif;
  font-size: 14px;
}

#toasts-wrapper {
  z-index: 100000;
  position: fixed;
  top: 10px;
  right: 30px;
  min-width: 280px;
  min-height: 200px;
  pointer-events: none;
}

/*================================================================================*/
/* Logo spinner */
#logo-spinner {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  background-color: rgb(255 255 255 / 0.8);
  z-index: 9999;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

#logo-spinner-image {
  z-index: 100;
  border-radius: 50%;
}
/*================================================================================*/

/**** TABLE BUTTON BORDERS *****/
.border-green {
  border-bottom: 5px solid #4dc025;
  margin-right: 5px;
}

.border-yellow {
  border-bottom: 5px solid #f1d307;
  margin-right: 5px;
}

.border-blue {
  border-bottom: 5px solid #3f51b5;
  margin-right: 5px;
}

.border-pdf {
  border-bottom: 5px solid #b30b00;
  margin-right: 5px;
}

.border-excel {
  border-bottom: 5px solid #02723b;
  margin-right: 5px;
}


.border-pink {
  border-bottom: 5px solid #f477e4;
  margin-right: 5px;
}

.crossed-text {
  text-decoration: line-through;
}

.flex-center {
  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
}

.modal-fluid {
  max-width: 90vw;
}

.navbar-brand img {
  max-height: 60px;
}

.nav-item-selected {
  font-weight: bold;
}

/* Bootstrap select override */

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100% !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #6c757d !important;
}

.bootstrap-select > .dropdown-toggle {
  background-color: #f7f7f7;
  border: 1px solid #ced4da;
  font-size: 0.8rem;
  padding: 8px 15px;
}

.bootstrap-select .dropdown-menu {
  padding: 0;
}

.bootstrap-select .dropdown-menu li a {
  margin: 0;
  padding: 0.5rem 1rem;
}

.partner-image {
  max-height: 36px;
}

#form-chooser-nav a {
  width: 100%;
}

#copyright {
  font-size: 14px;
}

@media (min-width: 768px) {
  #form-chooser-nav a {
    width: auto;
  }
}