@import url('colours.css');


.left-0 {
  left: 0;
}

.overlay {
  background: rgba(0, 0, 0, 0.3);
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 1rem;
}
.text-primary{
  color:var(--color-primary);
}
.text-success{
  color:var(--color-success);
}
.text-error{
  color:var(--color-error);
}
.text-warning{
  color:var(--color-warning);
}
.height-min-content{
  height: min-content;
}
.p-1 {
  padding: 1rem;
}
/* .height-500p{
  height: 500px;
} */
.warning-bg{
  background-color: var(--color-warning);
}
.success-bg{
  background-color: var(--color-success);
}
.error-bg{
  background-color: var(--color-error);
}
.primary-bg{
  background-color: var(--color-primary);
}
.row{
  width: 100%;
  display: flex;
  justify-content: end;
}
.hide_sm{
  display: none;
}
.display-inline{
  display: inline;
}
.text-center{
  text-align: center;
}
/* === Responsive Breakpoints (Bootstrap 5) === */

/* Small devices (≥576px) */
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }

  .p-sm-1 {
    padding: 1rem;
  }
  .hide_sm{
  display: unset;
}
}

/* Medium devices (≥768px) */
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
  .p-md-1{
  padding:1rem;
}
.height-min-content-md{
  height: min-content;
}
}

/* Large devices (≥992px) */
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
  .p-lg-1{
  padding:1rem;
}
.height-min-content-lg{
  height: min-content;
}
}

/* Extra large devices (≥1200px) */
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

/* Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}