@import "styles/css/bootstrap.css";
:root {

}

aside,
body,
.card,
.container,
div,
header,
footer,
main,
p,
section {
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.button-primary {
  background-color: #0f466b;
  color: #f8f9fa;
}

.button-secondary {
  background-color: #4A6E13;
  color: white;
}

body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 18px;
  padding: 4px;
  background: #0a1837;
  line-height: 1.8;
}

.button {
  background-color: #007bff;
  border-radius: 0.25rem;
  color: #f8f9fa;
  padding: 4px;
}

@media (max-width: 576px) {
  body {
    font-size: 15.75px;
  }
}
.card {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  background: #ccc;
}

.aside {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  background: #ccc;
}

.module_top, .module_bottom {
  visibility: hidden;
}

table {
  border: 0px !important;
}

.module_content img {
  min-width: 70px;
}
.module_content h2 {
  font-size: 30px;
}

body {
  background-color: #0a1837;
}

.prim-red {
  background-color: #2d0808;
}

p,
div,
aside,
footer {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 18px;
  color: #040b57;
}

aside {
  position: fixed;
  width: 23%;
  height: 100vh;
  overflow-y: auto;
  padding: 4px;
  right: 0;
  top: 0;
}

aside {
  background-color: #071c31;
  border: 1px solid #6e95bc;
  border-radius: 0.25rem;
}

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #AD741E;
  color: white;
  text-align: center;
  padding: 4px;
}

.xcolor {
  background-color: #074917;
}

.colrside,
.collside {
  width: 30%;
  height: 100vh;
}

.colmside {
  width: 40%;
  height: 100vh;
}

.accordion-button-red {
  background-color: #350707;
  color: #c0f5ff;
}