body{
    font-family: 'Kanit', sans-serif;
}

/* profile image */
.profile-img{
    text-align: center;
}
.profile-img img{
    width: 120px;
    height: 120px;
    border-radius: 70px;
}
.profile-img .file {
    position: relative;
    overflow: hidden;
    margin-top: -20%;
    width: 100%;
    border: none;
    border-radius: 20px;
    font-size: 12px;
    background: #212529b8;
}
.profile-img .file input {
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
}

/* Style buttons */
.edit-btn {
  background-color: #fdc900; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 2px 2px; /* Some padding */
  font-size: 15px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}
/* Darker background on mouse-over */
.edit-btn:hover {
  background-color: RoyalBlue;
}
.edit-btn i{
    padding-left: 5px;
}
.reset-btn {
  background-color: #6dff7c; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 2px 2px; /* Some padding */
  font-size: 15px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}
/* Darker background on mouse-over */
.reset-btn:hover {
  background-color: RoyalBlue;
}
.reset-btn i{
    padding-left: 5px;
}
.del-btn {
  background-color: #ff0000; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 2px 2px; /* Some padding */
  font-size: 15px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}
/* Darker background on mouse-over */
.del-btn:hover {
  background-color: #b30000;
}
.del-btn i{
    padding-left: 5px;
}
.detail-btn {
  background-color: #6695b9; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 2px 2px; /* Some padding */
  font-size: 15px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}
/* Darker background on mouse-over */
.detail-btn:hover {
  background-color: RoyalBlue;
}
.detail-btn i{
    padding-left: 5px;
}
/*.add-btn{   
    margin-left: 25%; 
    margin-bottom: 15px;
}*/
.add-btn a{
    /*font-size: 15px;*/
    font-weight: 300;
}

.prt-ex-btn{   
  float: right;
    margin-left: 0%; 
    margin-bottom: 15px;
}
.prt-ex-btn a{
    font-size: 15px;
    font-weight: 300;
}
.save-btn{
  margin-bottom: 20px;
}
.save-btn a{
    font-size: 15px;
    font-weight: 300;
}
.row-color{
  color: white;
  background-color: #0c3558;
  text-shadow: 10px;
  font-size: 18px;
}

/* admin-list */
.card {
width: 250px;
  word-wrap: break-word;
  background-color: #fff;
  background  position: relative;
  display: flex;
  flex-direction: column;
  min--clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem; }

  .gradient-1, .dropdown-mega-menu .ext-link.link-1 a, .morris-hover, .datamaps-hoverover {
  background-image: linear-gradient(230deg, #88999e, #fff); }
  .gradient-1 {
  color: #fff !important; }
  .gradient-1-shadow {
    box-shadow: 0px 10px 20px 0px rgba(235, 33, 83, 0.3) !important; }
  .gradient-1-text {
    color: #f53c79; }
.card-left{
  margin-left: 65px;
  margin-top: 15x;
  margin-bottom: 20px;
}
.card-right{
  margin-left: 65px;
  margin-top: 15;
  margin-bottom: 20px;
}
}