.leadoma {
  min-height: 100vh;
  overflow-x: hidden;
}
.page-title {
  padding: 28px 48px;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid var(--bs-gray-200);
  background-color: #fff;
}

.lm-line-ellipsis {
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}

.leadoma.leadoma-overlay-off .lm-overlay {
  display: none;
}
.lm-edit-mode {
  z-index: 2;
}
.lm-edit-mode .non-edit {
  display: none;
}

.lm-have-edit:not(.lm-edit-mode) .on-edit {
  display: none;
}

.border-on-edit {
  border: 2px solid transparent;
}
.lm-edit-mode.border-on-edit {
  border: 2px solid var(--bs-primary-600);
}

.lm-card-title {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.lm-card-title img {
  margin-right: 8px;
}

.leadoma .lm-page-loader,
.leadoma.lm-loading >* {
  display: none;
}
.leadoma:not(.lm-loading) .lm-page-loader{
  display: none!important;
}
.leadoma.lm-loading > .lm-loading {
  display: flex;
}

.leadoma .lm-small-loader{
/* .leadoma .lm-loading-small > * { */
  display: none;
}
.leadoma :not(.lm-loading-small) .lm-small-loader{
  display: none!important;
}
.leadoma .lm-loading-small > .lm-small-loader {
  display: flex!important;
}

.tags-edit-container {
  padding: 0;
  width: 400px;
  top: 12vh;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  z-index: 2;
}
.tags-edit-container .lm-card {
  --bs-card-spacer-y: 16px;
  --bs-card-spacer-x: 24px;
}


.lm-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.lm-pagination span {
  cursor: pointer;
  width: 36px;
  height: 36px;
  border: 1px solid var(--bs-gray-200);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bs-gray-100);
  color: var(--bs-gray-500);
}
.lm-pagination span.current {
  background-color: var(--bs-primary-600);
  color: #fff;
}
.lm-pagination span:not(.current):focus,
.lm-pagination span:not(.current):hover{
  background-color: var(--bs-primary-700);
  color: #fff;
}

/* dashboard */
.lm-dashboard{
  padding: 28px 36px;
}
.lm-dashboard .lm-user-info {
  display:flex;
  align-items: center;
  gap:24px;
  margin-bottom: 40px;
}
.lm-dashboard .lm-user-info .lm-profile{
  width: 72px;
  height:72px;
  border-radius: 100px;
  background-color: var(--bs-gray-300);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lm-dashboard .lm-user-info .lm-profile img{
  object-fit: contain;
  width:100%;
  height:100%;
}
.lm-dashboard .lm-user-info h2{
  font-size: 32px;
  margin:0
}
.lm-dashboard .lm-user-info p{
  font-size: 20px;
  margin:0;
  color: var(--bs-gray-400)
}
.lm-overview{
  border: 1px solid var(--bs-gray-200);
}
.lm-overview .lm-card-title {
  padding: 20px 32px;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid var(--bs-gray-200);
  background-color: #fff;
}
.lm-card-tabs {
  background-color: var(--bs-gray-25);
  padding-inline: 32px;
  display: flex;
}
.lm-card-tabs div{
  --text-color: var(--bs-gray-400);
  --color: var(--bs-gray-200);
  color: var(--text-color);
  padding: 10px 16px;
  border-bottom: 2px solid var(--color);
  cursor:pointer;
}

.lm-card-tabs .active{
  --text-color: #000;
  --color: var(--bs-primary-600);
  font-weight: 700;
}

.lm-charts{
  background-color: #fff;
  padding: 24px 32px 40px 32px;
  display: grid;
  gap: 8px;
  grid-template-columns: 50% 50%;	
}
.lm-charts .overview-info {
  display: flex;
  justify-content:space-between;
  border: 1px solid var(--bs-gray-100);
  border-radius: 2px;
  padding: 16px 24px;
  font-size: 16px;
  color: var(--bs-gray-500);
}
.lm-charts .overview-info .value{
  font-weight: bold;
  color: #000;
  margin-top:8px
}

/* .lm-charts:not(.lm-is-monthly) .lm-monthly,
.lm-is-monthly .lm-daily{
  display:none;
} */