.i-container {
  max-width: 992px;
  width: 95%;
  padding: 0;
  margin: auto;
}


p{
  margin-bottom: 0;
}

.cursor-pointer {
  cursor: pointer !important;
}



/*  */
.btn-success-lt {background-color: #7edc9a !important;border: 1px solid #70c389 !important;}
.btn-success-l {background-color: #28a745 !important;border: 1px solid #208638 !important;color: white !important;}
.btn-success-d {background-color: #155724 !important;border: 1px solid #11461d !important;color: white !important;} 
.btn-success-dk { background-color: #0b3d0b !important;border: 1px solid #092f09 !important;color: white !important;} 
.btn-primary-lt { background-color: #b3d7ff !important; border: 1px solid #99caff !important; color: #004085 !important; }
.btn-primary-l { background-color: #007bff !important; border: 1px solid #0069d9 !important; color: white !important; }
.btn-primary-d { background-color: #0056b3 !important; border: 1px solid #004085 !important; color: white !important; }
.btn-primary-dk { background-color: #003366 !important; border: 1px solid #002244 !important; color: white !important; }
.btn-warning-lt { background-color: #ffe9b3 !important; border: 1px solid #ffdb99 !important; color: #856404 !important; }
.btn-warning-l { background-color: #ffc107 !important; border: 1px solid #e0a800 !important; color: #212529 !important; }
.btn-warning-d { background-color: #d39e00 !important; border: 1px solid #b38600 !important; color: #212529 !important; }
.btn-warning-dk { background-color: #8a6d1b !important; border: 1px solid #6c5700 !important; color: #fff !important; }
.btn-danger-lt { background-color: #ffb3b3 !important; border: 1px solid #ff9999 !important; color: #721c24 !important; }
.btn-danger-l { background-color: #dc3545 !important; border: 1px solid #bd2130 !important; color: #fff !important; }
.btn-danger-d { background-color: #b21f2d !important; border: 1px solid #7a1020 !important; color: #fff !important; }
.btn-danger-dk { background-color: #721c24 !important; border: 1px solid #501217 !important; color: #fff !important; }
.btn-secondary-lt { background-color: #e2e3e5 !important; border: 1px solid #d6d8db !important; color: #383d41 !important; }
.btn-secondary-l { background-color: #6c757d !important; border: 1px solid #545b62 !important; color: #fff !important; }
.btn-secondary-d { background-color: #495057 !important; border: 1px solid #343a40 !important; color: #fff !important; }
.btn-secondary-dk { background-color: #343a40 !important; border: 1px solid #23272b !important; color: #fff !important; }
.btn-info-lt { background-color: #b3e6ff !important; border: 1px solid #99daff !important; color: #055160 !important; }
.btn-info-l { background-color: #7fd8ea !important; border: 1px solid #5bc0de !important; color: #055160 !important; }
.btn-info-d { background-color: #117a8b !important; border: 1px solid #0f6674 !important; color: #fff !important; }
.btn-info-dk { background-color: #055160 !important; border: 1px solid #033944 !important; color: #fff !important; }
.btn-muted-lt { background-color: #e0e0e0 !important; border: 1px solid #cccccc !important; color: #6c757d !important; }
.btn-muted-l { background-color: #adb5bd !important; border: 1px solid #868e96 !important; color: #495057 !important; }
.btn-muted-d { background-color: #6c757d !important; border: 1px solid #495057 !important; color: #e0e0e0 !important; }
.btn-muted-dk { background-color: #495057 !important; border: 1px solid #343a40 !important; color: #adb5bd !important; }
/*  */
.bg-success-lt { background-color: #7edc9a !important; border: 1px solid #70c389 !important; }
.bg-success-l { background-color: #28a745 !important; border: 1px solid #208638 !important; }
.bg-success-d { background-color: #155724 !important; border: 1px solid #11461d !important; }
.bg-success-dk { background-color: #0b3d0b !important; border: 1px solid #092f09 !important; }
.bg-primary-lt { background-color: #b3d7ff !important; border: 1px solid #99caff !important; }
.bg-primary-l { background-color: #007bff !important; border: 1px solid #0069d9 !important; }
.bg-primary-d { background-color: #0056b3 !important; border: 1px solid #004085 !important; }
.bg-primary-dk { background-color: #003366 !important; border: 1px solid #002244 !important; }
.bg-warning-lt { background-color: #ffe9b3 !important; border: 1px solid #ffdb99 !important; }
.bg-warning-l { background-color: #ffc107 !important; border: 1px solid #e0a800 !important; }
.bg-warning-d { background-color: #d39e00 !important; border: 1px solid #b38600 !important; }
.bg-warning-dk { background-color: #8a6d1b !important; border: 1px solid #6c5700 !important; }
.bg-danger-lt { background-color: #ffb3b3 !important; border: 1px solid #ff9999 !important; }
.bg-danger-l { background-color: #dc3545 !important; border: 1px solid #bd2130 !important; }
.bg-danger-d { background-color: #b21f2d !important; border: 1px solid #7a1020 !important; }
.bg-danger-dk { background-color: #721c24 !important; border: 1px solid #501217 !important; }
.bg-secondary-lt { background-color: #e2e3e5 !important; border: 1px solid #d6d8db !important; }
.bg-secondary-l { background-color: #6c757d !important; border: 1px solid #545b62 !important; }
.bg-secondary-d { background-color: #495057 !important; border: 1px solid #343a40 !important; }
.bg-secondary-dk { background-color: #343a40 !important; border: 1px solid #23272b !important; }
.bg-info-lt { background-color: #b3e6ff !important; border: 1px solid #99daff !important; }
.bg-info-l { background-color: #7fd8ea !important; border: 1px solid #5bc0de !important; }
.bg-info-d { background-color: #117a8b !important; border: 1px solid #0f6674 !important; }
.bg-info-dk { background-color: #055160 !important; border: 1px solid #033944 !important; }
.bg-muted-lt { background-color: #e0e0e0 !important; border: 1px solid #cccccc !important; }
.bg-muted-l { background-color: #adb5bd !important; border: 1px solid #868e96 !important; }
.bg-muted-d { background-color: #6c757d !important; border: 1px solid #495057 !important; }
.bg-muted-dk { background-color: #495057 !important; border: 1px solid #343a40 !important; }
/*  */
.text-success-lt { color: #7edc9a !important; }
.text-success-l { color: #28a745 !important; }
.text-success-d { color: #155724 !important; }
.text-success-dk { color: #0b3d0b !important; }
.text-primary-lt { color: #b3d7ff !important; }
.text-primary-l { color: #007bff !important; }
.text-primary-d { color: #0056b3 !important; }
.text-primary-dk { color: #003366 !important; }
.text-warning-lt { color: #ffe9b3 !important; }
.text-warning-l { color: #ffc107 !important; }
.text-warning-d { color: #d39e00 !important; }
.text-warning-dk { color: #8a6d1b !important; }
.text-danger-lt { color: #ffb3b3 !important; }
.text-danger-l { color: #dc3545 !important; }
.text-danger-d { color: #b21f2d !important; }
.text-danger-dk { color: #721c24 !important; }
.text-secondary-lt { color: #e2e3e5 !important; }
.text-secondary-l { color: #6c757d !important; }
.text-secondary-d { color: #495057 !important; }
.text-secondary-dk { color: #343a40 !important; }
.text-info-lt { color: #b3e6ff !important; }
.text-info-l { color: #7fd8ea !important; }
.text-info-d { color: #117a8b !important; }
.text-info-dk { color: #055160 !important; }
.text-muted-lt { color: #e0e0e0 !important; }
.text-muted-l { color: #adb5bd !important; }
.text-muted-d { color: #6c757d !important; }
.text-muted-dk { color: #495057 !important; }

/*************************/
@media (max-width: 768px) {
  .i-container{
    width: 98%;
  }
}

/*************************/
@media (max-width: 480px) {
  .i-container{
    width: 98%;
  }
}



/* 
 * Bootstrap Calibate CSS
 * Custom styles for a Bootstrap-based application
/********* card *********/
/* .card {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.card-header{
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px 6px 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  background-color: rgba(0, 0, 0, 0.75);
}

.card-body {
  flex: 1 1 auto;
  padding: 0.5rem 0.5rem;
  background-color: rgba(0, 0, 0, 0.65);
} */


/********* สำหรับ Alert *********/
/*
.card-body.alert{
  padding: 0rem;
  background-color: rgba(0, 0, 0, 0);
}
.alert{
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 0px;
  border: none;
  color: white;
  padding: 0.3rem;
  margin-bottom: 0rem;
}
.card-body.alert .fs{
  font-size: 0.8rem;
}
*/


/********* data table *********/


/* table th,
table td{
  padding: 0;
} */
/* text-align: center;
vertical-align: middle;
border: 1px solid #ccc; */