body {
  background-color: #f2f2f2 !important;
}

.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}

.bg-main {
  background-color: #d72128 !important;
}

.btn-main {
  background-color: #d72128 !important;
  color: #fff !important;
}

.client-container {
    background: #fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  min-width: 230px !important;
  max-width: 230px !important;
  max-height: 100vh !important;
  min-height: 100vh !important;
  overflow-y: auto;
  padding: 100px 1rem 1rem 1rem;
}

.sidebar.active {
  margin-left: -250px;
}

.content-wrapper {
  padding-left: 250px !important;
}

.content-wrapper.active {
  padding-left: 0px !important;
}

.nav-item {
  color: #959595
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: black;
  font-weight: bold;
  border: 0;
  background-color: transparent !important;
  border-bottom: 4px solid #FFBF00 !important;
}

.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.card {
    border-radius: 6px!important;
}

.table-accounting td {
  min-width: 120px;
}

.bg-secondary-custom {
  background-color: #E9F3FF;
}

.bg-indicator-normal {
    background-color: #28a745!important;
}

.bg-indicator-notice {
    background-color: #ffc107!important;
}

.bg-indicator-warning {
    background-color: #ffff00!important;
}

.bg-indicator-danger {
    background-color: #dc3545!important;
}

.bg-indicator-normal, .bg-indicator-danger {
    color: #ffffff;
}

.bg-table-summary {
  background-color : #e9f5f9;
}
.bg-orange-custom {
  background-color: #FFE5B4;
}

.badge-success-custom {
  color: #fff;
  background-color: #3d8116;
}

.small-custom {
  font-size: 70%;
}

.col-2-custom{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 19.77778%;
  flex: 0 0 19.77778%;
  max-width: 19.77778%;
  padding: 0px 4px;
  position: relative;
  width: 100%;
  /* padding-right: 15px; */
  /* padding-left: 15px; */
}

.p-custom {
  padding: 0.8rem !important;
}

.font-size-custom{
  font-size: 0.5rem;
}

input[type=checkbox] {
  transform: scale(0.7);
}

.simulation-header{
  border-top-left-radius: 25px!important;
  border-top-right-radius: 25px!important;
}

ul li.nav-item.active {
  background: #535353;
  font-weight: bold;
}

.dictionary-alfaphet{
  gap: 0.5em;
}

.dictionary-alfaphet a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.access-detail li {
  margin-bottom: 2px;
  padding-bottom: 0;
  padding-top: 0;
}

.access-detail ul {
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 0.5rem;
}