* {
    padding: 0;
    margin: 0;
}

.header-title-r {
    font-weight: 900;
    background-color: #E5F9FE;
    color: #008EB3;
    padding: 20px;
    border-radius: .25em;
}

.text-center {
    text-align: center !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-21 {
    font-size: 21px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-23 {
    font-size: 23px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-weight {
    font-weight: 600!important;
}

.num-title-r {
    color: #212d45 !important;
    font-weight: 800!important;
    font-size: 24px !important;
}

.text-title-r {
    color: #212d45 !important;
    font-weight: 800!important;
    font-size: 14px !important;
}

.img-bg-r {
    height: 90px;
    width: 90px !important;
    background: white;
    max-width: none;
    border-radius: 50%;
}

.bg-card-r {
    background-color: #f5f5f5;
    border-radius: 0.75rem !important;
}

.bg-a-h {
    background-color: #f2b273 !important;
    border: none;
}
.bg-p-h {
    background-color: #45ad86 !important;
    border: none;
}
.bg-m-h {
    background-color: #63b9e8  !important;
    border: none;
}

.bg-a {
    background-color: #fbd4ad !important;
    border: none;
}
.bg-p {
    background-color: #8cd4b9 !important;
    border: none;
}
.bg-m {
    background-color: #a8d1e7 !important;
    border: none;
}
.bg-a-sub {
    background-color: #fbd4ad78 !important;
    border: none;
}
.bg-p-sub {
    background-color: #8cd4b963 !important;
    border: none;
}
.bg-m-sub {
    background-color: #a8d1e770 !important;
    border: none;
}

.table-responsive-r {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-sub-title-r {
    font-weight: 500;

}

.card-border-r {
    border: none !important;
}

.tb-border-none-r {
    border: none!important;
}

.tb-border-top-none-r {
    border-top: none !important;
}

.tb-head-color-j{
    background-color: #293242 !important;
    color: #E8E8E9 !important;
}

.tb-head-color-g {
    background-color: #218B81 !important;
    color: #E8E8E9 !important;
}

.tb-head-color-g-50 {
    background-color: #218b81a8 !important;
    color: #2E3136 !important;
}

.tb-head-color-g-20 {
    background-color: #218b813d !important;
    color: #2E3136 !important;
}

.tb-head-color-o {
    background-color: #E4815D !important;
    color: #E8E8E9 !important;
}

.tb-head-color-o-50 {
    background-color: #e4815dab !important;
    color: #2E3136 !important;
}

.tb-head-color-o-20 {
    background-color: #e4815d33 !important;
    color: #2E3136 !important;
}

.tb-head-color-b {
    background-color: #008EB3 !important;
    color: #E8E8E9 !important;
}

.tb-head-color-b-50 {
    background-color: #008eb3b3 !important;
    color: #2E3136 !important;
}

.tb-head-color-b-20 {
    background-color: #008eb330 !important;
    color: #2E3136 !important;
}

.tb-head-color-lb {
    background-color: #84A6D6 !important;
    color: #E8E8E9 !important;
}

.tb-head-color-jb {
    background-color: #558ddb !important;
    color: #E8E8E9 !important;
}

.td-title-color {
    background-color: #F6F5F0 !important;
    color: #2E3136 !important;
}

.font-i {
    font-style: italic !important;
}

.img-bg-icon-r {
    height: 45px;
    width: auto;
    background: white;
    max-width: none;
    border-radius: 50%;
}

.header-title-sum-r {
    font-weight: 700;
    background-color: #faf1d6;
    color: #47758c;
    padding: 20px;
    border-radius: .25em;
}

.border-color-t {
    border-top: 1px solid #dee2e6 !important;
  }
  .border-color-b {
    border-bottom: 1px solid #dee2e6 !important;
  }
  .border-color-r {
    border-right: 1px solid #dee2e6 !important;
  }
  .border-color-l {
    border-left: 1px solid #dee2e6 !important;
  }
  .border-color-all {
    border: 1px solid #dee2e6 !important;
  }