/* App CSS */


main {
  padding-top: 6rem;
}

body {
  font-size: .9rem;
}

th {
  text-align: center !important;
  background-color: #e4e4e4 !important;
}

a {
  color: #416ed5;
}

textarea {
  height: 100%;
}

.bg-primary {
  background-color: #537496 !important;
}

.btn-primary {
  background-color: #537496 !important;
  border-color: #537496 !important;
}

.bg-dark {
  background-color: #537496 !important;
}

.card {
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px !important;
}

.card-header {
  border-radius: 10px 10px 0px 0px !important;
}

.card-body {
  border-radius: 10px 10px 0px 0px;
}

.txt-primary {
  color: #537496 !important;
}

/* 
.user-card {
	max-width: 900px;
}
 */

.page-title {
  color: #537496 !important;
  margin-bottom: 24px;
}


.text-red {
  color: #c94f57;
}

.dropdown-item:active {
  background-color: #478df7;
}

.table td {
  vertical-align: middle;
}

.btn-secondary {
  color: black;
  background-color: #eeeeee;
}

.bg-color,
.btn-color {
  background-color: #537496 !important;
}

.w-ten {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.fw-20 {
  width: 20px;
}

.fw-30 {
  width: 30px;
}

.fw-40 {
  width: 40px;
}

.fw-50 {
  width: 50px;
}

.fw-60 {
  width: 60px;
}

.fw-70 {
  width: 70px;
}

.fw-80 {
  width: 80px;
}

.fw-90 {
  width: 90px;
}

.fw-100 {
  width: 100px;
}

.fw-125 {
  width: 125px;
}

.fw-150 {
  width: 150px;
}

.fw-160 {
  width: 150px;
}

.fw-170 {
  width: 150px;
}

.fw-175 {
  width: 175px;
}

.fw-180 {
  width: 150px;
}

.fw-190 {
  width: 150px;
}

.fw-200 {
  width: 200px;
}

.fw-225 {
  width: 225px;
}

.fw-250 {
  width: 250px;
}

.fw-275 {
  width: 275px;
}

.fw-300 {
  width: 300px;
}