* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

/* 10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
30px = 1.875rem
32px = 2rem */

body {
  margin: 0;
  background-color: #faf8ff;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell,
    "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
}



body.login {
  background-color: white;
}

select, input {
  font-size: 1.6rem;

  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell,
    "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 3rem;
  /* line-height: 30px; */
  margin-bottom: 32px;
  padding: 0;
  font-weight: 700;
  line-height: 130% !important;
  letter-spacing: -0.05em;
  color: #01386d;
  border-bottom: 4px solid #e84e0e;
  display: inline-block;
}

h2 {
  font-size: 2.5rem;
  /* line-height: 30px; */
  margin: 32px 20px 32px 0;
  position: relative;
  padding: 0;
  font-weight: 500;
  line-height: 130% !important;
  letter-spacing: -0.05em;
}

h3 {
  font-size: 2rem;
  /* line-height: 30px; */
  margin: 5px 32px 20px 5px 0;
  position: relative;
  padding: 0;
  font-weight: 500;
  line-height: 130% !important;
  letter-spacing: -0.05em;
}

.radius-16 {
  border-radius: 16px;
}

.border-grey {
  border: 1px solid #e1e1e1;
}

.container {
  margin: 30px auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 50px;

  background-color: white;
  box-shadow: 0 2px 1px -1px #221c4633, 0 1px 1px #221c4624, 0 1px 3px #221c461f;
}

.button {
  background: #01386d;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  margin: 20px;
  padding: 10px 30px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  border: 0;
  /* width: 200px; */
  border-radius: 30px;
  display: block;
  /* height: 30px; */
}

.button__white {
  background: white;
  color: #546aeb;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #c9d3ff;
  padding: 10px 30px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  /* width: 200px; */
  border-radius: 30px;
  /* display: inline-block; */
  margin: 20px auto;
  /* height: 30px; */
}

.button__white:hover {
  color: #2d3b88;
}


.button__red {
  display: flex;
   align-items:center;
   gap: 15px;
  background: white;
  color: #a04545;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #a04545;
  padding: 10px 30px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  /* width: 200px; */
  border-radius: 30px;
  /* display: inline-block; */
  margin: 10px auto;
  /* height: 30px; */
}

.button__red:hover {
  color: white;
  background: #a04545;

}



.button__withoutborder {
  border: 0;
}

.button__withoutborder svg {
  margin: 0 10px;
}

.button__inline {
  display: inline-block;
}

.button__center {
  display:inline;
}

.button__delete {
  background: #bcbfc1;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  margin: 20px 20px 20px auto;
  padding: 10px 30px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  border: 0;
  width: 200px;
  border-radius: 30px;
  display: block;
  /* height: 30px; */
}

.button__delete:hover {
  background: #fa0b0b;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.button-smallinline {
  margin: 5px;
  padding: 4px 15px;
  /* font-size: 1.3rem; */
  font-weight: 400;
  /* line-height: 16px; */
  border-radius: 30px;
  display: inline;
  /* height: 30px; */
}

.button-absolute {
  position: absolute;
  top: 0px;
  right: 0px;
}

.button:hover {
  background: #0522ff;
}

.alert-danger {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
  border-radius: 0.0375rem;
}

.alert-warning {
  background-color: rgb(207, 244, 252);
  border-color: rgb(158, 234, 249);
  color: black;
  border-radius: 0.0375rem;
}
.alert-success {
  background-color: rgb(207, 244, 252);
  border-color: rgb(158, 234, 249);
  color: black;
}

.alert-check {
  background-color: #d1ecf1;
  border-color: #bee5eb;
  color: #0c5460;
}

.alert {
  border-radius: 1rem;
  padding: 3rem 3rem;
  margin: 3rem 0.5rem;
}

.hidden {
  display: none !important;
}



.no-visibility {
  visibility: hidden;
}

.r-b {
  border-right: 1px solid rgb(145, 143, 143);
}

.small {
  font-size: 1.3rem;;
}

@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/* @media (min-width: 1920px) {
  .container {
    width: 1840px;
  }
} */

.modal-body {
  width: 100%;
  min-width: 100%;
}

.container {
  margin: 30px auto;

  box-shadow: none;
}