#content {
    position: relative;
}

#content #toccontainer #pageTitle {
    margin-top: 24px;
}

#content #toccontainer {
    margin-bottom: 24px;
}

#content #toccontainer #user-info {
    gap: 8px;
    position: relative;
    z-index: 5;
    padding-left: 0;
    padding-right: 0;
}

#content #toccontainer #user-info::after {
    width: 100%;
    height: 1px;
    background-color: var(--border-subtle);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}

#content #toccontainer #user-wrapper {
    padding-top: 14px;
    padding-bottom: 14px;
    width: 100%;
    cursor: pointer;
    min-width: 200px;
    transition: all 0.3s ease;
    z-index: 2;
    padding-left: 15px;
    padding-right: 15px;
}

#content #toccontainer #user-wrapper:hover {
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25);
}

#content #toccontainer #user-wrapper.open {
    cursor: initial;
    padding-top: 14px;
    padding-bottom: 14px;
    min-width: 350px;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25);
}

#content #toccontainer #user-wrapper.open .icon-show-more {
    transform: rotate(180deg);
}

#content #toccontainer #notifications {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   background-color: var(--white);
   border: 1px solid var(--border-subtle);
   position: absolute;
   left: -48px;
   top: 0;
   opacity: 1;
   cursor: pointer;
   transition: all 0.3s ease;
}

#content #toccontainer #notifications:hover {
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25);
}

#content #toccontainer #notifications .notification-wrapper .notification-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 14px;
    top: 14px;
}

#content #toccontainer #notifications .notification-wrapper .title {
    font-weight: 700;
    opacity: 0;
    visibility: hidden;
    display: none;
    width: 0;
    transition: all 0.3s ease;
    position: relative;
    left: 50px;
}

#content #toccontainer #notifications .notification-active {
   width: 9px;
   height: 9px;
   border-radius: 50%;
   content: '';
   background: var(--red);
   position: absolute;
   top: 3px;
   right: 0;
}

#content #toccontainer #notifications .notifications-list {
    position: absolute;
    right: -1px;
    top: 100%;
    background: var(--white);
    padding: 20px;
    width: 0;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    border-right: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
    border-left: 1px solid var(--border-subtle);
    box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.25);
}

#content #toccontainer #notifications .notifications-list ul {
    gap: 24px;
}

#content #toccontainer #notifications .notifications-list .element {
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-subtle);
    width: 0;
    height: 0;
    transition: all 0.3s ease;
    overflow: hidden;
}

#content #toccontainer #notifications .notifications-list .element .date, #content #toccontainer #notifications .notifications-list .element .notification {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
    padding: 0;
    background: var(--white);
}

#content #toccontainer #notifications .notifications-list .element .notif,
.mobile-notifications-list .notifications-list .element .notif {
    padding: 0;
    margin: 0;
    background-image: none;
    border: none;
    color: var(--black);
    background: var(--white);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

#content #toccontainer #notifications .notifications-list .element .notif div,
.mobile-notifications-list .notifications-list .element .notif div {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-subtle);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}

#content #toccontainer #notifications .notifications-list .element .notif div:last-of-type,
.mobile-notifications-list .notifications-list .element .notif div:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}

#content #toccontainer #notifications .notifications-list .element .date {
    color: var(--text-tertiary);
    margin-bottom: 4px;
}

#content #toccontainer #notifications .notifications-list .bottom {
    margin-top: 16px;
}

#content #toccontainer #notifications .notifications-list .bottom a {
    font-size: 14px;
    line-height: 20px;
    gap: 8px;
}

#content #toccontainer #notifications.active-notification.open {
    width: 350px;
    left: -350px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    cursor: initial;
}

#content #toccontainer #notifications.active-notification.open {
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25);
}
#content #toccontainer #notifications.active-notification.open .notifications-list {
    height: auto;
    visibility: visible;
    opacity: 1;
    width: 350px;
}

#content #toccontainer #notifications.active-notification.open .notifications-list .element {
    width: auto;
    height: auto;
}

#content #toccontainer #notifications.active-notification.open .notification-wrapper .title {
    opacity: 1;
    visibility: visible;
    display: block;
    width: auto;
} 

#content #toccontainer #user-info.open #notifications {
    opacity: 0;
    transition: all 0.1s ease;
}

#content #toccontainer #user-wrapper .user {
   margin-right: 24px;
}

#content #toccontainer #user-wrapper .user-img {
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 48px;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background-color: var(--grey1);
   overflow: hidden;
   margin-right: 12px;
}

#content #toccontainer #user-wrapper .user-img img {
    display: block;
    max-width: 80%;
    max-height: 80%;
}

#content #toccontainer #user-wrapper .user .name {
   font-weight: 700;
   margin-bottom: -2px;
}

#content #toccontainer #user-wrapper .user .email {
   font-size: 14px;
   line-height: 20px;
   color: var(--text-tertiary);
}

#content #toccontainer #user-wrapper .show-more {
   background-color: var(--white);
   border: 1px solid var(--border-subtle);
   width: 32px;
   height: 24px;
   margin-left: auto;
   border-radius: 80px;
}

#content #toccontainer #user-wrapper .user .dropdown {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 1;
    right: 0;
    padding-top: 32px;
    padding-right: 28px;
    padding-bottom: 24px;
    padding-left: 28px;
    width: 100%;
    left: 0;
    background-color: var(--surface);
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    border-right: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
    border-left: 1px solid var(--border-subtle);
    height: 0;
    transition: all 0.3s ease;
    box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.25);
}

#content #toccontainer #user-wrapper .user .dropdown::before {
    position: absolute;
    left: 28px;
    top: 16px;
    content: '';
    width: calc(100% - 56px);
    height: 1px;
    background: var(--border-subtle);
}

#content #toccontainer #user-wrapper.open .user .dropdown {
   visibility: visible;
   opacity: 1;
   height: auto;
}

#content #toccontainer #user-wrapper .user .dropdown ul {
   gap: 12px;
}

#content #toccontainer #user-wrapper .user .dropdown ul li {
   list-style-type: none;
}

#content #toccontainer #user-wrapper .user .dropdown .profile-link {
   color: var(--text-tertiary);
}

#content #toccontainer #user-wrapper .user .dropdown .profile-link:hover {
   color: var(--blue);
   text-decoration: none;
}

#content #toccontainer #user-wrapper .user .dropdown .profile-link:hover .icon-profile {
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2383_3767)'%3E%3Cpath d='M11.0833 0H2.91667C2.1434 0.00092625 1.40208 0.308514 0.855295 0.855295C0.308514 1.40208 0.00092625 2.1434 0 2.91667L0 11.0833C0.00092625 11.8566 0.308514 12.5979 0.855295 13.1447C1.40208 13.6915 2.1434 13.9991 2.91667 14H11.0833C11.8566 13.9991 12.5979 13.6915 13.1447 13.1447C13.6915 12.5979 13.9991 11.8566 14 11.0833V2.91667C13.9991 2.1434 13.6915 1.40208 13.1447 0.855295C12.5979 0.308514 11.8566 0.00092625 11.0833 0V0ZM4.08333 12.8333V12.25C4.08333 11.4765 4.39062 10.7346 4.93761 10.1876C5.48459 9.64062 6.22645 9.33333 7 9.33333C7.77355 9.33333 8.51541 9.64062 9.06239 10.1876C9.60938 10.7346 9.91667 11.4765 9.91667 12.25V12.8333H4.08333ZM12.8333 11.0833C12.8333 11.5475 12.649 11.9926 12.3208 12.3208C11.9926 12.649 11.5475 12.8333 11.0833 12.8333V12.25C11.0833 11.167 10.6531 10.1284 9.88735 9.36265C9.12158 8.59687 8.08297 8.16667 7 8.16667C5.91703 8.16667 4.87842 8.59687 4.11265 9.36265C3.34687 10.1284 2.91667 11.167 2.91667 12.25V12.8333C2.45254 12.8333 2.00742 12.649 1.67923 12.3208C1.35104 11.9926 1.16667 11.5475 1.16667 11.0833V2.91667C1.16667 2.45254 1.35104 2.00742 1.67923 1.67923C2.00742 1.35104 2.45254 1.16667 2.91667 1.16667H11.0833C11.5475 1.16667 11.9926 1.35104 12.3208 1.67923C12.649 2.00742 12.8333 2.45254 12.8333 2.91667V11.0833Z' fill='%23106ACB'/%3E%3Cpath d='M7.00008 2.3335C6.53859 2.3335 6.08747 2.47034 5.70375 2.72673C5.32004 2.98312 5.02097 3.34754 4.84436 3.7739C4.66776 4.20026 4.62155 4.66942 4.71158 5.12204C4.80162 5.57466 5.02384 5.99042 5.35017 6.31675C5.67649 6.64307 6.09225 6.8653 6.54487 6.95533C6.99749 7.04536 7.46665 6.99915 7.89301 6.82255C8.31937 6.64594 8.68379 6.34687 8.94018 5.96316C9.19657 5.57945 9.33342 5.12832 9.33342 4.66683C9.33342 4.04799 9.08758 3.4545 8.65 3.01691C8.21241 2.57933 7.61892 2.3335 7.00008 2.3335ZM7.00008 5.8335C6.76934 5.8335 6.54377 5.76507 6.35192 5.63688C6.16006 5.50868 6.01053 5.32647 5.92222 5.11329C5.83392 4.90011 5.81082 4.66554 5.85583 4.43922C5.90085 4.21291 6.01196 4.00503 6.17513 3.84187C6.33829 3.67871 6.54617 3.5676 6.77248 3.52258C6.99879 3.47756 7.23337 3.50067 7.44655 3.58897C7.65973 3.67727 7.84194 3.82681 7.97013 4.01866C8.09833 4.21052 8.16675 4.43608 8.16675 4.66683C8.16675 4.97625 8.04383 5.27299 7.82504 5.49179C7.60625 5.71058 7.3095 5.8335 7.00008 5.8335Z' fill='%23106ACB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2383_3767'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center / cover;
}
#content #toccontainer #user-wrapper .user .dropdown .profile-link:hover .icon-lock {
   background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0832 4.914V4.08333C11.0832 3.00037 10.653 1.96175 9.88719 1.19598C9.12142 0.430207 8.08281 0 6.99984 0C5.91687 0 4.87826 0.430207 4.11248 1.19598C3.34671 1.96175 2.9165 3.00037 2.9165 4.08333V4.914C2.39696 5.14074 1.95476 5.51397 1.64396 5.98804C1.33317 6.46211 1.16725 7.01647 1.1665 7.58333V11.0833C1.16743 11.8566 1.47502 12.5979 2.0218 13.1447C2.56858 13.6915 3.30991 13.9991 4.08317 14H9.9165C10.6898 13.9991 11.4311 13.6915 11.9779 13.1447C12.5247 12.5979 12.8322 11.8566 12.8332 11.0833V7.58333C12.8324 7.01647 12.6665 6.46211 12.3557 5.98804C12.0449 5.51397 11.6027 5.14074 11.0832 4.914V4.914ZM4.08317 4.08333C4.08317 3.30979 4.39046 2.56792 4.93744 2.02094C5.48442 1.47396 6.22629 1.16667 6.99984 1.16667C7.77339 1.16667 8.51525 1.47396 9.06223 2.02094C9.60921 2.56792 9.9165 3.30979 9.9165 4.08333V4.66667H4.08317V4.08333ZM11.6665 11.0833C11.6665 11.5475 11.4821 11.9926 11.1539 12.3208C10.8258 12.649 10.3806 12.8333 9.9165 12.8333H4.08317C3.61904 12.8333 3.17392 12.649 2.84573 12.3208C2.51755 11.9926 2.33317 11.5475 2.33317 11.0833V7.58333C2.33317 7.1192 2.51755 6.67408 2.84573 6.3459C3.17392 6.01771 3.61904 5.83333 4.08317 5.83333H9.9165C10.3806 5.83333 10.8258 6.01771 11.1539 6.3459C11.4821 6.67408 11.6665 7.1192 11.6665 7.58333V11.0833Z' fill='%23106ACB'/%3E%3Cpath d='M6.99984 8.1665C6.84513 8.1665 6.69676 8.22796 6.58736 8.33736C6.47796 8.44675 6.4165 8.59513 6.4165 8.74984V9.9165C6.4165 10.0712 6.47796 10.2196 6.58736 10.329C6.69676 10.4384 6.84513 10.4998 6.99984 10.4998C7.15455 10.4998 7.30292 10.4384 7.41232 10.329C7.52172 10.2196 7.58318 10.0712 7.58318 9.9165V8.74984C7.58318 8.59513 7.52172 8.44675 7.41232 8.33736C7.30292 8.22796 7.15455 8.1665 6.99984 8.1665Z' fill='%23106ACB'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
}
#content #toccontainer #user-wrapper .user .dropdown .profile-link:hover .icon-logout {
   background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2383_4413)'%3E%3Cpath d='M13.3168 5.34984L11.0541 3.08709C10.9441 2.98083 10.7967 2.92203 10.6438 2.92336C10.4908 2.92469 10.3445 2.98604 10.2363 3.09419C10.1282 3.20235 10.0668 3.34866 10.0655 3.5016C10.0642 3.65455 10.123 3.8019 10.2292 3.91192L12.492 6.17467C12.5592 6.24323 12.618 6.31961 12.667 6.40217C12.6582 6.40217 12.6512 6.39751 12.6425 6.39751L3.49349 6.41617C3.33878 6.41617 3.19041 6.47763 3.08101 6.58703C2.97161 6.69642 2.91016 6.8448 2.91016 6.99951C2.91016 7.15421 2.97161 7.30259 3.08101 7.41198C3.19041 7.52138 3.33878 7.58284 3.49349 7.58284L12.639 7.56417C12.6553 7.56417 12.6687 7.55601 12.6845 7.55484C12.6327 7.65351 12.5671 7.74427 12.4897 7.82434L10.2269 10.0871C10.1712 10.1409 10.1268 10.2053 10.0962 10.2764C10.0656 10.3476 10.0495 10.4241 10.0488 10.5016C10.0482 10.5791 10.0629 10.6559 10.0923 10.7276C10.1216 10.7993 10.1649 10.8644 10.2197 10.9192C10.2744 10.9739 10.3396 11.0172 10.4113 11.0466C10.483 11.0759 10.5598 11.0907 10.6372 11.09C10.7147 11.0893 10.7912 11.0732 10.8624 11.0426C10.9336 11.0121 10.9979 10.9676 11.0517 10.9119L13.3145 8.64917C13.7519 8.21161 13.9977 7.61822 13.9977 6.99951C13.9977 6.38079 13.7519 5.7874 13.3145 5.34984H13.3168Z' fill='%23106ACB'/%3E%3Cpath d='M4.08333 12.8333H2.91667C2.45254 12.8333 2.00742 12.649 1.67923 12.3208C1.35104 11.9926 1.16667 11.5475 1.16667 11.0833V2.91667C1.16667 2.45254 1.35104 2.00742 1.67923 1.67923C2.00742 1.35104 2.45254 1.16667 2.91667 1.16667H4.08333C4.23804 1.16667 4.38642 1.10521 4.49581 0.995812C4.60521 0.886416 4.66667 0.738043 4.66667 0.583333C4.66667 0.428624 4.60521 0.280251 4.49581 0.170854C4.38642 0.0614582 4.23804 0 4.08333 0L2.91667 0C2.1434 0.00092625 1.40208 0.308514 0.855295 0.855295C0.308514 1.40208 0.00092625 2.1434 0 2.91667L0 11.0833C0.00092625 11.8566 0.308514 12.5979 0.855295 13.1447C1.40208 13.6915 2.1434 13.9991 2.91667 14H4.08333C4.23804 14 4.38642 13.9385 4.49581 13.8291C4.60521 13.7197 4.66667 13.5714 4.66667 13.4167C4.66667 13.262 4.60521 13.1136 4.49581 13.0042C4.38642 12.8948 4.23804 12.8333 4.08333 12.8333Z' fill='%23106ACB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2383_4413'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

#maincontainer {
    padding-bottom: 110px;
}

#maincontainer .secondary-navigation ul {
    padding: 0;
    margin: 0;
    display: flex;
    border-bottom: 2px solid var(--border-subtle);
}

#maincontainer .secondary-navigation ul li {
    list-style-type: none;
}

#maincontainer .secondary-navigation ul li a {
    padding: 16px 14px;
    color: var(--text-tertiary);
    font-weight: 500;
    position: relative;
    display: block;
    line-height: 16px;
}

#maincontainer .secondary-navigation ul li a::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    content: '';
    width: 100%;
    height: 2px;
    background-color: var(--border-subtle);
}

#maincontainer .secondary-navigation ul li a:hover, #maincontainer .secondary-navigation ul li.nla2 a {
    text-decoration: none;
    color: var(--text-secondary);
}

#maincontainer .secondary-navigation ul li a:hover::after, #maincontainer .secondary-navigation ul li.nla2 a::after {
    background-color: var(--blue);
}

#maincontainer .start-menu {
    margin-bottom: 16px;
    row-gap: 16px;
}

#maincontainer .start-menu .element .inner {
    border-radius: 16px;
    padding: 16px;
    cursor: pointer;
    gap: 20px;
    position: relative;
}

#maincontainer .start-menu .element .inner a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

#maincontainer .start-menu .element .inner .icon-create,
#maincontainer .start-menu .element .inner .icon-create-blue {
    transition: all 0.3s ease;
}

#maincontainer .start-menu .element .inner:hover .icon-create,
#maincontainer .start-menu .element .inner:hover .icon-create-blue {
    transform: rotate(90deg);
}

#maincontainer .start-menu .element.new-campaign h2,
#maincontainer .start-menu .element.new-campaign p {
   color: var(--white);
}

#maincontainer .start-menu .element.new-campaign p {
    opacity: 0.8;
}

#maincontainer .start-menu .element.import-users h2,
#maincontainer .start-menu .element.import-users p {
   color: var(--blue);
}

#maincontainer .start-menu .element.new-campaign h2,
#maincontainer .start-menu .element.import-users h2 {
   font-size: 18px;
   line-height: 24px;
}

#maincontainer .start-menu .element.new-campaign .inner {
    position: relative;
    background: var(--blue);
    transition: all 0.3s ease;
    overflow: hidden;
    height: 100%;
}

#maincontainer .start-menu .element.new-campaign .inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--blue-hover);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}

#maincontainer .start-menu .element.import-users .inner {
    position: relative;
    background:  var(--surface-secondary);
    transition: all 0.3s ease;
    overflow: hidden;
}

#maincontainer .start-menu .element.import-users .inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--secondary-hover);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}

#maincontainer .start-menu .element.new-campaign .inner:hover::after, #maincontainer .start-menu .element.import-users .inner:hover::after {
  opacity: 1;
}


#maincontainer .start-menu .element .icon-wrapper {
   width: 64px;
   height: 64px;
   min-width: 64px;
   min-height: 64px;
   border-radius: 50%;
}

#maincontainer .start-menu .element .icon-wrapper, #maincontainer .start-menu .element .text {
   position: relative;
   z-index: 2;
}

#maincontainer .start-menu .element .text {
    width: 100%;
    gap: 20px;
}

#maincontainer .start-menu .element.new-campaign .icon-wrapper {
   background-color: var(--white);
}

#maincontainer .start-menu .element.import-users .icon-wrapper {
   background-color: var(--blue);
}

#maincontainer .account-numbers {
   margin-top: 16px;
   margin-bottom: 16px;
   row-gap: 16px;
}

#maincontainer .account-numbers .element .inner,
.lost-password .inner {
   background-color: var(--white);
   border-radius: 16px;
   padding: 26px;
   gap: 16px;
   border: 1px solid var(--border-subtle);
   position: relative;
   overflow: hidden;
}

.lost-password .inner #lostPassword {
    width: 100%!important;
}

.lost-password .inner #lostPassword .sf-labeled-element {
    display: flex;
    flex-direction: column;
}

.lost-password .inner #lostPassword .sf-labeled-element input {
    width: 100%!important;
}

#maincontainer .account-numbers .element .inner .icon-wrapper {
   width: 64px;
   height: 64px;
   border-radius: 50%;
   background-color: var(--surface-tertiary);
}

#maincontainer .account-numbers .element .inner .text h2 {
   font-size: 24px;
   line-height: 32px;
   color: var(--blue);
}

#maincontainer .account-numbers .element .inner .text p {
   color: var(--text-tertiary);
}

#maincontainer .account-numbers .subscribers .inner, #maincontainer .account-numbers .emails .inner {
   text-align: center;
}

#maincontainer .account-numbers .message-quota .inner .package-info {
   position: absolute;
   right: 0;
   top: 0;
   padding: 8px 10px;
   color: var(--white);
   background: var(--blue);
   font-size: 12px;
   line-height: 16px;
   border-bottom-left-radius: 16px;
}

.last-campaigns .section-title {
    margin-bottom: 16px;
}

.last-campaigns-list .campaigns-header, .last-campaigns-list .campaigns-grid .single-campaign {
    display: grid;
    grid-template-columns:
        minmax(100px, 7%)
        minmax(160px, 21%)
        minmax(160px, 21%)
        minmax(100px, 12%)
        minmax(100px, 12%)
        minmax(100px, 12%)
        minmax(120px, 10%)
        minmax(60px, 5%);
}

.active-links-list .links-header, .active-links-list .single-link {
    display: grid;
    grid-template-columns:
        minmax(100px, 10%)
        minmax(160px, 20%)
        minmax(160px, 20%)
        minmax(300px, 25%)
        minmax(165px, 15%)
        minmax(60px, 5%)
        minmax(60px, 5%);
}

.newsletters-list .newsletters-header, .newsletters-list .single-newsletter {
    display: grid;
    grid-template-columns:
        minmax(100px, 11%)
        minmax(160px, 27%)
        minmax(160px, 27%)
        minmax(160px, 15%)
        minmax(60px, 15%)
        minmax(60px, 5%);
}

.subscribers-list .subscribers-header, .subscribers-list .single-subscriber {
    display: grid;
    grid-template-columns:
        minmax(40px, 3%)
        minmax(200px, 20%)
        minmax(160px, 15%)
        minmax(120px, 10%)
        minmax(80px, 10%)
        minmax(80px, 11%)
        minmax(80px, 11%)
        minmax(80px, 5%)
        minmax(80px, 5%)
        minmax(80px, 5%)
        minmax(60px, 5%);
}

.subscribers-edit-list .subscribers-header, .subscribers-edit-list .single-subscriber {
     display: grid;
    grid-template-columns:
        40px   /* checkbox */
        60px   /* id */
        minmax(200px, 2fr)
        minmax(140px, 1fr)
        minmax(140px, 1fr)
        minmax(140px, 1fr)
        minmax(180px, 1fr)
        minmax(200px, 2fr)
        100px
        120px
        160px
        60px; /* options */
}

.groups-list .groups-header, .groups-list .single-group {
    display: grid;
    grid-template-columns:
        minmax(50px, 5%)
        minmax(160px, 30%)
        minmax(160px, 30%)
        minmax(160px, 15%)
        minmax(60px, 15%)
        minmax(60px, 5%);
}

.click-grid .click-header, .click-grid .click-list-grid .single-click {
    display: grid;
    grid-template-columns:
        minmax(100px, 20%)
        minmax(160px, 40%)
        minmax(160px, 40%)
}

.clicks-analysis-list .clicks-analysis-header, .clicks-analysis-grid .single-click {
    display: grid;
    grid-template-columns:
        minmax(50px, 10%)
        minmax(160px, 20%)
        minmax(160px, 20%)
        minmax(160px, 30%)
        minmax(60px, 15%)
        minmax(60px, 5%);
}

.groups-edit-list .groups-edit-header, .groups-edit-grid .single-subscriber {
    display: grid;
    grid-template-columns:
        minmax(50px, 5%)
        minmax(160px, 20%)
        minmax(160px, 13%)
        minmax(160px, 13%)
        minmax(60px, 14%)
        minmax(60px, 7%)
        minmax(60px, 7%)
        minmax(60px, 16%)
        minmax(60px, 5%);
}

.store-list .store-header, .store-grid .single-product {
    display: grid;
    grid-template-columns:
        minmax(50px, 25%)
        minmax(160px, 25%)
        minmax(160px, 25%)
        minmax(160px, 25%);
}

.clicks-analysis-list {
    position: relative;
}

.last-campaigns-list .campaigns-grid,
.active-links-list .links-grid,
.newsletters-list .newsletters-grid,
.subscribers-list .subscribers-grid,
.groups-list .groups-grid,
.click-list-grid,
.clicks-analysis-grid,
.groups-edit-list .groups-edit-grid,
.store-list .store-grid,
.subscribers-edit-list .subscribers-grid {
    display: grid;
}

.last-campaigns-list,
.active-links-list,
.newsletters-list,
.subscribers-list,
.groups-list,
.clicks-analysis-list,
.groups-edit-list,
.store-list,
.subscribers-edit-list {
    background: var(--white);
    border-radius: 16px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    margin-bottom: 16px;
    border: 1px solid var(--border-subtle);
    overflow-x: auto;
}

.last-campaigns-list .element,
.active-links-list .element,
.newsletters-list .element,
.subscribers-list .element,
.groups-list .element,
.click-grid .element,
.clicks-analysis-list .element,
.groups-edit-list .element,
.store-list .element,
.subscribers-edit-list .element {
    padding: 16px 12px;
    font-size: 14px;
    line-height: 20px;;
}

.last-campaigns-list .element .group,
.last-campaigns-list .element .time,
.last-campaigns-list .element .date,
.newsletters-list .element .date,
.newsletters-list .element .time,
.clicks-analysis-list .element .date,
.clicks-analysis-list .element .time,
.groups-edit-list .element .date,
.subscribers-edit-list .time,
.subscribers-edit-list .date {
    font-size: 14px;
    line-height: 20px;
}


.last-campaigns-list .campaigns-header .element,
.active-links-list .links-header .element,
.newsletters-list .newsletters-header .element,
.subscribers-list .subscribers-header .element,
.groups-list .groups-header .element,
.click-grid .click-header .element,
.clicks-analysis-list .clicks-analysis-header .element,
.groups-edit-list .groups-edit-header .element,
.store-list .store-header .element,
.subscribers-edit-list .subscribers-header .element {
    color: var(--blue);
    font-weight: 500;
}

.last-campaigns-list .campaigns-grid .single-campaign,
.active-links-list .links-grid .single-link,
.newsletters-list .newsletters-grid .single-newsletter,
.subscribers-list .subscribers-grid .single-subscriber,
.groups-list .groups-grid .single-group,
.clicks-analysis-list .clicks-analysis-grid .single-click,
.store-list .store-grid .single-product,
.subscribers-edit-list .subscribers-grid .single-subscriber {
    padding-top: 10px;
    padding-bottom: 10px;
    justify-self: stretch;
    width: 100%;
}

.last-campaigns-list .campaigns-grid .single-campaign:nth-child(odd),
.active-links-list .links-grid .single-link:nth-child(odd),
.newsletters-list .newsletters-grid .single-newsletter:nth-child(odd),
.subscribers-list .subscribers-grid .single-subscriber:nth-child(odd),
.groups-list .groups-grid .single-group:nth-child(odd),
.click-list-grid .single-click:nth-child(odd),
.clicks-analysis-grid .single-click:nth-child(odd),
.groups-edit-grid .single-subscriber:nth-child(odd),
.store-grid .single-product:nth-child(odd),
.subscribers-edit-list .subscribers-grid .single-subscriber:nth-child(odd)  {
    background: var(--surface-quartary);
}

.last-campaigns-list .campaigns-grid .single-campaign .status span,
.subscribers-list .subscribers-grid .single-subscriber .status span,
.groups-list .groups-grid .single-group .status span,
.groups-edit-list .groups-edit-grid .single-subscriber .status span,
.subscribers-edit-list .subscribers-grid .single-subscriber .status span {
    padding: 4px 12px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform:capitalize;
}

.last-campaigns-list .campaigns-grid .single-campaign .groups ul,
.groups-edit-list .groups-edit-grid .single-subscriber .groups ul {
    list-style-type: none;
}

.last-campaigns-list .campaigns-grid .single-campaign .groups ul li,
.groups-edit-list .groups-edit-grid .single-subscriber .groups ul li {
    font-size: 14px;
    line-height: 20px;
}

.last-campaigns-list .campaign-groups-count,
.newsletters-list .newsletter-campaigns-count {
    padding: 0;
    color: var(--blue);
    background: transparent;
    border: 0;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    cursor: pointer;
}

.last-campaigns-list .campaign-groups-count {
    align-self: flex-start;
}

.campaign-groups-modal-body,
.newsletter-campaigns-modal-body {
    padding: 0 32px 24px;
}

.campaign-groups-modal-list,
.newsletter-campaigns-modal-list {
    margin: 16px 0 0;
    padding-left: 20px;
}

.campaign-groups-modal-list li,
.newsletter-campaigns-modal-list li {
    margin-bottom: 8px;
}

.campaign-groups-modal-list li:last-child,
.newsletter-campaigns-modal-list li:last-child {
    margin-bottom: 0;
}

.last-campaigns-list .campaigns-grid .single-campaign .status span.unfinished {
    color: var(--red);
    background: var(--surface-destructive);
}

.last-campaigns-list .campaigns-grid .single-campaign .status span.queued {
    color: var(--yellow);
    background: var(--surface-warning);
}

.last-campaigns-list .campaigns-grid .single-campaign .status span.completed {
    color: var(--green);
    background: var(--surface-success);
}

.last-campaigns-list .campaigns-grid .single-campaign .status span.draft,
.last-campaigns-list .campaigns-grid .single-campaign .status span.new {
    color: var(--blue);
    background: var(--surface-tertiary);
}

.subscribers-list .subscribers-grid .single-subscriber .status span.yes,
.groups-list .groups-grid .single-group .status span.yes,
.groups-edit-list .groups-edit-grid .single-subscriber .status span.yes,
.subscribers-edit-list .subscribers-grid .single-subscriber .status span.yes {
    color: var(--green);
    background: var(--surface-success);
}

.subscribers-list .subscribers-grid .single-subscriber .status span.no,
.groups-list .groups-grid .single-group .status span.no,
.groups-edit-list .groups-edit-grid .single-subscriber .status span.no,
.subscribers-edit-list .subscribers-grid .single-subscriber .status span.no  {
    color: var(--red);
    background: var(--surface-destructive);
}

.last-campaigns-list .campaigns-grid .single-campaign .options,
.active-links-list .links-grid .single-link .options,
.newsletters-list .newsletters-grid .single-newsletter .options,
.subscribers-list .subscribers-grid .single-subscriber .options,
.groups-list .groups-grid .single-group .options,
.clicks-analysis-list .clicks-analysis-grid .single-click .options,
.groups-edit-list .groups-edit-grid .single-subscriber .options,
.templates-grid .single-template .options,
.subscribers-edit-list .subscribers-grid .single-subscriber .options {
    position: relative;
}

.last-campaigns-list .campaigns-grid .single-campaign .options button,
.active-links-list .links-grid .single-link .options button,
.newsletters-list .newsletters-grid .single-newsletter .options button,
.subscribers-list .subscribers-grid .single-subscriber .options button,
.groups-list .groups-grid .single-group .options button,
.clicks-analysis-list .clicks-analysis-grid .single-click .options button,
.groups-edit-list .groups-edit-grid .single-subscriber .options button,
.templates-grid .single-template .options button,
.subscribers-edit-list .subscribers-grid .single-subscriber .options button {
    width: 36px;
    height: 36px;
    background: transparent;
    border-radius: 50%;
    border: none;
}

.last-campaigns-list .campaigns-grid .single-campaign .options button:hover,
.active-links-list .links-grid .single-link .options button:hover,
.newsletters-list .newsletters-grid .single-newsletter .options button:hover,
.subscribers-list .subscribers-grid .single-subscriber .options button:hover,
.groups-list .groups-grid .single-group .options button:hover,
.clicks-analysis-list .clicks-analysis-grid .single-click .options button:hover,
.groups-edit-list .groups-edit-grid .single-subscriber .options button:hover,
.templates-grid .single-template .options button:hover,
.subscribers-edit-list .subscribers-grid .single-subscriber .options button:hover {
   background: var(--surface-secondary);
}

.options .options-container {
   display: none;
   position: absolute;
   background: var(--white);
   border-radius: 16px;
   box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.13);
   padding: 12px 18px;
   right: 2px;
   top: 45px;
   z-index: 1;
}

.options .options-container ul {
   gap: 10px;
}


.options .options-container ul li {
   list-style-type: none;
}

.options .options-container ul li .options-link {
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.options .options-container ul li a:hover {
    color: var(--blue);
    text-decoration: none;
}

.options .options-container ul li a:hover .icon-edit {
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4265 0.530032C11.0866 0.19063 10.6259 0 10.1455 0C9.66515 0 9.20443 0.19063 8.86451 0.530032L0.732508 8.66203C0.499633 8.8936 0.314989 9.16904 0.189257 9.47243C0.0635245 9.77582 -0.000798988 10.1011 7.49061e-06 10.4295V11.456C7.49061e-06 11.5886 0.0526859 11.7158 0.146454 11.8096C0.240222 11.9034 0.367399 11.956 0.500008 11.956H1.52651C1.85489 11.957 2.18019 11.8927 2.48359 11.7671C2.78698 11.6414 3.06243 11.4569 3.29401 11.224L11.4265 3.09153C11.7658 2.75163 11.9563 2.29101 11.9563 1.81078C11.9563 1.33055 11.7658 0.869934 11.4265 0.530032ZM2.58701 10.517C2.30501 10.7972 1.92399 10.9549 1.52651 10.956H1.00001V10.4295C0.999502 10.2325 1.03809 10.0373 1.11353 9.85526C1.18897 9.67322 1.29976 9.50796 1.43951 9.36903L7.61101 3.19753L8.76101 4.34753L2.58701 10.517ZM10.719 2.38453L9.46601 3.63803L8.31601 2.49053L9.56951 1.23703C9.64502 1.16169 9.73463 1.10195 9.83322 1.06124C9.93182 1.02052 10.0375 0.999627 10.1441 0.999743C10.2508 0.999859 10.3564 1.02098 10.4549 1.06191C10.5534 1.10284 10.6429 1.16277 10.7183 1.23828C10.7936 1.31379 10.8533 1.4034 10.8941 1.502C10.9348 1.60059 10.9557 1.70624 10.9555 1.81292C10.9554 1.91959 10.9343 2.02519 10.8934 2.1237C10.8524 2.2222 10.7925 2.31169 10.717 2.38703L10.719 2.38453Z' fill='%23106ACB'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.options .options-container ul li a:hover .icon-duplicate {
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2383_4521)'%3E%3Cpath d='M6.50012 10C7.16292 9.99921 7.79834 9.73557 8.26701 9.2669C8.73568 8.79823 8.99933 8.16281 9.00012 7.50001V3.12151C9.0009 2.85869 8.9495 2.59833 8.84891 2.35552C8.74832 2.11271 8.60053 1.89228 8.41412 1.70701L7.29312 0.586009C7.10785 0.399596 6.88742 0.25181 6.64461 0.151219C6.4018 0.0506274 6.14144 -0.000768976 5.87862 8.69479e-06H3.50012C2.83732 0.000802624 2.2019 0.26445 1.73323 0.733119C1.26456 1.20179 1.00092 1.83721 1.00012 2.50001V7.50001C1.00092 8.16281 1.26456 8.79823 1.73323 9.2669C2.2019 9.73557 2.83732 9.99921 3.50012 10H6.50012ZM2.00012 7.50001V2.50001C2.00012 2.10218 2.15816 1.72065 2.43946 1.43935C2.72077 1.15804 3.1023 1.00001 3.50012 1.00001C3.50012 1.00001 5.95962 1.00701 6.00012 1.01201V2.00001C6.00012 2.26523 6.10548 2.51958 6.29302 2.70712C6.48055 2.89465 6.73491 3.00001 7.00012 3.00001H7.98812C7.99312 3.04051 8.00012 7.50001 8.00012 7.50001C8.00012 7.89783 7.84209 8.27936 7.56078 8.56067C7.27948 8.84197 6.89795 9.00001 6.50012 9.00001H3.50012C3.1023 9.00001 2.72077 8.84197 2.43946 8.56067C2.15816 8.27936 2.00012 7.89783 2.00012 7.50001V7.50001ZM11.0001 4.00001V9.50001C10.9993 10.1628 10.7357 10.7982 10.267 11.2669C9.79834 11.7356 9.16292 11.9992 8.50012 12H4.00012C3.86751 12 3.74034 11.9473 3.64657 11.8536C3.5528 11.7598 3.50012 11.6326 3.50012 11.5C3.50012 11.3674 3.5528 11.2402 3.64657 11.1465C3.74034 11.0527 3.86751 11 4.00012 11H8.50012C8.89795 11 9.27948 10.842 9.56078 10.5607C9.84209 10.2794 10.0001 9.89783 10.0001 9.50001V4.00001C10.0001 3.8674 10.0528 3.74022 10.1466 3.64646C10.2403 3.55269 10.3675 3.50001 10.5001 3.50001C10.6327 3.50001 10.7599 3.55269 10.8537 3.64646C10.9474 3.74022 11.0001 3.8674 11.0001 4.00001Z' fill='%23106ACB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2383_4521'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.options .options-container ul li a:hover .icon-report {
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2383_1590)'%3E%3Cpath d='M11.5 11H2.5C2.10218 11 1.72064 10.842 1.43934 10.5607C1.15804 10.2794 1 9.89782 1 9.5V0.5C1 0.367392 0.947322 0.240215 0.853553 0.146447C0.759785 0.0526784 0.632608 0 0.5 0C0.367392 0 0.240215 0.0526784 0.146447 0.146447C0.0526784 0.240215 0 0.367392 0 0.5L0 9.5C0.000793929 10.1628 0.264441 10.7982 0.73311 11.2669C1.20178 11.7356 1.8372 11.9992 2.5 12H11.5C11.6326 12 11.7598 11.9473 11.8536 11.8536C11.9473 11.7598 12 11.6326 12 11.5C12 11.3674 11.9473 11.2402 11.8536 11.1464C11.7598 11.0527 11.6326 11 11.5 11Z' fill='%23106ACB'/%3E%3Cpath d='M3.00012 10C3.13273 10 3.25991 9.94732 3.35367 9.85355C3.44744 9.75979 3.50012 9.63261 3.50012 9.5V6C3.50012 5.86739 3.44744 5.74021 3.35367 5.64645C3.25991 5.55268 3.13273 5.5 3.00012 5.5C2.86751 5.5 2.74034 5.55268 2.64657 5.64645C2.5528 5.74021 2.50012 5.86739 2.50012 6V9.5C2.50012 9.63261 2.5528 9.75979 2.64657 9.85355C2.74034 9.94732 2.86751 10 3.00012 10Z' fill='%23106ACB'/%3E%3Cpath d='M4.99988 5V9.49999C4.99988 9.6326 5.05256 9.75978 5.14633 9.85355C5.24009 9.94731 5.36727 9.99999 5.49988 9.99999C5.63249 9.99999 5.75967 9.94731 5.85344 9.85355C5.9472 9.75978 5.99988 9.6326 5.99988 9.49999V5C5.99988 4.86739 5.9472 4.74021 5.85344 4.64645C5.75967 4.55268 5.63249 4.5 5.49988 4.5C5.36727 4.5 5.24009 4.55268 5.14633 4.64645C5.05256 4.74021 4.99988 4.86739 4.99988 5Z' fill='%23106ACB'/%3E%3Cpath d='M7.5 6.5V9.49999C7.5 9.6326 7.55268 9.75978 7.64645 9.85355C7.74022 9.94731 7.86739 9.99999 8 9.99999C8.13261 9.99999 8.25979 9.94731 8.35356 9.85355C8.44733 9.75978 8.50001 9.6326 8.50001 9.49999V6.5C8.50001 6.36739 8.44733 6.24021 8.35356 6.14645C8.25979 6.05268 8.13261 6 8 6C7.86739 6 7.74022 6.05268 7.64645 6.14645C7.55268 6.24021 7.5 6.36739 7.5 6.5Z' fill='%23106ACB'/%3E%3Cpath d='M10.0001 4.5V9.5C10.0001 9.63261 10.0528 9.75979 10.1466 9.85355C10.2403 9.94732 10.3675 10 10.5001 10C10.6327 10 10.7599 9.94732 10.8537 9.85355C10.9474 9.75979 11.0001 9.63261 11.0001 9.5V4.5C11.0001 4.36739 10.9474 4.24021 10.8537 4.14645C10.7599 4.05268 10.6327 4 10.5001 4C10.3675 4 10.2403 4.05268 10.1466 4.14645C10.0528 4.24021 10.0001 4.36739 10.0001 4.5Z' fill='%23106ACB'/%3E%3Cpath d='M2.99989 4.49996C3.13249 4.49993 3.25965 4.44723 3.35339 4.35346L5.14639 2.56046C5.24169 2.46967 5.36827 2.41903 5.49989 2.41903C5.63152 2.41903 5.75809 2.46967 5.85339 2.56046L6.93939 3.64646C7.22069 3.92767 7.60215 4.08564 7.99989 4.08564C8.39764 4.08564 8.7791 3.92767 9.06039 3.64646L11.8534 0.853459C11.9445 0.759158 11.9949 0.632857 11.9937 0.501759C11.9926 0.37066 11.94 0.245254 11.8473 0.15255C11.7546 0.0598461 11.6292 0.00726163 11.4981 0.00612242C11.367 0.00498321 11.2407 0.0553804 11.1464 0.146459L8.35339 2.93896C8.25963 3.03269 8.13248 3.08535 7.99989 3.08535C7.86731 3.08535 7.74016 3.03269 7.64639 2.93896L6.56039 1.85346C6.2791 1.57225 5.89764 1.41428 5.49989 1.41428C5.10215 1.41428 4.72068 1.57225 4.43939 1.85346L2.64639 3.64646C2.57649 3.71639 2.52889 3.80547 2.5096 3.90244C2.49032 3.99942 2.50022 4.09994 2.53805 4.19129C2.57589 4.28264 2.63996 4.36072 2.72216 4.41566C2.80437 4.4706 2.90102 4.49994 2.99989 4.49996V4.49996Z' fill='%23106ACB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2383_1590'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.options .options-container ul li a:hover .icon-delete {
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 2H8.95C8.83395 1.43571 8.52691 0.928673 8.08063 0.564359C7.63434 0.200045 7.0761 0.000727262 6.5 0L5.5 0C4.9239 0.000727262 4.36566 0.200045 3.91937 0.564359C3.47309 0.928673 3.16605 1.43571 3.05 2H1.5C1.36739 2 1.24021 2.05268 1.14645 2.14645C1.05268 2.24021 1 2.36739 1 2.5C1 2.63261 1.05268 2.75979 1.14645 2.85355C1.24021 2.94732 1.36739 3 1.5 3H2V9.5C2.00079 10.1628 2.26444 10.7982 2.73311 11.2669C3.20178 11.7356 3.8372 11.9992 4.5 12H7.5C8.1628 11.9992 8.79822 11.7356 9.26689 11.2669C9.73556 10.7982 9.99921 10.1628 10 9.5V3H10.5C10.6326 3 10.7598 2.94732 10.8536 2.85355C10.9473 2.75979 11 2.63261 11 2.5C11 2.36739 10.9473 2.24021 10.8536 2.14645C10.7598 2.05268 10.6326 2 10.5 2V2ZM5.5 1H6.5C6.81014 1.00038 7.11256 1.09669 7.36581 1.27572C7.61905 1.45476 7.81071 1.70775 7.9145 2H4.0855C4.18929 1.70775 4.38095 1.45476 4.63419 1.27572C4.88744 1.09669 5.18986 1.00038 5.5 1V1ZM9 9.5C9 9.89782 8.84196 10.2794 8.56066 10.5607C8.27936 10.842 7.89782 11 7.5 11H4.5C4.10218 11 3.72064 10.842 3.43934 10.5607C3.15804 10.2794 3 9.89782 3 9.5V3H9V9.5Z' fill='%23106ACB'/%3E%3Cpath d='M5 8.99975C5.13261 8.99975 5.25978 8.94707 5.35355 8.8533C5.44732 8.75953 5.5 8.63236 5.5 8.49975V5.49975C5.5 5.36715 5.44732 5.23997 5.35355 5.1462C5.25978 5.05243 5.13261 4.99976 5 4.99976C4.86739 4.99976 4.74021 5.05243 4.64645 5.1462C4.55268 5.23997 4.5 5.36715 4.5 5.49975V8.49975C4.5 8.63236 4.55268 8.75953 4.64645 8.8533C4.74021 8.94707 4.86739 8.99975 5 8.99975Z' fill='%23106ACB'/%3E%3Cpath d='M6.99988 8.99975C7.13249 8.99975 7.25967 8.94707 7.35344 8.8533C7.4472 8.75953 7.49988 8.63236 7.49988 8.49975V5.49975C7.49988 5.36715 7.4472 5.23997 7.35344 5.1462C7.25967 5.05243 7.13249 4.99976 6.99988 4.99976C6.86727 4.99976 6.74009 5.05243 6.64633 5.1462C6.55256 5.23997 6.49988 5.36715 6.49988 5.49975V8.49975C6.49988 8.63236 6.55256 8.75953 6.64633 8.8533C6.74009 8.94707 6.86727 8.99975 6.99988 8.99975Z' fill='%23106ACB'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
}
.options .options-container ul li a:hover .icon-links {
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2433_6786)'%3E%3Cpath d='M6.92251 8.63323L5.29151 10.2642C4.81797 10.7251 4.18202 10.981 3.52123 10.9766C2.86045 10.9722 2.22798 10.7077 1.76067 10.2406C1.29335 9.77337 1.02876 9.14098 1.02414 8.4802C1.01953 7.81942 1.27526 7.1834 1.73601 6.70973L3.36701 5.07723C3.46076 4.98341 3.51341 4.85619 3.51336 4.72356C3.51331 4.59092 3.46058 4.46374 3.36676 4.36998C3.27294 4.27623 3.14572 4.22359 3.01308 4.22363C2.88045 4.22368 2.75326 4.27641 2.65951 4.37023L1.02901 6.00273C0.370146 6.66192 0.000131895 7.55585 0.000366322 8.48786C0.00060075 9.41987 0.371065 10.3136 1.03026 10.9725C1.68946 11.6313 2.58339 12.0013 3.51539 12.0011C4.4474 12.0009 5.34115 11.6304 6.00001 10.9712L7.63101 9.34022C7.72209 9.24592 7.77249 9.11962 7.77135 8.98852C7.77021 8.85743 7.71762 8.73202 7.62492 8.63932C7.53222 8.54661 7.40681 8.49403 7.27571 8.49289C7.14461 8.49175 7.01831 8.54215 6.92401 8.63323H6.92251Z' fill='%23106ACB'/%3E%3Cpath d='M10.9721 1.03051C10.6467 0.70292 10.2596 0.443152 9.83308 0.26626C9.4066 0.0893691 8.94926 -0.00112823 8.48755 1.23204e-05V1.23204e-05C8.02609 -0.00121354 7.56895 0.0890514 7.14259 0.265588C6.71622 0.442125 6.32908 0.70143 6.00355 1.02851L4.37005 2.66001C4.27623 2.75377 4.2235 2.88095 4.22345 3.01359C4.2234 3.14622 4.27605 3.27344 4.3698 3.36726C4.46356 3.46108 4.59074 3.51382 4.72337 3.51386C4.85601 3.51391 4.98323 3.46127 5.07705 3.36751L6.70955 1.73651C6.94233 1.50234 7.21924 1.31666 7.52427 1.19024C7.82929 1.06382 8.15637 0.999163 8.48655 1.00001V1.00001C8.98368 1.00018 9.46961 1.14773 9.88289 1.42401C10.2962 1.7003 10.6183 2.09291 10.8085 2.55222C10.9987 3.01153 11.0484 3.51692 10.9514 4.0045C10.8544 4.49208 10.615 4.93996 10.2636 5.29151L8.63255 6.92251C8.53873 7.01633 8.48602 7.14358 8.48602 7.27626C8.48602 7.40895 8.53873 7.53619 8.63255 7.63001C8.72637 7.72383 8.85362 7.77654 8.9863 7.77654C9.11898 7.77654 9.24623 7.72383 9.34005 7.63001L10.9711 6.00001C11.6291 5.34056 11.9987 4.44706 11.9989 3.51547C11.9991 2.58387 11.6298 1.69023 10.9721 1.03051V1.03051Z' fill='%23106ACB'/%3E%3Cpath d='M7.1466 4.14621L4.1466 7.14621C4.09885 7.19233 4.06076 7.2475 4.03455 7.30851C4.00835 7.36951 3.99455 7.43512 3.99398 7.50151C3.9934 7.5679 4.00605 7.63374 4.03119 7.69519C4.05633 7.75663 4.09346 7.81246 4.1404 7.85941C4.18735 7.90635 4.24318 7.94348 4.30462 7.96862C4.36607 7.99376 4.43191 8.00641 4.4983 8.00583C4.56469 8.00526 4.6303 7.99146 4.6913 7.96526C4.75231 7.93905 4.80748 7.90096 4.8536 7.85321L7.8536 4.85321C7.94468 4.75891 7.99508 4.63261 7.99394 4.50151C7.9928 4.37042 7.94022 4.24501 7.84751 4.15231C7.75481 4.0596 7.6294 4.00702 7.4983 4.00588C7.3672 4.00474 7.2409 4.05514 7.1466 4.14621Z' fill='%23106ACB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2433_6786'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center / cover;
}
.options .options-container ul li a:hover .icon-layout {
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2433_2340)'%3E%3Cpath d='M1 5.5H6.5C6.76522 5.5 7.01957 5.39464 7.20711 5.20711C7.39464 5.01957 7.5 4.76522 7.5 4.5V1C7.5 0.734784 7.39464 0.48043 7.20711 0.292893C7.01957 0.105357 6.76522 0 6.5 0L1 0C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1L0 4.5C0 4.76522 0.105357 5.01957 0.292893 5.20711C0.48043 5.39464 0.734784 5.5 1 5.5ZM1 1H6.5V4.5H1V1Z' fill='%23106ACB'/%3E%3Cpath d='M11.0001 0H9.50006C9.23484 0 8.98049 0.105357 8.79295 0.292893C8.60542 0.48043 8.50006 0.734784 8.50006 1V4.5C8.50006 4.76522 8.60542 5.01957 8.79295 5.20711C8.98049 5.39464 9.23484 5.5 9.50006 5.5H11.0001C11.2653 5.5 11.5196 5.39464 11.7072 5.20711C11.8947 5.01957 12.0001 4.76522 12.0001 4.5V1C12.0001 0.734784 11.8947 0.48043 11.7072 0.292893C11.5196 0.105357 11.2653 0 11.0001 0V0ZM11.0001 4.5H9.50006V1H11.0001V4.5Z' fill='%23106ACB'/%3E%3Cpath d='M2.5 6.5H1C0.734784 6.5 0.48043 6.60536 0.292893 6.79289C0.105357 6.98043 0 7.23478 0 7.5L0 11C0 11.2652 0.105357 11.5196 0.292893 11.7071C0.48043 11.8946 0.734784 12 1 12H2.5C2.76522 12 3.01957 11.8946 3.20711 11.7071C3.39464 11.5196 3.5 11.2652 3.5 11V7.5C3.5 7.23478 3.39464 6.98043 3.20711 6.79289C3.01957 6.60536 2.76522 6.5 2.5 6.5ZM2.5 11H1V7.5H2.5V11Z' fill='%23106ACB'/%3E%3Cpath d='M11 6.5H5.5C5.23478 6.5 4.98043 6.60536 4.79289 6.79289C4.60536 6.98043 4.5 7.23478 4.5 7.5V11C4.5 11.2652 4.60536 11.5196 4.79289 11.7071C4.98043 11.8946 5.23478 12 5.5 12H11C11.2652 12 11.5196 11.8946 11.7071 11.7071C11.8946 11.5196 12 11.2652 12 11V7.5C12 7.23478 11.8946 6.98043 11.7071 6.79289C11.5196 6.60536 11.2652 6.5 11 6.5ZM11 11H5.5V7.5H11V11Z' fill='%23106ACB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2433_2340'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center / cover;
}
.options .options-container ul li a:hover .icon-subtitles {
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 11H2.5C1.8372 10.9992 1.20178 10.7356 0.73311 10.2669C0.264441 9.79822 0.000793929 9.1628 0 8.5L0 3.5C0.000793929 2.8372 0.264441 2.20178 0.73311 1.73311C1.20178 1.26444 1.8372 1.00079 2.5 1H9.5C10.1628 1.00079 10.7982 1.26444 11.2669 1.73311C11.7356 2.20178 11.9992 2.8372 12 3.5V8.5C11.9992 9.1628 11.7356 9.79822 11.2669 10.2669C10.7982 10.7356 10.1628 10.9992 9.5 11V11ZM2.5 2C2.10218 2 1.72064 2.15804 1.43934 2.43934C1.15804 2.72064 1 3.10218 1 3.5V8.5C1 8.89782 1.15804 9.27936 1.43934 9.56066C1.72064 9.84196 2.10218 10 2.5 10H9.5C9.89782 10 10.2794 9.84196 10.5607 9.56066C10.842 9.27936 11 8.89782 11 8.5V3.5C11 3.10218 10.842 2.72064 10.5607 2.43934C10.2794 2.15804 9.89782 2 9.5 2H2.5Z' fill='%23106ACB'/%3E%3Cpath d='M9.49991 6.50001H5.49991C5.3673 6.50001 5.24012 6.44733 5.14636 6.35356C5.05259 6.25979 4.99991 6.13261 4.99991 6C4.99991 5.86739 5.05259 5.74022 5.14636 5.64645C5.24012 5.55268 5.3673 5.5 5.49991 5.5H9.49991C9.63252 5.5 9.75969 5.55268 9.85346 5.64645C9.94723 5.74022 9.99991 5.86739 9.99991 6C9.99991 6.13261 9.94723 6.25979 9.85346 6.35356C9.75969 6.44733 9.63252 6.50001 9.49991 6.50001Z' fill='%23106ACB'/%3E%3Cpath d='M3.50003 6.50001H2.50003C2.36742 6.50001 2.24024 6.44733 2.14648 6.35356C2.05271 6.25979 2.00003 6.13261 2.00003 6C2.00003 5.86739 2.05271 5.74022 2.14648 5.64645C2.24024 5.55268 2.36742 5.5 2.50003 5.5H3.50003C3.63264 5.5 3.75981 5.55268 3.85358 5.64645C3.94735 5.74022 4.00003 5.86739 4.00003 6C4.00003 6.13261 3.94735 6.25979 3.85358 6.35356C3.75981 6.44733 3.63264 6.50001 3.50003 6.50001Z' fill='%23106ACB'/%3E%3Cpath d='M6.50003 9.00001H2.50003C2.36742 9.00001 2.24025 8.94733 2.14648 8.85356C2.05271 8.75979 2.00003 8.63261 2.00003 8.5C2.00003 8.36739 2.05271 8.24022 2.14648 8.14645C2.24025 8.05268 2.36742 8 2.50003 8H6.50003C6.63264 8 6.75982 8.05268 6.85358 8.14645C6.94735 8.24022 7.00003 8.36739 7.00003 8.5C7.00003 8.63261 6.94735 8.75979 6.85358 8.85356C6.75982 8.94733 6.63264 9.00001 6.50003 9.00001Z' fill='%23106ACB'/%3E%3Cpath d='M9.49994 9.00001H8.49994C8.36733 9.00001 8.24015 8.94733 8.14638 8.85356C8.05262 8.75979 7.99994 8.63261 7.99994 8.5C7.99994 8.36739 8.05262 8.24022 8.14638 8.14645C8.24015 8.05268 8.36733 8 8.49994 8H9.49994C9.63254 8 9.75972 8.05268 9.85349 8.14645C9.94726 8.24022 9.99994 8.36739 9.99994 8.5C9.99994 8.63261 9.94726 8.75979 9.85349 8.85356C9.75972 8.94733 9.63254 9.00001 9.49994 9.00001Z' fill='%23106ACB'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
}
.options .options-container ul li a:hover .icon-megaphone-grey {
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2433_5312)'%3E%3Cpath d='M8.5 0C8.36739 0 8.24022 0.0526784 8.14645 0.146447C8.05268 0.240215 8 0.367392 8 0.5C8 1.9745 6.7085 2.5 5.5 2.5H2C1.46957 2.5 0.960859 2.71071 0.585787 3.08579C0.210714 3.46086 0 3.96957 0 4.5L0 5.5C0.00109208 5.79937 0.0697309 6.09463 0.200801 6.36378C0.331872 6.63294 0.521994 6.86904 0.757 7.0545L2.543 11.0405C2.67002 11.326 2.87709 11.5686 3.13914 11.7389C3.40119 11.9092 3.70698 11.9999 4.0195 12C4.26816 11.9998 4.51282 11.9375 4.73123 11.8186C4.94964 11.6998 5.13486 11.5282 5.27002 11.3195C5.40519 11.1108 5.48601 10.8716 5.50513 10.6237C5.52425 10.3757 5.48106 10.127 5.3795 9.9L4.2795 7.5H5.5C6.7085 7.5 8 8.0255 8 9.5C8 9.63261 8.05268 9.75979 8.14645 9.85355C8.24022 9.94732 8.36739 10 8.5 10C8.63261 10 8.75979 9.94732 8.85355 9.85355C8.94732 9.75979 9 9.63261 9 9.5V0.5C9 0.367392 8.94732 0.240215 8.85355 0.146447C8.75979 0.0526784 8.63261 0 8.5 0V0ZM4.4685 10.3095C4.50162 10.3843 4.51555 10.4662 4.50902 10.5477C4.5025 10.6292 4.47573 10.7079 4.43114 10.7764C4.38654 10.845 4.32554 10.9014 4.25366 10.9404C4.18178 10.9794 4.1013 10.9999 4.0195 11C3.9002 10.9999 3.78349 10.9652 3.68354 10.9C3.5836 10.8349 3.50473 10.7421 3.4565 10.633L2.0525 7.5H3.1795L4.4685 10.3095ZM8 7.3C7.28565 6.74959 6.40118 6.46656 5.5 6.5H2C1.73478 6.5 1.48043 6.39464 1.29289 6.20711C1.10536 6.01957 1 5.76522 1 5.5V4.5C1 4.23478 1.10536 3.98043 1.29289 3.79289C1.48043 3.60536 1.73478 3.5 2 3.5H5.5C6.40088 3.53415 7.28531 3.25201 8 2.7025V7.3ZM11.95 7.726C11.9207 7.78479 11.88 7.83722 11.8304 7.88029C11.7808 7.92337 11.7232 7.95625 11.6609 7.97705C11.5986 7.99785 11.5328 8.00617 11.4673 8.00153C11.4017 7.99689 11.3378 7.97938 11.279 7.95L10.279 7.45C10.1603 7.39072 10.07 7.28673 10.028 7.16089C9.98602 7.03506 9.99573 6.89768 10.055 6.779C10.1143 6.66032 10.2183 6.57004 10.3441 6.52803C10.4699 6.48602 10.6073 6.49572 10.726 6.555L11.726 7.055C11.8441 7.11424 11.9339 7.21779 11.9759 7.34305C12.0178 7.46831 12.0085 7.60508 11.95 7.7235V7.726ZM10.055 3.226C10.0256 3.16724 10.0081 3.10326 10.0035 3.03773C9.99883 2.9722 10.0071 2.9064 10.028 2.84408C10.0488 2.78177 10.0816 2.72416 10.1247 2.67456C10.1678 2.62496 10.2202 2.58433 10.279 2.555L11.279 2.055C11.3977 1.99572 11.5351 1.98602 11.6609 2.02803C11.7867 2.07004 11.8907 2.16032 11.95 2.279C12.0093 2.39768 12.019 2.53506 11.977 2.66089C11.935 2.78673 11.8447 2.89072 11.726 2.95L10.726 3.45C10.6672 3.47938 10.6033 3.49689 10.5377 3.50153C10.4722 3.50617 10.4064 3.49785 10.3441 3.47705C10.2818 3.45625 10.2242 3.42337 10.1746 3.38029C10.125 3.33722 10.0843 3.28479 10.055 3.226V3.226ZM10 5C10 4.86739 10.0527 4.74021 10.1464 4.64645C10.2402 4.55268 10.3674 4.5 10.5 4.5H11.5C11.6326 4.5 11.7598 4.55268 11.8536 4.64645C11.9473 4.74021 12 4.86739 12 5C12 5.13261 11.9473 5.25979 11.8536 5.35355C11.7598 5.44732 11.6326 5.5 11.5 5.5H10.5C10.3674 5.5 10.2402 5.44732 10.1464 5.35355C10.0527 5.25979 10 5.13261 10 5Z' fill='%23106ACB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2433_5312'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.options .options-container ul li a:hover .icon-users-grey {
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2319_4115)'%3E%3Cpath d='M7.33333 9.33333C9.90667 9.33333 12 7.24 12 4.66667C12 2.09333 9.90667 0 7.33333 0C4.76 0 2.66667 2.09333 2.66667 4.66667C2.66667 7.24 4.76 9.33333 7.33333 9.33333ZM7.33333 2.66667C8.436 2.66667 9.33333 3.564 9.33333 4.66667C9.33333 5.76933 8.436 6.66667 7.33333 6.66667C6.23067 6.66667 5.33333 5.76933 5.33333 4.66667C5.33333 3.564 6.23067 2.66667 7.33333 2.66667ZM6.66667 13.3333C4.46133 13.3333 2.66667 15.128 2.66667 17.3333C2.66667 18.0707 2.06933 18.6667 1.33333 18.6667C0.597333 18.6667 0 18.0707 0 17.3333C0 13.6573 2.99067 10.6667 6.66667 10.6667C7.40267 10.6667 8 11.2627 8 12C8 12.7373 7.40267 13.3333 6.66667 13.3333ZM16 22.6667C16 23.404 15.4027 24 14.6667 24H13.3333C11.128 24 9.33333 25.7947 9.33333 28C9.33333 28.7373 8.736 29.3333 8 29.3333C7.264 29.3333 6.66667 28.7373 6.66667 28C6.66667 24.324 9.65733 21.3333 13.3333 21.3333H14.6667C15.4027 21.3333 16 21.9293 16 22.6667ZM20.6667 9.33333C23.24 9.33333 25.3333 7.24 25.3333 4.66667C25.3333 2.09333 23.24 0 20.6667 0C18.0933 0 16 2.09333 16 4.66667C16 7.24 18.0933 9.33333 20.6667 9.33333ZM20.6667 2.66667C21.7693 2.66667 22.6667 3.564 22.6667 4.66667C22.6667 5.76933 21.7693 6.66667 20.6667 6.66667C19.564 6.66667 18.6667 5.76933 18.6667 4.66667C18.6667 3.564 19.564 2.66667 20.6667 2.66667ZM21.3333 10.6667C23.7053 10.6667 25.9187 11.944 27.108 13.9987C27.476 14.6373 27.2587 15.452 26.6213 15.82C26.412 15.9427 26.1813 16 25.9547 16C25.4947 16 25.0467 15.7613 24.7987 15.3347C24.0853 14.1 22.7573 13.3333 21.3333 13.3333C20.5973 13.3333 20 12.7373 20 12C20 11.2627 20.5973 10.6667 21.3333 10.6667ZM32 25.3333C32 26.0707 31.4027 26.6667 30.6667 26.6667H26.6667V30.6667C26.6667 31.404 26.0693 32 25.3333 32C24.5973 32 24 31.404 24 30.6667V26.6667H20C19.264 26.6667 18.6667 26.0707 18.6667 25.3333C18.6667 24.596 19.264 24 20 24H24V20C24 19.2627 24.5973 18.6667 25.3333 18.6667C26.0693 18.6667 26.6667 19.2627 26.6667 20V24H30.6667C31.4027 24 32 24.596 32 25.3333ZM14 10.6667C11.4267 10.6667 9.33333 12.76 9.33333 15.3333C9.33333 17.9067 11.4267 20 14 20C16.5733 20 18.6667 17.9067 18.6667 15.3333C18.6667 12.76 16.5733 10.6667 14 10.6667ZM14 17.3333C12.8973 17.3333 12 16.436 12 15.3333C12 14.2307 12.8973 13.3333 14 13.3333C15.1027 13.3333 16 14.2307 16 15.3333C16 16.436 15.1027 17.3333 14 17.3333Z' fill='%23106ACB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2319_4115'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.last-campaigns-list .campaigns-grid .single-campaign .options.open .options-container,
.active-links-list .links-grid .single-link .options.open .options-container,
.newsletters-list .newsletters-grid .single-newsletter .options.open .options-container,
.subscribers-list .subscribers-grid .single-subscriber .options.open .options-container,
.groups-list .groups-grid .single-group .options.open .options-container,
.clicks-analysis-list .clicks-analysis-grid .single-click .options.open .options-container,
.groups-edit-list .groups-edit-grid .single-subscriber .options.open .options-container,
.templates-grid .single-template .options.open .options-container,
.subscribers-edit-list .subscribers-grid .single-subscriber .options.open .options-container {
   display: block;
}

.options.open .icon-dots {
   background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33337 10C2.80294 10 2.29423 9.78929 1.91916 9.41421C1.54409 9.03914 1.33337 8.53043 1.33337 8C1.33337 7.46957 1.54409 6.96086 1.91916 6.58579C2.29423 6.21071 2.80294 6 3.33337 6C3.86381 6 4.37251 6.21071 4.74759 6.58579C5.12266 6.96086 5.33337 7.46957 5.33337 8C5.33337 8.53043 5.12266 9.03914 4.74759 9.41421C4.37251 9.78929 3.86381 10 3.33337 10ZM12.6667 10C12.1363 10 11.6276 9.78929 11.2525 9.41421C10.8774 9.03914 10.6667 8.53043 10.6667 8C10.6667 7.46957 10.8774 6.96086 11.2525 6.58579C11.6276 6.21071 12.1363 6 12.6667 6C13.1971 6 13.7058 6.21071 14.0809 6.58579C14.456 6.96086 14.6667 7.46957 14.6667 8C14.6667 8.53043 14.456 9.03914 14.0809 9.41421C13.7058 9.78929 13.1971 10 12.6667 10ZM8.00004 10C7.46961 10 6.9609 9.78929 6.58583 9.41421C6.21075 9.03914 6.00004 8.53043 6.00004 8C6.00004 7.46957 6.21075 6.96086 6.58583 6.58579C6.9609 6.21071 7.46961 6 8.00004 6C8.53047 6 9.03918 6.21071 9.41425 6.58579C9.78933 6.96086 10 7.46957 10 8C10 8.53043 9.78933 9.03914 9.41425 9.41421C9.03918 9.78929 8.53047 10 8.00004 10Z' fill='%23106ACB'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.subscribers-list,
.groups-list,
.groups-edit-list {
    margin-top: 24px;
}

.campaigns-grid.home .single-campaign:last-of-type .options-container {
   top: -40px;
}

.campaigns-grid .single-campaign:last-of-type .options-container {
   top: -120px;
}

.subscribers-grid .single-subscriber:last-of-type .options-container {
   top: -65px;
}

.links-grid .single-link:last-of-type .options-container {
   top: -50px;
}

.groups-grid .single-group:last-of-type .options-container {
   top: -90px;
}

.newsletters-grid .single-newsletter:last-of-type .options-container {
   top: -165px;
}

.newsletters-grid .single-newsletter:nth-last-child(2) .options-container {
   top: -165px;
}

.quick-actions {
    padding-top: 12px;
    padding-right: 18px;
    padding-bottom: 50px;
    padding-left: 12px;
    background: var(--surface-secondary);
    border: 1px solid var(--border-subtle);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transform: translatey(40px);
    z-index: 0;
}

.quick-actions .element {
    font-size: 12px;
    line-height: 16px;
    color: var(--blue);
    gap: 6px;
}

.quick-actions .separator {
    width: 1px;
    height: 15px;
    content: '';
    background: var(--blue);
    margin-left: 20px;
    margin-right: 20px;
}

.add-big-btn {
    margin-top: 24px;
    margin-bottom: 32px;
    padding: 24px 32px;
    background: var(--blue);
    border-radius: 16px;
    gap: 20px;
    cursor: pointer;
    position: relative;
}

.add-big-btn::after {
    width: 100%;
    height: 100%;
    content: '';
    background: var(--blue-hover);
    border-radius: 16px;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 0;
    opacity: 0;
    transition: all 0.3s ease;
}

.add-big-btn .icon-wrapper {
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    border-radius: 50%;
    background-color: var(--white);
    position: relative;
    z-index: 1;
}

.add-big-btn .text {
    width: 100%;
    position: relative;
    z-index: 1;
}

.add-big-btn .text .left {
    gap: 4px;
}

.add-big-btn .text h2, .add-big-btn .text p {
    color: var(--white);
}

.add-big-btn .text p {
    opacity: 0.8;
}

.add-big-btn .icon-create {
    transition: all 0.3s ease;
}

.add-big-btn:hover .icon-create {
    transform: rotate(90deg);
}

.add-big-btn:hover::after {
    opacity: 1;
}

.add-big-btn a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.filter-form {
    gap: 8px;
    margin-bottom: 18px;
    position: relative;
    padding-bottom: 18px;
}

.filter-form .clear-filters {
   position: absolute;
   bottom: -10px;
   left: 4px;
   font-size: 14px;
   line-height: 20px;
   display: flex;
   align-items: center;
   gap: 5px;
   color: var(--text-tertiary);
}

.filter-form .send-button .btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var( --border-default);
    transition: all 0.3s ease;
}

.filter-form .send-button .btn:hover {
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid var( --border-default)!important;
    background: var(--blue)!important;
}

.filter-form .send-button .btn::after {
    display: none!important;
}

.filter-form .form-group {
    width: 100%;
    margin-bottom: 0;
    position: relative;
}

.filter-form .form-group input, .filter-form .form-group select {
    padding: 14px 16px;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-tertiary);
    border: 1px solid var(--border-subtle);
    border-radius: 50px;
    width: 100%;
    transition: all 0.3s ease;
}

.filter-form .form-group select {
    cursor: pointer;
}

.filter-form .form-group input:hover,
.filter-form .form-group select:hover,
.filter-form .form-group input:focus,
.filter-form .form-group select:focus {
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid var(--border-default);
}

.filter-form .form-group input:focus-visible ,
.filter-form .form-group select:focus-visible {
    outline:  none;
} 

.filter-form .form-group.search-group input {
    padding-left: 48px;
}

.filter-form .form-group.search-group input::placeholder {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-tertiary);
}

.filter-form .form-group.search-group::before {
    position: absolute;
    left: 16px;
    top: 14px;
    width: 20px;
    height: 20px;
    content: '';
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7557 18.5778L14.7815 13.6036C16.137 11.9458 16.8035 9.83038 16.643 7.69494C16.4826 5.5595 15.5075 3.56742 13.9195 2.13074C12.3315 0.694065 10.252 -0.0772832 8.11119 -0.0237567C5.9704 0.0297698 3.93207 0.904076 2.41783 2.41832C0.903588 3.93256 0.0292815 5.97088 -0.024245 8.11168C-0.0777715 10.2525 0.693577 12.3319 2.13025 13.92C3.56693 15.508 5.55901 16.4831 7.69445 16.6435C9.8299 16.804 11.9453 16.1375 13.6032 14.782L18.5773 19.7561C18.7345 19.9079 18.945 19.9919 19.1635 19.99C19.382 19.9881 19.591 19.9005 19.7455 19.746C19.9 19.5915 19.9877 19.3825 19.9895 19.164C19.9914 18.9455 19.9075 18.735 19.7557 18.5778ZM8.33315 15.0003C7.01461 15.0003 5.72568 14.6093 4.62935 13.8768C3.53302 13.1442 2.67854 12.103 2.17395 10.8849C1.66937 9.66669 1.53735 8.32625 1.79458 7.03304C2.05182 5.73983 2.68676 4.55195 3.61911 3.61959C4.55146 2.68724 5.73934 2.05231 7.03255 1.79507C8.32576 1.53784 9.6662 1.66986 10.8844 2.17444C12.1025 2.67903 13.1437 3.53351 13.8763 4.62984C14.6088 5.72617 14.9998 7.0151 14.9998 8.33364C14.9978 10.1011 14.2948 11.7957 13.045 13.0455C11.7952 14.2953 10.1007 14.9983 8.33315 15.0003Z' fill='%239E9E9E'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.active-links-page,
.subscribers-page {
    margin-top: 24px;
}

.subscribers-page .subscribers-actions {
    gap: 8px;
}

.filter-form .options-element {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    background: var(--white);
    border: 1px solid var(--border-subtle);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: absolute;
    bottom: -16px;
}

.filter-form .options-element.delete {
    left: 56px;
}

.filter-form .options-element:hover {
    background: var(--blue);
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid var(--border-default);
}

.filter-form .options-element:hover .icon-export {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2433_7400)'%3E%3Cpath d='M8.23184 15.1017C8.46401 15.334 8.73968 15.5183 9.0431 15.644C9.34652 15.7697 9.67174 15.8345 10.0002 15.8345C10.3286 15.8345 10.6538 15.7697 10.9573 15.644C11.2607 15.5183 11.5363 15.334 11.7685 15.1017L14.4443 12.4258C14.5878 12.2672 14.6648 12.0594 14.6593 11.8455C14.6538 11.6317 14.5663 11.4282 14.4148 11.2771C14.2634 11.126 14.0597 11.0389 13.8458 11.0338C13.632 11.0288 13.4244 11.1062 13.266 11.25L10.8277 13.6892L10.8335 0.833333C10.8335 0.61232 10.7457 0.400358 10.5894 0.244078C10.4332 0.0877974 10.2212 0 10.0002 0V0C9.77916 0 9.5672 0.0877974 9.41092 0.244078C9.25464 0.400358 9.16684 0.61232 9.16684 0.833333L9.15934 13.6733L6.73435 11.25C6.57798 11.0937 6.36594 11.006 6.14488 11.0061C5.92382 11.0062 5.71185 11.094 5.55559 11.2504C5.39934 11.4068 5.3116 11.6188 5.31168 11.8399C5.31175 12.0609 5.39964 12.2729 5.55601 12.4292L8.23184 15.1017Z' fill='%23ffffff'/%3E%3Cpath d='M19.1667 13.334C18.9457 13.334 18.7337 13.4218 18.5774 13.5781C18.4211 13.7343 18.3333 13.9463 18.3333 14.1673V17.5006C18.3333 17.7217 18.2455 17.9336 18.0893 18.0899C17.933 18.2462 17.721 18.334 17.5 18.334H2.5C2.27899 18.334 2.06702 18.2462 1.91074 18.0899C1.75446 17.9336 1.66667 17.7217 1.66667 17.5006V14.1673C1.66667 13.9463 1.57887 13.7343 1.42259 13.5781C1.26631 13.4218 1.05435 13.334 0.833333 13.334C0.61232 13.334 0.400358 13.4218 0.244078 13.5781C0.0877974 13.7343 0 13.9463 0 14.1673L0 17.5006C0 18.1637 0.263392 18.7996 0.732233 19.2684C1.20107 19.7372 1.83696 20.0006 2.5 20.0006H17.5C18.163 20.0006 18.7989 19.7372 19.2678 19.2684C19.7366 18.7996 20 18.1637 20 17.5006V14.1673C20 13.9463 19.9122 13.7343 19.7559 13.5781C19.5996 13.4218 19.3877 13.334 19.1667 13.334Z' fill='%23ffffff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2433_7400'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.filter-form .options-element:hover .icon-delete {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4999 3.33333H14.9166C14.7232 2.39284 14.2114 1.54779 13.4676 0.940598C12.7238 0.333408 11.7934 0.0012121 10.8333 0L9.1666 0C8.20642 0.0012121 7.27603 0.333408 6.53222 0.940598C5.78841 1.54779 5.27668 2.39284 5.08326 3.33333H2.49993C2.27892 3.33333 2.06695 3.42113 1.91067 3.57741C1.75439 3.73369 1.6666 3.94565 1.6666 4.16667C1.6666 4.38768 1.75439 4.59964 1.91067 4.75592C2.06695 4.9122 2.27892 5 2.49993 5H3.33326V15.8333C3.33459 16.938 3.774 17.997 4.55511 18.7782C5.33623 19.5593 6.39527 19.9987 7.49993 20H12.4999C13.6046 19.9987 14.6636 19.5593 15.4447 18.7782C16.2259 17.997 16.6653 16.938 16.6666 15.8333V5H17.4999C17.7209 5 17.9329 4.9122 18.0892 4.75592C18.2455 4.59964 18.3333 4.38768 18.3333 4.16667C18.3333 3.94565 18.2455 3.73369 18.0892 3.57741C17.9329 3.42113 17.7209 3.33333 17.4999 3.33333ZM9.1666 1.66667H10.8333C11.3502 1.6673 11.8542 1.82781 12.2763 2.1262C12.6983 2.42459 13.0178 2.84624 13.1908 3.33333H6.80909C6.98208 2.84624 7.30151 2.42459 7.72358 2.1262C8.14566 1.82781 8.6497 1.6673 9.1666 1.66667ZM14.9999 15.8333C14.9999 16.4964 14.7365 17.1323 14.2677 17.6011C13.7989 18.0699 13.163 18.3333 12.4999 18.3333H7.49993C6.83689 18.3333 6.201 18.0699 5.73216 17.6011C5.26332 17.1323 4.99993 16.4964 4.99993 15.8333V5H14.9999V15.8333Z' fill='%23ffffff'/%3E%3Cpath d='M8.33333 14.9987C8.55435 14.9987 8.76631 14.9109 8.92259 14.7546C9.07887 14.5983 9.16666 14.3864 9.16666 14.1654V9.16536C9.16666 8.94435 9.07887 8.73239 8.92259 8.57611C8.76631 8.41983 8.55435 8.33203 8.33333 8.33203C8.11232 8.33203 7.90036 8.41983 7.74408 8.57611C7.5878 8.73239 7.5 8.94435 7.5 9.16536V14.1654C7.5 14.3864 7.5878 14.5983 7.74408 14.7546C7.90036 14.9109 8.11232 14.9987 8.33333 14.9987Z' fill='%23ffffff'/%3E%3Cpath d='M11.6665 14.9987C11.8876 14.9987 12.0995 14.9109 12.2558 14.7546C12.4121 14.5983 12.4999 14.3864 12.4999 14.1654V9.16536C12.4999 8.94435 12.4121 8.73239 12.2558 8.57611C12.0995 8.41983 11.8876 8.33203 11.6665 8.33203C11.4455 8.33203 11.2336 8.41983 11.0773 8.57611C10.921 8.73239 10.8332 8.94435 10.8332 9.16536V14.1654C10.8332 14.3864 10.921 14.5983 11.0773 14.7546C11.2336 14.9109 11.4455 14.9987 11.6665 14.9987Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.drag-drop-editor, .templates-list-page .finish .inner {
    min-height: calc(100vh - 174px);
}

.drag-drop-editor {
    background: var(--white);
    margin-top: 24px;
    margin-bottom: 24px;
    position: relative;
}

.templates-list-page .finish .inner {
    gap: 32px;
}

.templates-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(184px, 200px));
  gap: 32px;
}

.templates-grid .single-template {
    cursor: pointer;
    min-width: 0;
}

.templates-grid .single-template .cover-link {
    display: block;
    width: 100%;
}

.templates-grid .single-template .image {
    width: 100%;
    max-width: 100%;
    height: 250px;
    background: var(--white);
    border-radius: 8px;
    margin-bottom: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-subtle);
    order: 1;
    overflow: hidden;
}

.templates-grid .single-template .image.has-preview {
    align-items: flex-start;
    justify-content: flex-start;
}

.templates-grid .single-template .image.has-preview img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.templates-grid .single-template .image .template-preview-scale {
    width: 1200px;
    height: 780px;
    transform: scale(0.32);
    transform-origin: top left;
}

.templates-grid .single-template .image .template-preview-frame {
    width: 1200px;
    height: 780px;
    border: 0;
    background: var(--white);
    pointer-events: none;
}

.templates-grid .single-template .title {
    order: 2;
    gap: 16px;
}

.templates-grid .single-template input {
    order: 3;
}

.templates-grid .single-template .image.noimg::before {
    position: absolute;
    content: '';
    width: 85px;
    height: 114px;
    display: inline-block;
    opacity: 0.1;
    background: url("data:image/svg+xml,%3Csvg width='275' height='367' viewBox='0 0 275 367' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M252.459 47.6675L227.175 22.3529C220.101 15.2427 211.686 9.60609 202.419 5.76928C193.152 1.93248 183.216 -0.0283376 173.187 0.000309416H76.3407C56.1014 0.0245531 36.6979 8.07536 22.3865 22.3868C8.07505 36.6982 0.0242436 56.1017 0 76.3411V290.095C0.0242436 310.335 8.07505 329.738 22.3865 344.049C36.6979 358.361 56.1014 366.412 76.3407 366.436H198.486C218.725 366.412 238.129 358.361 252.44 344.049C266.752 329.738 274.802 310.335 274.827 290.095V101.64C274.851 91.612 272.887 81.6783 269.048 72.414C265.208 63.1496 259.57 54.7386 252.459 47.6675V47.6675ZM230.87 69.2566C233.035 71.4143 234.974 73.7882 236.656 76.3411H198.486V38.1707C201.035 39.8703 203.412 41.8134 205.586 43.9726L230.87 69.2566ZM244.29 290.095C244.29 302.243 239.465 313.894 230.875 322.484C222.285 331.074 210.634 335.9 198.486 335.9H76.3407C64.1926 335.9 52.5421 331.074 43.9521 322.484C35.3621 313.894 30.5363 302.243 30.5363 290.095V76.3411C30.5363 64.193 35.3621 52.5424 43.9521 43.9524C52.5421 35.3624 64.1926 30.5366 76.3407 30.5366H167.95V76.3411C167.95 84.4398 171.167 92.2068 176.894 97.9335C182.62 103.66 190.387 106.877 198.486 106.877H244.29V290.095ZM198.486 137.414C202.535 137.414 206.419 139.022 209.282 141.886C212.145 144.749 213.754 148.632 213.754 152.682C213.754 156.731 212.145 160.615 209.282 163.478C206.419 166.341 202.535 167.95 198.486 167.95H76.3407C72.2914 167.95 68.4079 166.341 65.5445 163.478C62.6812 160.615 61.0726 156.731 61.0726 152.682C61.0726 148.632 62.6812 144.749 65.5445 141.886C68.4079 139.022 72.2914 137.414 76.3407 137.414H198.486ZM213.754 213.754C213.754 217.804 212.145 221.687 209.282 224.551C206.419 227.414 202.535 229.023 198.486 229.023H76.3407C72.2914 229.023 68.4079 227.414 65.5445 224.551C62.6812 221.687 61.0726 217.804 61.0726 213.754C61.0726 209.705 62.6812 205.822 65.5445 202.958C68.4079 200.095 72.2914 198.486 76.3407 198.486H198.486C202.535 198.486 206.419 200.095 209.282 202.958C212.145 205.822 213.754 209.705 213.754 213.754ZM210.823 265.865C213.196 269.13 214.18 273.202 213.559 277.19C212.938 281.179 210.763 284.759 207.509 287.148C192.04 298.171 173.718 304.496 154.743 305.363C143.656 305.31 132.906 301.547 124.206 294.676C119.198 291.24 117.29 290.095 113.519 290.095C103.311 291.675 93.6795 295.849 85.5474 302.218C82.322 304.517 78.3292 305.473 74.4123 304.884C70.4953 304.294 66.9607 302.205 64.555 299.058C62.1493 295.912 61.0607 291.953 61.5191 288.018C61.9776 284.084 63.9471 280.482 67.0119 277.972C80.4659 267.528 96.6211 261.14 113.58 259.559C123.75 259.721 133.583 263.237 141.551 269.56C145.183 272.826 149.859 274.694 154.743 274.827C167.227 273.892 179.232 269.626 189.508 262.475C192.785 260.1 196.87 259.123 200.867 259.758C204.864 260.394 208.444 262.59 210.823 265.865V265.865Z' fill='%239E9E9E'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.templates-grid .single-template .title h2 {
    font-size: 16px;
    line-height: 24px;
}

.templates-grid .single-template input:checked + .image {
    border: 1px solid var(--blue);
}

.templates-grid .single-template:hover .image {
    border: 1px solid var(--blue);
}

.reports-page .reports-wrapper {
    background: var(--white);
    padding: 24px 20px;
    border-radius: 16px;
    border: 1px solid var(--border-subtle);
    height: 100%;
}

.reports-page .reports-wrapper h2 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 8px;
}

.reports-page .click-grid {
    margin-bottom: 40px;
}

.reports-page .reports-exposed {
    margin-bottom: 24px;
}

.reports-page .reports-links {
    margin-top: 24px;
    margin-bottom: 24px;
    gap: 16px;
}

.reports-links .report-link {
    font-size: 18px;
    line-height: 26px;
    padding: 24px;
    border: 1px solid var(--border-subtle);
    background: var(--white);
    color: var(--black);
    font-weight: 700;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.reports-links .report-link:hover {
    text-decoration: none;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25);
}

.settings-page .settings-form-wrapper .sf-form-element {
    padding: 0;
}
.settings-page .settings-form-wrapper .nav {
    height: auto;
    border-bottom: 2px solid var(--border-subtle);
    margin-bottom: 32px;
}

.settings-page .settings-form-wrapper .nav .nav-item {
    padding: 16px 14px!important;
    height: auto;
    margin: 0!important;
    display: block;    
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    border: none;
    color: var(--text-tertiary);
}

.settings-page .settings-form-wrapper .nav .nav-item:hover {
    color: var(--text-secondary);
}

.settings-page .settings-form-wrapper .nav .nav-item::after {
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    content: '';
    background: transparent;
    position: absolute;
}

.settings-page .settings-form-wrapper .nav .nav-item.active {
    background-color: transparent!important;
    color: var(--text-secondary);
}

.settings-page .settings-form-wrapper .nav .nav-item.active::after,
.settings-page .settings-form-wrapper .nav .nav-item:hover::after {
    background: var(--blue);
}

.settings-page .settings-form-wrapper .nav .nav-item span {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.settings-page .settings-form-wrapper .sf-tabs-contents {
    background: var(--white);
    border-radius: 16px;
    border: 1px solid var(--border-subtle);
    padding: 40px 48px;
}

.settings-page .settings-form-wrapper .sf-label .mr-1 {
    margin: 0!important;
}

.settings-page .settings-form-wrapper .sf-tabs-contents .sf-wrapped-element,
.settings-page .settings-form-wrapper .sf-tabs-contents .sf-wrapped-element select,
.settings-page .settings-form-wrapper .sf-tabs-contents .sf-wrapped-element input,
.settings-page .settings-form-wrapper .sf-tabs-contents .sf-wrapped-element textarea {
    width: 100%!important;
}

.settings-page .settings-form-wrapper .sf-tabs-contents .sf-tab-element {
    padding: 0;
}

.settings-page .settings-form-wrapper .sf-tabs-contents .sf-tab-element .sf-label {
    width: auto!important;
}

.settings-page .settings-form-wrapper .sf-tabs-contents .sf-tabs-contents {
    padding: 0;
    border-radius: 0;
    border: none;
}

.settings-page .settings-form-wrapper .sf-tabs-container .sf-tabs-contents .sf-tab-content .nav .nav-item {
    padding: 14px 6px!important;
}

.settings-page .settings-form-wrapper .sf-tabs-container .sf-tabs-contents .sf-tab-content .nav .nav-item span {
    font-size: 14px;
}

.settings-page .settings-form-wrapper .sf-form .sf-buttons-bar .sf-labeled-element {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.settings-page .settings-form-wrapper .sf-form .sf-buttons-bar .sf-labeled-element .sf-label {
    width: 100%!important;
}

.settings-page .settings-form-wrapper .sf-form .sf-buttons-bar .sf-buttons {
    display: flex;
    gap: 16px;
    flex-direction: row-reverse;
}

.settings-page .settings-form-wrapper .sf-form .sf-buttons-bar .sf-buttons input,
.settings-page .settings-form-wrapper .sf-form .sf-buttons-bar .sf-buttons a {
    margin: 0!important;
}

.settings-page .settings-form-wrapper .sf-form .sf-buttons-bar .sf-buttons a {
    background: var(--white);
    color: var(--blue);
}

.settings-page .settings-form-wrapper .sf-form .sf-buttons-bar .sf-buttons a:hover {
    background: var(--blue);
    color: var(--white);
}

.settings-page .settings-form-wrapper .sf-form .sf-buttons-bar .sf-buttons a:after {
    display: none;
}

.steps-form .steps-list {
    margin-bottom: 32px;
}

.steps-form .steps-list li {
    border-top: 3px solid var(--border-disabled);
    background-color: var(--surface);
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 16px;
    padding-left: 12px;
    border-right: none;
}

.steps-form .steps-list li .wrapper {
    gap: 8px;
}

.steps-form .steps-list li h2 {
    font-size: 16px;
    line-height: 24px;
    color: var(--border-disabled);
}

.steps-form .steps-list li p {
    font-size: 12px;
    line-height: 16px;
    color: var(--border-disabled);
}

.steps-form .steps-list li.active {
    border-top: 3px solid var(--blue);
    background-color: var(--surface);
}

.steps-form .steps-list li.active h2,
.steps-form .steps-list li.done h2 {
    color: var(--black);
}

.steps-form .steps-list li.active p,
.steps-form .steps-list li.done p {
    color: var(--text-tertiary);
}

.steps-form .steps-list li.done {
    background-color: var(--surface-tertiary);
    border-top: 3px solid var(--blue);
}

.steps-form .steps-list li .icon-status {
    width: 24px;
    height: 24px;
    content: '';
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22Z' fill='%23B1B1B1'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.steps-form .steps-list li.active .icon-status {
    width: 24px;
    height: 24px;
    content: '';
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.95 12.9998C21.449 18.0528 17.185 21.9998 12 21.9998C6.477 21.9998 2 17.5228 2 11.9998C2 6.81483 5.947 2.55083 11 2.04983V4.06183C8.98271 4.31851 7.13885 5.3337 5.84319 6.90105C4.54752 8.4684 3.89728 10.4703 4.02462 12.4999C4.15196 14.5294 5.04733 16.4343 6.52874 17.8274C8.01016 19.2206 9.96645 19.9973 12 19.9998C13.9486 19.9998 15.8302 19.2886 17.2917 17.9998C18.7533 16.711 19.6942 14.9331 19.938 12.9998H21.951H21.95ZM21.95 10.9998H19.938C19.7154 9.23743 18.9129 7.59916 17.6568 6.34306C16.4007 5.08696 14.7624 4.28441 13 4.06183V2.04883C15.2951 2.28006 17.4398 3.29743 19.0709 4.92865C20.7019 6.55986 21.719 8.70466 21.95 10.9998Z' fill='%23106ACB'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.steps-form .steps-list li.done .icon-status {
    width: 24px;
    height: 24px;
    content: '';
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.486 16.7299C10.3547 16.7302 10.2247 16.7045 10.1034 16.6544C9.98204 16.6043 9.87181 16.5307 9.77899 16.4379L5.53699 12.1949C5.44141 12.1027 5.36516 11.9924 5.31266 11.8705C5.26017 11.7485 5.23249 11.6173 5.23125 11.4845C5.23 11.3517 5.25521 11.22 5.3054 11.0971C5.3556 10.9742 5.42977 10.8625 5.52359 10.7685C5.61742 10.6746 5.72902 10.6002 5.85188 10.5499C5.97474 10.4995 6.1064 10.4741 6.23918 10.4752C6.37196 10.4762 6.50319 10.5037 6.62523 10.556C6.74727 10.6083 6.85767 10.6845 6.94999 10.7799L10.485 14.3149L16.85 7.95189C17.0375 7.76425 17.2919 7.65879 17.5571 7.65869C17.8224 7.6586 18.0768 7.76389 18.2645 7.95139C18.4521 8.1389 18.5576 8.39327 18.5577 8.65854C18.5578 8.92381 18.4525 9.17825 18.265 9.36589L11.193 16.4379C11.1002 16.5307 10.9899 16.6043 10.8686 16.6544C10.7473 16.7045 10.6173 16.7302 10.486 16.7299Z' fill='%2317A34A'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.steps-form .step-content {
    border: none;
    padding: 0;
}

.steps-form .step-content .step-wrapper,
.steps-form .step-content .step-wrapper .inner {
    gap: 24px;
}

.form-group label.error {
    color: var(--red);
    font-size: 14px;
    line-height: 16px;
    margin-top: 3px;
    margin-bottom: 0;
}

.form-group input.error,
.form-group select.error {
    border: 1px solid var(--red)!important;
}

.steps-form .step-footer {
    gap: 16px;
    margin-top: 32px;
    margin-bottom: 0;
}


.settings-form,
.add-campaign-form {
    gap: 24px;
}

.add-campaign-form .form-group {
    position: relative;
}

.settings-form .form-group label,
.settings-form .form-group p
.templates-form .form-group label,
.templates-form .form-group p
.add-campaign-form .form-group label,
.add-campaign-form .form-group p {
    font-size: 14px;
    line-height: 20px;
}

.settings-form .form-group label,
.templates-form .form-group label,
.add-campaign-form .form-group label {
    margin-bottom: 8px;
}

.settings-form .form-group label .required,
.templates-form .form-group label .required,
.add-campaign-form .form-group label .required {
    color: var(--yellow);
}

.settings-form .form-group input,
.settings-form .form-group select,
.templates-form .form-group input,
.templates-form .form-group select,
.add-campaign-form .form-group input,
.add-campaign-form .form-group select {
    padding: 12px 16px;
    background: var(--surface);
    border: none;
    border-radius: 8px;
    color: var(--black);
}

.templates-form .form-group input,
.templates-form .form-group select {
    background: var(--white);
}

.settings-form .form-group input::placeholder,
.settings-form .form-group select::placeholder,
.templates-form .form-group input::placeholder,
.templates-form .form-group select::placeholder,
.add-campaign-form .form-group input::placeholder,
.add-campaign-form .form-group select {
    color: var(--text-tertiary);
}

.add-campaign-form .form-group select.selected {
    color: var(--black);
}

.add-campaign-form .form-group input,
.add-campaign-form .form-group select {
    background: var(--white);
}

.campaign-review-wrapper h2,
.newsletter-review-wrapper h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 32px;
}

.campaign-review-wrapper .row,
.newsletter-review-wrapper .row {
    row-gap: 24px;
}

.campaign-review-wrapper input,
.newsletter-review-wrapper input {
    background: transparent!important;
    padding: 0!important;
}

.campaign-review-wrapper .form-separator,
.newsletter-review-wrapper .form-separator {
    margin-top: 24px;
    margin-bottom: 24px;
}

.campaign-review-wrapper .form-row,
.newsletter-review-wrapper .form-row {
    margin-bottom: 24px;
}

.newsletter-review-wrapper .actions {
    margin-top: 84px;
}

.newsletter-review-wrapper .actions .inner {
    padding: 24px 32px;
    border-radius: 16px;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.newsletter-review-wrapper .actions .inner h2 {
    margin-bottom: 8px;
}

.newsletter-review-wrapper .actions .inner p {
    margin-bottom: 0;
}

.newsletter-review-wrapper .actions .inner .text {
    margin-bottom: 24px;
    position: relative;
}

.newsletter-review-wrapper .actions .inner .icon-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
}

.newsletter-review-wrapper .actions .inner.save-newsletter .icon-wrapper {
    border: 2px solid var(--white);
}

.newsletter-review-wrapper .actions .inner.create-campaign .icon-wrapper {
    border: 2px solid var(--blue);
}

.newsletter-review-wrapper .actions .inner.save-newsletter {
    background: var(--blue);
}

.newsletter-review-wrapper .actions .inner.save-newsletter::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: var(--blue-hover);
    opacity: 0;
    transition: all 0.3s ease;
}

.newsletter-review-wrapper .actions .inner.save-newsletter:hover::before {
    opacity: 1;
}

.newsletter-review-wrapper .actions .inner.create-campaign {
    background: var(--surface-secondary);
    overflow: hidden;
}

.newsletter-review-wrapper .actions .inner.create-campaign::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: var(--secondary-hover);
    opacity: 0;
    transition: all 0.3s ease;
}

.newsletter-review-wrapper .actions .inner.create-campaign:hover::before {
    opacity: 1;
}

.newsletter-review-wrapper .actions .inner.save-newsletter h2 {
    color: var(--white);
}

.newsletter-review-wrapper .actions .inner.save-newsletter p {
    color: var(--white);
    opacity: 0.8;
}

.newsletter-review-wrapper .actions .inner.create-campaign h2 {
    color: var(--blue);
}

.newsletter-review-wrapper .actions .inner.create-campaign p {
    color: var(--blue);
    opacity: 0.8;
}

.campaign-review-wrapper.add-campaign-form label,
.newsletter-review-wrapper.add-campaign-form label {
    color: var(--text-tertiary);
    font-size: 14px;
    line-height: 20px;
}

.newsletter-review-wrapper.add-campaign-form input::placeholder,
.campaign-review-wrapper.add-campaign-form input::placeholder {
    color: var(--black);
}

.campaign-review-wrapper.add-campaign-form .form-separator,
.newsletter-review-wrapper.add-campaign-form .form-separator {
    background: var(--border-default);
}

.settings-form .form-group input::placeholder {
    color: var(--text-tertiary);
}

.settings-form .form-group.radio-group .title {
    min-width: 200px;
}

.settings-form .form-group.radio-group .radio {
    gap: 64px;
    text-transform: uppercase;
}

.settings-form .form-group.send-button {
    gap: 24px;
}

.settings-form .form-group.send-button button {
    width: 100%;
}

.settings-form .form-group.send-button button::after {
    display: none!important;
}

.add-campaign-form .send-button {
    gap: 16px;
}

.add-campaign-form .form-separator {
    width: 100%;
    height: 1px;
    content: '';
    background: var(--border-subtle);
}

.add-campaign-form .radio-group .error {
    text-transform: initial;
}

.add-campaign-form .radio-group.horizontal {
    gap: 72px;
}

.add-campaign-form .radio-group.horizontal .radio {
    gap: 64px;
}

.add-campaign-form .radio-group.horizontal .radio {
    text-transform: uppercase;   
}

.add-campaign-form .radio-group.horizontal p {
    font-size: 16px;
    line-height: 24px;
}

.add-campaign-form .radio-group.horizontal p .required {
    color: var(--yellow);
}

.add-campaign-page .container-fluid {
    min-height: calc(100vh - 174px);
}

.add-campaign-page .container-fluid .row {
    row-gap: 16px;
}

.add-campaign-page .element .inner {
    background: var(--white);
    border-radius: 16px;
    padding: 32px;
    border: 1px solid var(--border-subtle);
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
}

.add-campaign-page .element.select .inner a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.add-campaign-page .element .inner .icon-wrapper {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--surface-tertiary);
    margin-bottom: 24px;
}

.add-campaign-page .element .inner h2 {
    font-size: 32px;
    line-height: 44px;
}

.add-campaign-page .element .inner p {
    margin-bottom: 32px;
    color: var(--text-tertiary);
}

.add-campaign-page .element .inner .icon-create-blue {
    transition: all 0.3s ease;
}

.add-campaign-page .element .inner:hover {
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25);
}

.add-campaign-page .element .inner:hover .icon-create-blue {
    transform: rotate(90deg);
}

.add-newsletter-form .send-button {
    gap: 16px;
}

.add-newsletter-form .add-campaign-form {
    gap: 0;
}

.modal .modal-content {
    border-radius: 16px;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25);
    border: none;

}

.modal .modal-dialog {
    top: 50%;
    transform: translateY(-50%)!important;
}

.modal .modal-header {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom: none;
}

.modal .modal-body .icon-shield {
   margin-bottom: 16px;
}

.modal .modal-footer {
    gap: 12px;
    flex-wrap: nowrap;
}

.modal .modal-footer button {
    width: 100%;
}

.modal .modal-footer button::after {
   display: none;
}

.add-subscriber-page .inner,
.add-groups-page .inner,
.add-new-link-page .inner,
.edit-subscriber-page .inner,
.edit-profile .inner {
    background: var(--white);
    padding: 40px 48px;
    border-radius: 16px;
    border: 1px solid var(--border-subtle);
}

.add-subscriber-page .inner .send-button,
.edit-subscriber-page .inner .send-button,
.add-groups-page .inner .send-button,
.add-new-link-page .inner .send-button {
    margin-top: 16px;
    margin-bottom: 0;
}

.add-subscriber-page .inner .top,
.edit-subscriber-page .inner .top,
.add-groups-page .inner .top,
.add-new-link-page .inner .top {
    margin-bottom: 40px;
}

.add-subscriber-page .inner h2,
.edit-subscriber-page .inner h2,
.add-groups-page .inner h2,
.add-new-link-page .inner h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
}

.add-subscriber-page .inner p,
.edit-subscriber-page .inner p,
.add-groups-page .inner p,
.add-new-link-page .inner p {
    color: var(--text-tertiary);
    margin-bottom: 0;
}

.edit-subscriber-page .inner form legend,
.add-subscriber-page .inner form legend {
    display: none;
}

.edit-subscriber-page .inner form .border,
.add-subscriber-page .inner form .border {
    border-top: none!important;
}

.edit-subscriber-page .inner form .date-picker-control,
.add-subscriber-page .inner form .date-picker-control {
    margin: 14px 0 0 -16px;
    width: 16px;
    height: 16px;
    content: '';
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2039_2487)'%3E%3Cpath d='M19 2H18V1C18 0.734784 17.8946 0.48043 17.7071 0.292893C17.5196 0.105357 17.2652 0 17 0C16.7348 0 16.4804 0.105357 16.2929 0.292893C16.1054 0.48043 16 0.734784 16 1V2H8V1C8 0.734784 7.89464 0.48043 7.70711 0.292893C7.51957 0.105357 7.26522 0 7 0C6.73478 0 6.48043 0.105357 6.29289 0.292893C6.10536 0.48043 6 0.734784 6 1V2H5C3.67441 2.00159 2.40356 2.52888 1.46622 3.46622C0.528882 4.40356 0.00158786 5.67441 0 7L0 19C0.00158786 20.3256 0.528882 21.5964 1.46622 22.5338C2.40356 23.4711 3.67441 23.9984 5 24H19C20.3256 23.9984 21.5964 23.4711 22.5338 22.5338C23.4711 21.5964 23.9984 20.3256 24 19V7C23.9984 5.67441 23.4711 4.40356 22.5338 3.46622C21.5964 2.52888 20.3256 2.00159 19 2ZM2 7C2 6.20435 2.31607 5.44129 2.87868 4.87868C3.44129 4.31607 4.20435 4 5 4H19C19.7956 4 20.5587 4.31607 21.1213 4.87868C21.6839 5.44129 22 6.20435 22 7V8H2V7ZM19 22H5C4.20435 22 3.44129 21.6839 2.87868 21.1213C2.31607 20.5587 2 19.7956 2 19V10H22V19C22 19.7956 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7956 22 19 22Z' fill='%239E9E9E'/%3E%3Cpath d='M12 16.5C12.8284 16.5 13.5 15.8284 13.5 15C13.5 14.1716 12.8284 13.5 12 13.5C11.1716 13.5 10.5 14.1716 10.5 15C10.5 15.8284 11.1716 16.5 12 16.5Z' fill='%239E9E9E'/%3E%3Cpath d='M7 16.5C7.82843 16.5 8.5 15.8284 8.5 15C8.5 14.1716 7.82843 13.5 7 13.5C6.17157 13.5 5.5 14.1716 5.5 15C5.5 15.8284 6.17157 16.5 7 16.5Z' fill='%239E9E9E'/%3E%3Cpath d='M17 16.5C17.8284 16.5 18.5 15.8284 18.5 15C18.5 14.1716 17.8284 13.5 17 13.5C16.1716 13.5 15.5 14.1716 15.5 15C15.5 15.8284 16.1716 16.5 17 16.5Z' fill='%239E9E9E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2039_2487'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center / cover;
}

.edit-subscriber-page .inner form .sf-buttons-bar .btn,
.add-subscriber-page .inner form .sf-buttons-bar .btn {
    text-transform: initial!important;
}

.edit-subscriber-page .inner form .sf-buttons-bar .btn:after,
.add-subscriber-page .inner form .sf-buttons-bar .btn:after {
   display: none;
}

.add-subscriber-page .file-dropzone {
    position: relative;
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
    background: var(--surface);
    padding-top: 64px;
    padding-bottom: 64px;
}

.add-subscriber-page .file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.add-subscriber-page .file-title {
    gap: 16px;
    color: var(--text-tertiary);
}

.add-subscriber-page .file-selected {
    margin-top: 12px;
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.add-subscriber-page .select2-container--default .select2-selection--multiple {
    padding: 12px 16px;
    color: var(--text-tertiary);
    border-radius: 8px;
    background-color: var(--surface);
    border: none;
    height:auto;
}

.add-subscriber-page .sf-buttons-bar .button-cancel {
    color: var(--blue);
    border: 2px solid var(--blue);
    background: var(--white);
    transition: all 0.15s ease-in-out;
}

.add-subscriber-page .sf-buttons-bar .button-cancel:hover {
    background: var(--blue);
    color: var(--white);
}

.add-groups-page form textarea {
    padding: 12px 16px;
    color: var(--text-tertiary);
    border-radius: 8px;
    background-color: var(--surface);
    border: none;
    height:auto;
}

.notification {
    padding: 10px;
    background: var(--surface-success);
    gap: 8px;
    margin-top: 16px;
    border-radius: 8px;
}

.notification p {
    margin-bottom: 0;
    font-weight: 500;
    color: var(--green);
}

.fdtablePaginaterWrap {
    margin-top: 24px;
    margin-bottom: 0;
}

.fdtablePaginaterWrap .fdtablePaginater {
    display: flex;
    height: auto;
    width: auto;
    justify-content: center;
    margin-bottom: 0;
}

.fdtablePaginaterWrap .fdtablePaginater li {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none!important;
}

.fdtablePaginaterWrap .fdtablePaginater li:hover {
    border: none!important;
}

.fdtablePaginaterWrap .btn {
    padding: 0;
    border: none;
    margin-left: 0!important;
    background: transparent;
    flex: unset;
}

.fdtablePaginaterWrap .btn::after {
    display: none;
}

.fdtablePaginaterWrap .btn a,
.fdtablePaginaterWrap .btn .previous-page {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--blue);
}

.fdtablePaginaterWrap .btn a.currentPage,
.fdtablePaginaterWrap .btn a:hover {
    background: var(--blue);
    color: var(--white);
}

.fdtablePaginaterWrap .btn span {
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.edit-group-page .wrapper {
   padding: 40px 48px;
   background: var(--white);
   border: 1px solid var(--border-subtle);
   border-radius: 16px;
}

.edit-group-page .wrapper h2 {
    margin-bottom: 40px;
}

.edit-group-page .wrapper #editgroup {
    width: auto!important;
}

.edit-group-page .wrapper #editgroup .sf-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.edit-group-page .wrapper .sf-form-element {
    padding: 0;
}

.edit-group-page .wrapper .sf-form-element .sf-labeled-element {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.edit-group-page .wrapper .sf-form-element .sf-labeled-element .sf-label {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin-bottom: 8px;
}

.edit-group-page .wrapper .settings-form textarea {
    border-radius: 8px;
    border: 1px solid var(--border-default);
    padding: 12px;
}

.select-multiple-dropdown {
    display: none;;
}

.select-multiple-dropdown {
    display: none;;
}

.form-select-multiple .select2-container {
    width: 100%!important;
    order: 2;
}

.form-select-multiple #newsletter_recipients-error {
    order: 3;
}

.form-select-multiple .newsletter-recipients-label {
    order: 1;
}

.form-select-multiple .select2-container .select2-selection {
    padding: 12px 16px;
    border: none;
    border-radius: 8px;
}

.select2-container--open .select2-dropdown--below {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    border: none;
}

.select2-selection--multiple .select2-selection__choice {
    display: inline-flex!important;
    padding-left: 0!important;
    padding-top: 6px!important;
    padding-right: 10px!important;
    padding-bottom: 6px!important;
    padding-left: 16px!important;
    border: 1px solid var(--border-focus)!important;
    background: var(--surface-secondary)!important;
    margin-top: 0!important;
    align-items: center;
}

.select2-selection--multiple .select2-selection__choice button {
    order: 2;
    right: 0;
    position: relative!important;
    border: none!important;
    padding: 0!important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 4px!important;
}

.select2-selection--multiple .select2-selection__choice button span {
    color: var(--blue)!important;
    font-size: 24px!important;
    line-height: 24px!important;
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__display {
    order: 1;
    color: var(--blue)!important;
    font-size: 16px!important;
    line-height: 24px!important;
}

.report-show #reportTable {
    background-color: var(--white);
    display: block;
    overflow-x: auto;
    border: 1px solid var(--border-subtle);
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 16px;
    overflow: hidden;
    max-width: 100vw;
    overflow-x: auto;
    margin: 0;
}

.report-show #reportTable thead tr th {
    padding: 16px 12px;
    background: var(--white);
    border: none!important;
    text-transform: initial;
}

.report-show #reportTable thead tr th a {
    color: var(--blue);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.report-show #reportTable tbody tr {
    padding-top: 10px;
    padding-bottom: 10px;
    background: var(--white);
}

.report-show #reportTable tbody tr.alt {
    background: var(--surface-quartary);
}


.report-show #reportTable tbody tr td  {
    color: var(--black);
    font-size: 14px;
    line-height: 20px;
    border: none!important;
    padding: 16px 12px;
    font-family: "Roboto", sans-serif;
    word-break: break-word;
}

.report-show .report-table .displayTable .displayInfoWrapper .displayInfoBlank,
.report-show .report-table .displayTable .displayInfoWrapper .displayInfoTab2 {
    display: none;
}

.report-show .report-table > .fdtablePaginaterWrap:nth-of-type(2) {
    display: none;
}

.report-show .report-table .displayMiddle {
    display: none;
}

.report-show .report-table .displayTable tbody tr {
    position: relative;
}

.report-show .report-table .displayTable .displayInfoWrapper .displayInfoTab1 .displayInfo td {
    background: var(--surface-secondary);
    border: 1px solid var(--border-subtle);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding-top: 12px;
    padding-right: 18px;
    padding-bottom: 50px;
    padding-left: 12px;
    display: block;
    transform: translatey(40px);
    color: var(--blue);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}

.report-show .report-table .displayTable .displayInfoWrapper .displayInfoTab1 .displayInfo td nobr {
    color: var(--blue);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}


.edit-profile #ue {
    width: 100%!important;
}

.edit-profile #ue .sf-labeled-element {
    display: flex;
    flex-direction: column;
}

.edit-profile #ue .sf-labeled-element input,
.edit-profile #ue .sf-labeled-element select {
    width: 100%!important;
}

.sms-add-page .area-text {
    margin-top: 20px;
}

.sms-add-page .area-text textarea {
    padding: 12px 16px;
    border: none;
    border-radius: 8px;
    width: 100%;
    border: 1px solid var(--border-default);
}

.sms-add-page .buttons {
    display: flex;
    gap: 16px;
}

.sms-add-page .buttons .btn-submit {
    width: auto;
    height: auto;
    border-radius: 8px;
    padding: 10px 12px;
    border: 2px solid var(--blue);
}

.sms-add-page .buttons .btn-submit:hover {
    box-shadow: none;
    background: var(--blue-hover)!important;
    border: 2px solid var(--blue)!important;
}

.sms-add-page .buttons .back {
    border-radius: 8px;
    padding: 10px 12px;
    border: 2px solid var(--blue);
}


/* Small phones */
@media only screen and (min-width: 576px) {
 
}

/* Mobile */
@media only screen and (min-width: 768px) {
    #content {
        width: calc(100% - 280px);
        left: 280px;
    }

    #content #toccontainer #pageTitle {
        margin-top: 0;
    }

    #content #toccontainer #user-info::after {
        display: none;
    }

    #content #toccontainer #user-wrapper {
        padding-top: 5px;
        padding-right: 16px;
        padding-bottom: 5px;
        padding-left: 5px;
        width: auto;
        border: 1px solid var(--border-subtle);
        border-top-left-radius: 56px;
        border-top-right-radius: 56px;
        border-bottom-left-radius: 56px;
        border-bottom-right-radius: 56px;
        background-color: var(--white);
        cursor: pointer;
        min-width: 200px;
        right: 16px;
        top: 0;
        transition: all 0.3s ease;
        z-index: 2;
    }

    #content #toccontainer #user-wrapper.open {
        cursor: initial;
        padding-top: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        padding-left: 16px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        right: 16px;
        top: 0;
        min-width: 350px;
    }

    #content #toccontainer #user-wrapper .show-more {
        background-color: var(--white);
        border: none;
        width: 16px;
        height: 16px;
    }

    #content #toccontainer {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    #maincontainer {
        padding-bottom: 32px;
    }

    #maincontainer .start-menu {
        margin-bottom: 24px;
    }

    #maincontainer .account-numbers {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    #content #toccontainer #user-wrapper {
        padding-right: 16px;
        padding-left: 5px;
    }

    #content #toccontainer #user-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    #content #toccontainer #user-wrapper .user .dropdown {
        width: calc(100% - 30px);
        left: 15px;
        background-color: var(--white);
    }

    .report-show #reportTable {
        max-width: calc(100vw - 370px);
    }
}

/* Tablets */
@media only screen and (min-width: 992px) {
    #content #toccontainer {
        padding-left: 43px;
        height: 60px;
    }

    #maincontainer {
        padding-left: 43px;
    }

    #maincontainer .start-menu .element .inner {
        padding: 32px;
    }

    #maincontainer .start-menu .element.new-campaign h2, #maincontainer .start-menu .element.import-users h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 2px;
    }

    #maincontainer .account-numbers .subscribers .inner, #maincontainer .account-numbers .emails .inner {
        text-align: start;
    }

    .fdtablePaginaterWrap .btn a,
    .fdtablePaginaterWrap .btn .previous-page {
        width: 42px;
        height: 42px;
    }

    .filter-form .extra-options {
        padding-bottom: 0;
    }

    .filter-form .options-element {
        position: relative;
        bottom: 0;
    }

    .filter-form .options-element.delete {
        left: 0;
    }
}

/* Large screens (laptops smaller) */
@media only screen and (min-width: 1200px) {
    .filter-form .form-group {
        max-width: 33.333%;
    }
}