ul.square {
    list-style-type: square;
}

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

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

.color-red{
  color: red;
}

.color-coffee{
  color:rgb(98, 26, 4);
}

.law-card{
  display: flex;
}
.h-400{
  height: 464px;
}

.width-100{
  width: 100%;
}

ul.diamond {
    font-family: monospace;
    font-size: 1em;
    list-style: none;
    margin: 0.75em;
    padding: 0;
    
    li {
      margin: 0;
      margin-bottom: 0.25em;
      padding-left: 0.75em;
      position: relative;
      
      &:after {
        content: '';
        height: .3em;
        width: .3em;
        background: #0457a9;
        display: block;
        position: absolute;
        transform: rotate(45deg);
        top: .6em;
        left: 0;
      }
      
    }
    
  }

.niset-card-title{
  font-size: 18px;
  font-weight: 500;
}

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn-simple, .alert, a, .td-name, td, button.close,ul, li {
  font-family: "Battambang", serif;
  font-weight: 400;
  font-style: normal;
}

.text-limit {
  width:300px; 
  overflow:hidden; 
  text-overflow:ellipsis;
  white-space:nowrap; 
}

.bg-niset-gray{
  background-color: rgb(253, 250, 250);
}

.niset-footer{
  position: fixed;
  left: 0;
  bottom: 20px;
  width: 100%;
  color: rgb(165, 71, 0);
  text-align: center;
}

.fit-content-div{
  height: fit-content !important; 
} 
.detail-style{
  white-space: pre-wrap; 
  font-family: "Battambang", serif;
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  height: fit-content !important; 
}