/**
 * E-JOMS Custom Styles
 */

th > a.asc:after {
  content: " \2193";
}
th > a.desc:after {
  content: " \2191";
}

.required label:after {
    color: #d00;
    content: " *"
}

.userlist-profile-picture {
  height: 75px;
  width: 75px;
  background: #eaeaea;
  display: flex;
  border-radius: 100%;  
}

.userlist-profile-picture img {
  height: 75px;
  width: 75px;
  object-fit: cover;
  border-radius: 100%;  
}

.userlist-profile-picture i {
  font-size: 25px;
  margin: auto;
  color: #989898;
}

#action-nav {
  border-radius: 0px;
}

#action-nav .list-group-item i {
  padding-top: 4px;
  float: right;
}

#action-nav .list-group-item {
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
}
#action-nav .list-group-item:first-child {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
#action-nav  .list-group-item:last-child {
    border-bottom-left-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

.select2 {
  width:100% !important;
}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.table-fixed-header tbody{
  display:block;
  overflow:auto;
  max-height:350px;
  width:100%;
}
.table-fixed-header thead tr{
  display:block;
}

/* Width Helpers */
.w-5 {width: 5% !important;}
.w-10 {width: 10% !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-30 {width: 30% !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-50 {width: 50% !important;}
.w-55 {width: 55% !important;}
.w-60 {width: 60% !important;}
.w-65 {width: 65% !important;}
.w-70 {width: 70% !important;}
.w-75 {width: 75% !important;}
.w-80 {width: 80% !important;}
.w-85 {width: 85% !important;}
.w-90 {width: 90% !important;}
.w-95 {width: 95% !important;}
.w-100 {width: 100% !important;}
.mw-100 {max-width: 100% !important;}