@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300&display=swap'); 
/* CSS Document */
body{
   font-family: 'Pridi', serif;  
}
.modal-body {
  overflow-x: auto;
}
h1{
   font-family: 'Mitr', sans-serif;
}
.badge{
   font-family: 'Sarabun', sans-serif;
}

.btn-responsive{
      width: auto;
    }
.text-mini{
    font-size: 0.7em;
}
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0.7rem;
}
.text-blue{
    color: #1792F7;  
}
.text-blue2{
    color: #5A589F;  
}
.text-gold{
    color: #DAA520;  
}
.text-violet{
    color: #6D41CB;    
}
.text-pink{
    color: #EB41DF;  
}
.text-green{
    color: #5cdb95;  
}
.text-yellow{
    color: #CFE722;  
}
.text-darkviolet{
    color: darkviolet;  
}
.border-left-blue {
  border-left: 0.25rem solid #1792F7 !important;
}
.border-left-blue2 {
  border-left: 0.25rem solid #5a589f !important;
}
.border-left-gold {
  border-left: 0.25rem solid #DAA520 !important;
}
.border-left-violet {
  border-left: 0.25rem solid #6D41CB !important;
}
.border-left-pink {
  border-left: 0.25rem solid #EB41DF !important;
}
.border-left-green {
  border-left: 0.25rem solid #5cdb95 !important;
}
.border-left-yellow {
  border-left: 0.25rem solid #CFE722 !important;
}
.border-left-darkviolet {
  border-left: 0.25rem solid darkviolet !important;
}

.dropdown .dropdown-menu .dropdown-header {
  font-weight: 600;
  font-size: 0.85rem;
  color: #fff;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
    margin-left: 12px;
}
.bg-gradient-violet {
  background-color: #7428D3;
  background-image: linear-gradient(180deg, #7E35D9 10%, #6E349B 100%);
  background-size: cover;
}
.img-wh{
	width:100px; 
	height:100px;
}


@media screen and (max-width: 600px) {
  body {
/*    background-color: olive;*/
    font-family: 'Pridi', serif;
      font-size: 0.825em;
  }
  .fa-3x {
      font-size: 2em; 
    }
  .btn-responsive{
      width: 100%;
    }
    .border-left-blue {
  border-left: 0rem solid #1792F7 !important;
}
.border-left-blue2 {
  border-left: 0rem solid #5a589f !important;
}
.border-left-gold {
  border-left: 0rem solid #DAA520 !important;
}
.border-left-violet {
  border-left: 0rem solid #6D41CB !important;
}
.border-left-pink {
  border-left: 0rem solid #EB41DF !important;
}
.border-left-green {
  border-left: 0rem solid #5cdb95 !important;
}
.border-left-yellow {
  border-left: 0rem solid #CFE722 !important;
}
.border-left-darkviolet {
  border-left: 0rem solid darkviolet !important;
}
.border-left-primary {
  border-left: 0.0rem solid #4e73df !important;
}

.border-left-secondary {
  border-left: 0.0rem solid #858796 !important;
}

.border-left-success {
  border-left: 0.0rem solid #1cc88a !important;
}

.border-left-info {
  border-left: 0.0rem solid #36b9cc !important;
}

.border-left-warning {
  border-left: 0.0rem solid #f6c23e !important;
}


.border-left-danger {
  border-left: 0.0rem solid #e74a3b !important;
}

.border-left-light {
  border-left: 0.0rem solid #f8f9fc !important;
}

.border-left-dark {
  border-left: 0.0rem solid #5a5c69 !important;
}
	
.img-wh{
	width:50px; 
	height:50px;
}

}