.w-full {
  width: 100%;
}

.lh-0 {
  line-height: 0;
}

.select-item {
  border-radius: 12px;
  border: solid 4px #e4e6ef;
  overflow: hidden;
}
.select-item img {
  border-radius: 12px;
}
.select-item.item-selected {
  border-color: #007bff;
}

.image-input-circle .image-input-wrapper {
  position: relative;
  overflow: hidden;
}
.image-input-circle .image-input-wrapper .holder {
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-input-circle .image-input-wrapper .holder img {
  height: 100% !important;
}
.image-input-circle .btn-circle {
  position: absolute;
  top: 0;
  right: 0;
}

.lfm-multiple-images {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.lfm-multiple-images img {
  max-width: 33%;
  height: 8rem;
  padding: 5px;
}

.brand-logo {
  color: #fff;
  font-size: 20px;
  opacity: 0.75;
}
.brand-logo:hover {
  color: #fff;
  opacity: 1;
}

.aside-minimize:not(.aside-minimize-hover) .brand .brand-logo {
  display: none;
}

.login.login-1 .login-aside {
  width: 100%;
  box-shadow: 10px 0px 25px -10px rgba(0, 0, 0, 0.25);
}

.text-nowrap {
  white-space: nowrap;
}

.favicon-img img {
  height: 3rem !important;
}

.datatable.datatable-default > .datatable-table > .datatable-body .datatable-row-detail .datatable-detail {
  padding: 0;
}
.datatable.datatable-default > .datatable-table > .datatable-body .datatable-row-detail .datatable-detail table {
  width: 100%;
}

.max-line-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 769px) {
  .datatable .datatable-table {
    overflow: auto !important;
  }
}
.cke_dialog_tab[title=Link], .cke_dialog_tab[title=Upload], .cke_dialog_tab[title=Advanced] {
  display: none;
}

.cke {
  width: 100%;
}

.image-upload-container,
.file-upload-container {
  display: inline-block;
  margin-left: -5px;
  margin-right: -5px;
}
.image-upload-container .image-upload-item,
.file-upload-container .image-upload-item {
  display: inline-block;
  position: relative;
  height: 75px;
  padding: 5px;
}
.image-upload-container .image-upload-item .del-img-btn,
.file-upload-container .image-upload-item .del-img-btn {
  position: absolute;
  width: 21px;
  top: 0;
  right: 0;
  padding: 0 3px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  color: #666;
  font-size: 14px;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
}

.datetimepicker-input:-moz-read-only {
  background-color: #f3f6f9;
}

.datetimepicker-input:read-only {
  background-color: #f3f6f9;
}

.sortable-container {
  position: relative;
  max-height: 800px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sortable-container .sortable-item {
  background-color: #fff;
  padding: 10px 20px;
  margin: 10px 0;
  border: solid 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
}

#create_event_form .invalid-text {
  color: red;
}

.close_event {
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 100;
  cursor: pointer;
}

.fc-unthemed .fc-event .fc-content {
  display: flex;
}
.fc-unthemed .fc-event .fc-time {
  display: inline-block;
  margin-right: 3px;
}
.fc-unthemed .fc-event .fc-title {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 30px);
}

.image-profile .image-upload-item {
  position: relative;
}
.image-profile .image-upload-item .link-img {
  line-height: 0;
  display: block;
  height: 120px;
  width: 120px;
  position: relative;
}
.image-profile .image-upload-item img {
  position: absolute;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.image-profile .image-upload-item .del-img-btn {
  display: none;
}

.form-control-radio {
  padding: 8px 0 7px;
}

.radio.radio-accent.radio-color > span {
  height: 36px;
  width: 36px;
}
.radio.radio-accent.radio-color > span:after {
  width: 26px;
  height: 26px;
}

.radio.radio-accent.radio-primary.radio-color > input:checked ~ span {
  border-color: #3699ff;
}

.radio.radio-accent.radio-primary.radio-color-black > input ~ span:after {
  background-color: #000000;
  border: solid 2px #333;
}

.radio.radio-accent.radio-primary.radio-color-silver > input ~ span:after {
  background-color: #e0e0e0;
  border: solid 2px #333;
}

.radio.radio-accent.radio-primary.radio-color-white > input ~ span:after {
  background-color: #ffffff;
  border: solid 2px #333;
}

.radio.radio-accent.radio-primary.radio-color-gray > input ~ span:after {
  background-color: #989898;
  border: solid 2px #333;
}

.radio.radio-accent.radio-primary.radio-color-red > input ~ span:after {
  background-color: #dc4444;
  border: solid 2px #333;
}

.radio.radio-accent.radio-primary.radio-color-blue > input ~ span:after {
  background-color: #3f72b0;
  border: solid 2px #333;
}

.radio.radio-accent.radio-primary.radio-color-gold > input ~ span:after {
  background-color: #d9d32d;
  border: solid 2px #333;
}

.radio.radio-accent.radio-primary.radio-color-yellow > input ~ span:after {
  background-color: #eaf904;
  border: solid 2px #333;
}

.radio.radio-accent.radio-primary.radio-color-orange > input ~ span:after {
  background-color: #da7b38;
  border: solid 2px #333;
}

.radio.radio-accent.radio-primary.radio-color-green > input ~ span:after {
  background-color: #748959;
  border: solid 2px #333;
}

.radio.radio-accent.radio-primary.radio-color-brown > input ~ span:after {
  background-color: #76523c;
  border: solid 2px #333;
}

.radio.radio-accent.radio-primary.radio-color-other > input ~ span:after {
  background-image: url("/img/share/other-color.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: solid 2px #333;
}

.block-color {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: solid 2px #333;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-repeater .banner-item:first-child .line {
  display: none;
}

.bootstrap-select .dropdown-menu {
  z-index: 999 !important;
}
.bootstrap-select .dropdown-menu .text {
  display: block !important;
}
.bootstrap-select .bootstrap-select-img-block {
  position: relative;
  height: 40px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}

.bg-cover {
  background-size: cover;
  background-position: center;
}