.pt-base {
  padding-top: 9px;
}
.pb-base {
  padding-bottom: 9px;
}
.pv-base {
  padding-top: 9px;
  padding-bottom: 9px;
}
.lines-base-3 {
  max-width: 100%;
  display: block;
  overflow: hidden;
  padding: 0;
  font-size: 14px;
  text-overflow: ellipsis;
  line-height: 20px;
  max-height: 60px;
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.lines-base-3-forced {
  max-width: 100%;
  display: block;
  overflow: hidden;
  padding: 0;
  font-size: 14px;
  text-overflow: ellipsis;
  line-height: 20px;
  height: 60px;
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.lines-base-1 {
  max-width: 100%;
  display: block;
  overflow: hidden;
  padding: 0;
  font-size: 14px;
  text-overflow: ellipsis;
  line-height: 20px;
  max-height: 20px;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.lines-base-1-forced {
  max-width: 100%;
  display: block;
  overflow: hidden;
  padding: 0;
  font-size: 14px;
  text-overflow: ellipsis;
  line-height: 20px;
  height: 20px;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.lines-base-2 {
  max-width: 100%;
  display: block;
  overflow: hidden;
  padding: 0;
  font-size: 14px;
  text-overflow: ellipsis;
  line-height: 20px;
  max-height: 40px;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.lines-base-2-forced {
  max-width: 100%;
  display: block;
  overflow: hidden;
  padding: 0;
  font-size: 14px;
  text-overflow: ellipsis;
  line-height: 20px;
  height: 40px;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/**
	generate button icons
**/
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-bold {
  font-weight: bold !important;
}
.fs-base {
  font-size: 14px;
}
.fs-lg-1 {
  font-size: 14px 1;
}
.fs-lg-2 {
  font-size: 14px 2;
}
.fs-lg-3 {
  font-size: 14px 3;
}
.fs-11 {
  font-size: 11px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.txt-danger {
  color: #ee5454 !important;
}
.txt-primary {
  color: #297fc7 !important;
}
.txt-info {
  color: #5bc0de !important;
}
.txt-warning {
  color: #f0ad4e !important;
}
.txt-success {
  color: #5cb85c !important;
}
.txt-dark {
  color: #414141;
}
.txt-light {
  color: #696969;
}
.txt-time {
  font-size: 12px;
  color: #959595;
}
.txt-time-color {
  color: #959595;
}
.no-break-word {
  word-wrap: break-word;
  word-break: break-word;
}
.feed-attach-form-label {
  color: #959595;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
}
.feed-attach-form-file {
  color: #959595;
  margin: 10px 0;
  padding: 10px;
  background: #f0f0f0;
  width: 100%;
}
.flex-wrapper {
  display: -webkit-flex;
  display: flex;
}
.flex-wrapper-center {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.flex-wrapper-space_between {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flex-element {
  -webkit-flex: 1;
  flex: 1;
}
.remove-btn {
  color: #bdbdbd;
}
.remove-btn:hover {
  color: #ee5454;
}
.item_title_listing {
  font-size: 18px;
  font-weight: 600;
  color: #555555;
}
@media (max-width: 768px) {
  .display_block_sm {
    display: block;
  }
}
