/************************BASE AND BUTTONS************************/

:root {
  --color-primary: #8acfab;
}

body {
  background-image: linear-gradient(to right, #a1ffce, #faffd1);
  background-repeat: no-repeat;
  background-size: cover;
}
.container {
  margin: 100px auto;
  height: 1000px;
  background-color: rgb(250, 250, 250);
  padding: 0;
  border-radius: 3px;
}
.bg-dark {
  background-color: #193c5f !important;
}
.btn-main {
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn-primary {
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn:hover {
  color: #fff;
  text-decoration: none;
}
.dropdown-item:active {
  background-color: var(--color-primary);
}
/************************BASE AND BUTTONS************************/

/************************UTILITIES************************/

.active {
  background-color: var(--color-primary);
  border-radius: 3px;
}
.color-primary {
  background-color: var(--color-primary);
}
.small {
  font-size: 20px;
  margin-left: 10px;
}

.icon__style {
  color: #193c5f;
}
h5 {
  text-align: center;
}
h4 {
  font-size: 1.2rem;
}
.no-margin {
  margin: 0 !important;
}
.no-pt {
  padding-top: 0;
}
.no-padding {
  padding: 0 !important;
}

/************************UTILITIES************************/

/************************NAVBAR************************/

.container-md {
  padding: 20px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
ul li img {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  margin-right: 5px;
}
ul li {
  display: flex;
  align-items: center;
}
.navbar-nav > li > a {
  padding-left: 5px !important;
  padding-top: 5px;
}
.navbar-collapse {
  margin-top: 5px;
}

/************************NAVBAR************************/

/************************BREADCRUMB************************/

.breadcrumb__active {
  color: #78c49d;
}

#breadcrumb {
  margin: 0 20px;
}

/************************END OF BREADCRUMB************************/

/************************MAIN************************/

.main__container {
  padding: 20px;
  display: flex;
  justify-content: space-between;
}

.main__tools {
  flex: 0 0 25%;
}

.main__content {
  flex: 0 0 70%;
}

.list-group-item.active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.badge-secondary {
  background-color: #193c5f;
  float: right;
}
.card {
  margin-top: 25px;
  padding: 50px 20px;
}
.card-header {
  text-align: center;
  background-color: var(--color-primary);
  color: #fff;
}
.card-body {
  display: flex;
  justify-content: space-between;
  color: #193c5f;
}
.card__info {
  height: 150px;
  width: 175px;
  text-align: center;
  padding: 40px;
  border: 1px solid #78c49d;
  background-color: #faffd157;
  border-radius: 15px;
  cursor: pointer;
}
.card__info:hover {
  background-color: #faffd185;
}
.table {
  margin-bottom: 0;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: none;
}
/************************END OF MAIN************************/

/************************FOOTER************************/
#footer {
  text-align: center;
  background-color: var(--color-primary);
  color: white;
}

/************************END OF FOOTER************************/