:root {
    --color-primary-blue: #3c68ec;
    --color-dark: #111928;
}

body,
html {
    margin: 0px;
    padding: 0px
}

body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Inter", sans-serif
}

body {
    background-color: #F9FAFB
}

a {
    color: #3e8ef7;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

/* a:hover {
    color: #589ffc;
    text-decoration: none;
} */

a.regular-btn:active,
a.regular-btn:focus,
a.regular-btn:hover {
    background-color: #1E429F !important;
    outline: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
}

a:active,
a:focus,
a:hover {
    outline: 0;
    color: var(--color-primary-blue);
    text-decoration: none;
}

#add-followup-note-task {
    .controls {
        padding: 20px 0px !important;
    }
}

.container__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 150%;
    color: #111928
}

.container__check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    border-radius: 4px;
    margin-right: 12px;
    background-color: transparent;
    border: 1px solid #E5E7EB
}

.container__check input:checked~.checkmark {
    background-color: #1C45C2;
    border-color: #1C45C2
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.container__check input:checked~.checkmark:after {
    display: block
}

.container__check .checkmark:after {
    left: 5px;
    top: 2px;
    width: 3px;
    height: 6px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.group__dropdown {
    position: relative
}

.group__dropdown>a>svg {
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

.group__dropdown>a.opened>svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.group__dropdown .dropdown {
    position: absolute;
    left: 0px;
    width: 100%;
    max-height: 200px;
    top: 50px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1)
}

.group__dropdown .dropdown::-webkit-scrollbar {
    width: 6px
}

.group__dropdown .dropdown::-webkit-scrollbar-thumb {
    border-radius: 250px;
    background-color: #1c45c2
}

.group__dropdown .dropdown ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px
}

.group__dropdown .dropdown ul>li {
    margin-bottom: 0px
}

.group__dropdown .dropdown ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
    padding: 8px 16px;
    font-size: 14px;
    color: #374151;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.group__dropdown .dropdown ul>li>a:hover {
    background-color: #F9FAFB
}

.group__dropdown .dropdown ul>li:last-child {
    margin-bottom: 0px
}

.container__radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.container__radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    border: 1px solid #D1D5DB;
    border-radius: 250px;
    position: relative
}

.container__radio input:checked~.radio {
    background-color: #1C45C2;
    border-color: #1C45C2
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    display: none
}

.irs--flat .irs-min,
.irs--flat .irs-max {
    display: none
}

.radio:after {
    content: "";
    position: absolute;
    display: none
}

.container__radio input:checked~.radio:after {
    display: block
}

.container__radio .radio:after {
    top: 3.2px;
    left: 3.2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white
}

.irs--flat .irs-line {
    height: 8px;
    border-radius: 4px;
    background-color: #E5E7EB
}

.irs--flat .irs-bar {
    height: 8px;
    background-color: #1C45C2
}

.irs--flat .irs-handle>i:first-child {
    min-width: 22px;
    max-width: 22px;
    min-height: 22px;
    max-height: 22px;
    margin-top: -5px;
    background-color: #fff !important;
    border-radius: 250px;
    margin-left: -9px;
    -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15)
}

.container__check.bigger .checkmark {
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    background-color: #F9FAFB
}

.container__check.bigger .checkmark:after {
    left: 6.5px;
    top: 1.5px;
    width: 5px;
    height: 10px
}

.regular__table {
    border-radius: 8px;
    border: 1px solid #D1D5DB;
    background-color: #fff
}

.regular__table>.top {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.regular__table>.top .switcher ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.regular__table>.top .switcher ul>li {
    border-right: 1px solid #E5E7EB
}

.regular__table>.top .switcher ul>li:nth-child(1) a {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.regular__table>.top .switcher ul>li:last-child a {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.regular__table>.top .switcher ul>li:last-child {
    border-radius: 0px
}

.regular__table>.top .switcher ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 37px;
    font-size: 14px;
    line-height: 130%;
    color: #374151;
    font-weight: 400;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.regular__table>.top .switcher ul>li>a:hover {
    color: #111928;
    background-color: #F9FAFB
}

.regular__table>.top .switcher ul>li>a.current {
    color: #111928;
    background-color: #F9FAFB
}

.regular__table>.top form,
form.gleantap_seacrh_form {
    width: 100%;
    max-width: 310px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.regular__table>.top form>input {
    width: 100%;
    height: 37px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background-color: #F9FAFB;
    outline: none;
    padding-left: 34px;
    padding-right: 12px
}

.regular__table>.top form button,
form.gleantap_seacrh_form button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px;
    margin: 0px;
    border: 0px;
    outline: none;
    cursor: pointer;
    position: absolute;
    background-color: transparent;
    left: 10px
}

.regular__table .container__check {
    cursor: pointer
}

.regular__table .check {
    width: 80px
}

.regular__table .check .checkmark {
    background-color: #F9FAFB
}

.regular__table .btns>.type__tag {
    margin-right: 10px
}

.regular__table .type__tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 25px;
    border-radius: 6px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 6px;
    background-color: #F9FAFB;
    font-size: 14px
}

.regular__table td p {
    margin: 0px
}

.regular__table .campaign__table--element>ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.regular__table .campaign__table--element>ul>li {
    font-size: 12px;
    color: #6B7280;
    line-height: 150%
}

.regular__table .campaign__table--element>ul>li.spacer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px 8px
}

.regular__table .campaign__table--element>.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 8px
}

.regular__table .campaign__table--element>.top>p {
    margin: 0px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.regular__table .campaign__table--element>.top>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-width: 16px;
    margin-right: 8px
}

.regular__table .campaign__table--element>.top>span svg {
    width: 100%
}

body.opened .main__wrapper {
    padding-left: 264px
}

body.opened header {
    width: calc(100% - 240px);
    left: 240px
}

header {
    z-index: 3;
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

.main__wrapper {
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

.side__menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 56px;
    height: 100%;
    border-right: 1px solid #E5E7EB;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    background-color: #000000;
    /*#fff;*/
    z-index: 8
}

.side__menu.opened {
    width: 240px;
    padding-left: 20px;
    padding-right: 20px
}

.side__menu.opened>.top>.logo__wrapper .short {
    opacity: 0;
    pointer-events: none
}

.side__menu.opened>.top>.logo__wrapper>.long {
    opacity: 1;
    pointer-events: initial
}

.side__menu.opened>.top>ul {
    width: 100%
}

.side__menu.opened>.top>ul>li {
    width: 100%
}

.side__menu.opened>.top>ul>li>a {
    width: 100%;
    font-size: 14px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.side__menu.opened>.top>ul>li>a>svg {
    margin-right: 12px
}

.side__menu .bottom {
    position: absolute;
    bottom: 16px;
    right: 16px
}

.side__menu .bottom>a,
.outer__header .header__left>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

.side__menu .bottom>a.opened,
.outer__header .header__left>a.opened {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.side__menu>.top {
    padding-top: 15px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px
}

.side__menu>.top .logo__wrapper {
    position: relative
}

.side__menu>.top .logo__wrapper .short {
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

.side__menu>.top .logo__wrapper .long {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: absolute;
    left: 0px;
    top: 3px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.side__menu>.top .logo__wrapper .long img {
    max-width: 95px
}

.side__menu>.top>ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    margin-top: 20px
}

.side__menu>.top>ul>li {
    margin-bottom: 16px
}

.side__menu>.top>ul>li>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 40px;
    min-height: 36px;
    border-radius: 8px;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    font-size: 0px;
    line-height: 130%;
    width: 100%;
    font-weight: 500;
    color: #ffffff;
    /*#1F2A37*/
}

.side__menu>.top>ul>li>a.current {
    color: #4162E5
}

.side__menu>.top>ul>li>a svg {
    margin-right: 0px;
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

.side__menu>.top>ul>li>a.current {
    background-color: #E9ECFB
}

.side__menu>.top>ul>li>a.current svg path {
    fill: #1C45C2
}

.side__menu>.top>ul>li>a:hover {
    color: #4162E5;
    background-color: #E9ECFB
}

.side__menu>.top>ul>li>a:hover svg path {
    fill: #1C45C2
}

.side__menu>.top>ul>li>a svg path {
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    fill: #ffffff;
    /*#374151*/
}

.side__menu>.top>ul>li:last-child {
    margin-bottom: 0px
}

.side__menu>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 16px
}

header {
    position: fixed;
    top: 0px;
    left: 56px;
    border-bottom: 1px solid #E5E7EB;
    background-color: #fff;
    padding: 8px 24px;
    width: calc(100% - 56px)
}

header .outer__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

header .outer__header .header__left {
    width: 100%;
    max-width: 620px
}

header .outer__header .header__left form {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

header .outer__header .header__left form button {
    left: 15px;
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
    cursor: pointer;
    outline: none;
    border: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px;
    background-color: transparent;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    position: absolute
}

header .outer__header .header__left form button:hover {
    opacity: .7
}

header .outer__header .header__left form>input {
    width: 100%;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    outline: none;
    padding-left: 42px;
    padding-right: 16px;
    background-color: #F9FAFB;
    font-size: 14px;
    color: #000
}

header .outer__header .header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

header .outer__header .header__right .settings {
    position: relative
}

header .outer__header .header__right .settings>a svg path {
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

header .outer__header .header__right .settings>a.opened svg path {
    fill: #1C45C2
}

header .outer__header .header__right .settings .settings__dropdown {
    position: absolute;
    right: -64px;
    top: 40px;
    width: auto;
    background-color: #FFFFFF;
    padding: 4px 0px;
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px
}

header .outer__header .header__right .settings .settings__dropdown ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px
}

header .outer__header .header__right .settings .settings__dropdown ul>li {
    width: 100%
}

header .outer__header .header__right .settings .settings__dropdown ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: #374151;
    white-space: nowrap;
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

header .outer__header .header__right .settings .settings__dropdown ul>li>a:hover {
    background-color: #F9FAFB
}

header .outer__header .header__right .spacer {
    margin-left: 24px;
    margin-right: 20px;
    min-height: 20px;
    min-width: 1px;
    background-color: #E5E7EB
}

header .outer__header .header__right .project__wrapper {
    position: relative
}

header .outer__header .header__right .project__wrapper>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none
}

header .outer__header .header__right .project__wrapper>a>p {
    margin: 0px;
    font-size: 12px;
    line-height: 125%;
    font-weight: 500;
    color: #111928
}

header .outer__header .header__right .project__wrapper>a svg {
    margin-left: 8px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

header .outer__header .header__right .project__wrapper>a>span {
    margin-right: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 26px;
    max-width: 26px;
    min-height: 26px;
    max-height: 26px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600
}

header .outer__header .header__right .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

header .outer__header .header__right .controls .theme {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

header .outer__header .header__right .controls .theme>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
    color: #000;
    text-decoration: none
}

header .outer__header .header__right .controls>div {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 24px
}

header .outer__header .header__right .controls>div>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

header .outer__header .header__right .controls>div:last-child {
    margin-right: 0px
}

header .outer__header .header__right .profile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 24px;
    position: relative
}

header .outer__header .header__right .profile .dropdown__profile {
    position: absolute;
    right: 0px;
    top: 39px;
    border-radius: 8px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1)
}

header .outer__header .header__right .profile .dropdown__profile ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 4px 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

header .outer__header .header__right .profile .dropdown__profile ul>li {
    width: 100%
}

header .outer__header .header__right .profile .dropdown__profile ul>li>a {
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: #374151;
    padding: 8px 16px;
    width: 100%;
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

header .outer__header .header__right .profile .dropdown__profile ul>li>a:hover {
    background-color: #F9FAFB
}

header .outer__header .header__right .profile .dropdown__profile ul>li>a span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px
}

header .outer__header .header__right .profile .dropdown__profile ul>li>a:hover {
    background-color: #F9FAFB
}

header .outer__header .header__right .profile>a {
    min-width: 34px;
    max-width: 34px;
    min-height: 34px;
    max-height: 34px;
    border-radius: 250px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none
}

header .outer__header .header__right .profile>a>span {
    font-size: 12px;
    line-height: 130%;
    font-weight: 600
}

.main__wrapper {
    padding-top: 92px;
    padding-left: 80px;
    padding-bottom: 30px;
    width: 100%;
    padding-right: 24px
}

.main__wrapper.settings,
.main__wrapper.create_segment {
    padding-top: 52.8px;
    padding-left: 56px;
    padding-right: 0px;
    padding-bottom: 0px
}

body.opened .main__wrapper.settings,
body.opened .main__wrapper.create_segment {
    padding-left: 240px
}

body.opened .main__wrapper.inbox {
    padding-left: 240px
}

.expand__settings,
.expand__configure {
    display: none
}

body.opened .main__wrapper.configure {
    padding-left: 240px
}

.main__wrapper.configure {
    padding-top: 52.8px;
    padding-left: 56px;
    padding-right: 0px;
    padding-bottom: 0px
}

body.opened .main__wrapper.campaign {
    padding-left: 240px
}

.main__wrapper.campaign {
    padding-top: 53px;
    padding-left: 56px;
    padding-bottom: 0px;
    padding-right: 24px
}

.outline-btn {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    min-height: 37px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 12px;
    line-height: 150%;
    color: #111928;
    font-weight: 500;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #D1D5DB;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.outline-btn:hover {
    background-color: #F9F9F9
}

.outline-btn:active {
    -webkit-box-shadow: 0px 0px 0px 3px #C3DDFD;
    box-shadow: 0px 0px 0px 3px #C3DDFD
}

.outline-btn.opened {
    -webkit-box-shadow: 0px 0px 0px 3px #C3DDFD;
    box-shadow: 0px 0px 0px 3px #C3DDFD
}

.outline-btn span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px
}

.regular-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    min-height: 42px;
    border-radius: 8px;
    cursor: pointer;
    border: 0px;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    font-size: 14px;
    line-height: 150%;
    color: #FFFFFF;
    font-weight: 500;
    background-color: #1C45C2
}

.regular-btn:hover {
    background-color: #1E429F;
    text-decoration: none;
}

.regular-btn:active {
    -webkit-box-shadow: 0px 0px 0px 3px #C3DDFD;
    box-shadow: 0px 0px 0px 3px #C3DDFD
}

.regular-btn span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px
}

.modal__wrapper {
    padding: 25px 15px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 25, 40, 0.5);
    z-index: 112;
}

.modal__wrapper.new__note .inner__modal>.modal__box {
    width: 100%;
    max-width: 540px;
    padding: 24px;
    background-color: #FFFFFF;
    border-radius: 8px
}

.modal__wrapper.new__note .inner__modal>.modal__box .controls {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal__wrapper.new__note .inner__modal>.modal__box .controls>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 37px;
    padding-left: 11px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #1C45C2;
    padding-right: 11px;
    text-decoration: none;
    margin-right: 8px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__wrapper.new__note .inner__modal>.modal__box .controls>a:hover {
    opacity: .7
}

.modal__wrapper.new__note .inner__modal>.modal__box .controls>button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer
}

.modal__wrapper.new__note .inner__modal>.modal__box .fields>.box {
    margin-bottom: 16px
}

.modal__wrapper.new__note .inner__modal>.modal__box .fields>.box .dropdown {
    max-height: 160px
}

.modal__wrapper.new__note .inner__modal>.modal__box .fields>.box>p {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #6B7280
}

.modal__wrapper.new__note .inner__modal>.modal__box .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

.modal__wrapper.new__note .inner__modal>.modal__box .title a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    top: 2px
}

.modal__wrapper.new__note .inner__modal>.modal__box .title a svg path {
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

.modal__wrapper.new__note .inner__modal>.modal__box .title>h6 {
    margin: 0px;
    margin-right: 15px;
    font-size: 18px;
    line-height: 140%;
    font-weight: 600;
    color: #0E1217
}

.modal__wrapper .inner__modal {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal__wrapper .inner__modal .modal__box {
    max-height: 100%;
    overflow-y: auto
}

.modal__wrapper .inner__modal .modal__box::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.modal__wrapper .inner__modal .modal__box::-webkit-scrollbar-thumb {
    border-radius: 250px;
    background-color: #1c45c2
}

.modal__wrapper.new__source--attribute .inner__modal .modal__box,
.modal__wrapper.new__event--attribute .inner__modal .modal__box,
.modal__wrapper.new__event .inner__modal .modal__box,
.modal__wrapper.member__id .inner__modal .modal__box {
    overflow-y: visible
}

.modal__wrapper.new__source--attribute .double,
.modal__wrapper.new__event--attribute .double,
.modal__wrapper.new__event .double,
.modal__wrapper.member__id .double {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px
}

.group__dropdown>span {
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.group__dropdown>a.opened+span {
    color: #1C45C2
}

.group__dropdown {
    position: relative
}

.group__dropdown>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    left: 7px;
    padding: 0px 4px;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 12px;
    background-color: #fff;
    top: -5px;
    color: #4B5563;
    font-weight: 500
}

.modal__wrapper.new__source .modal__box,
.modal__wrapper.new__source--attribute .modal__box,
.modal__wrapper.new__event--attribute .modal__box,
.modal__wrapper.new__event .modal__box,
.modal__wrapper.member__id .modal__box {
    width: 100%;
    max-width: 605px;
    border-radius: 8px;
    background-color: #fff;
    padding: 24px
}

.modal__wrapper.new__source .modal__box .controls,
.modal__wrapper.new__source--attribute .modal__box .controls,
.modal__wrapper.new__event--attribute .modal__box .controls,
.modal__wrapper.new__event .modal__box .controls,
.modal__wrapper.member__id .modal__box .controls {
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-bottom: -24px;
    border-top: 1px solid #E5E7EB;
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 24px
}

.modal__wrapper.new__source .modal__box .controls>a,
.modal__wrapper.new__source--attribute .modal__box .controls>a,
.modal__wrapper.new__event--attribute .modal__box .controls>a,
.modal__wrapper.new__event .modal__box .controls>a,
.modal__wrapper.member__id .modal__box .controls>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 12px 20px;
    text-decoration: none;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    color: #0E1217;
    min-height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #1C45C2;
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

.modal__wrapper.new__source .modal__box .controls>a:hover,
.modal__wrapper.new__source--attribute .modal__box .controls>a:hover,
.modal__wrapper.new__event--attribute .modal__box .controls>a:hover,
.modal__wrapper.new__event .modal__box .controls>a:hover,
.modal__wrapper.member__id .modal__box .controls>a:hover {
    opacity: .7
}

.modal__wrapper.new__source .modal__box .controls>button,
.modal__wrapper.new__source--attribute .modal__box .controls>button,
.modal__wrapper.new__event--attribute .modal__box .controls>button,
.modal__wrapper.new__event .modal__box .controls>button,
.modal__wrapper.member__id .modal__box .controls>button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px
}

.modal__wrapper.new__source .modal__box>.top,
.modal__wrapper.new__source--attribute .modal__box>.top,
.modal__wrapper.new__event--attribute .modal__box>.top,
.modal__wrapper.new__event .modal__box>.top,
.modal__wrapper.member__id .modal__box>.top,
.modal__wrapper>.inner__modal>.modal__box>.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 0 0 15px 0;
}

.modal__wrapper.new__source .modal__box>.top>h6,
.modal__wrapper.new__source--attribute .modal__box>.top>h6,
.modal__wrapper.new__event--attribute .modal__box>.top>h6,
.modal__wrapper.new__event .modal__box>.top>h6,
.modal__wrapper.member__id .modal__box>.top>h6 {
    margin: 0px;
    font-size: 18px;
    line-height: 140%;
    font-weight: 600;
    color: #0E1217
}

.modal__wrapper.new__source .modal__box>.top>a,
.modal__wrapper.new__source--attribute .modal__box>.top>a,
.modal__wrapper.new__event--attribute .modal__box>.top>a,
.modal__wrapper.new__event .modal__box>.top>a,
.modal__wrapper.member__id .modal__box>.top>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.breadcrumbs {
    width: 100%;
    padding: 16px 24px;
    background-color: #fff;
    border-bottom: 1px solid #E5E7EB
}

.breadcrumbs ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs ul>li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: #1F2A37
}

.breadcrumbs ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: #1F2A37;
    text-decoration: none;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.breadcrumbs ul>li>a:hover {
    opacity: .7
}

.breadcrumbs ul>li>a>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.breadcrumbs ul>li.spacer {
    margin: 0px 8px
}

.group__dropdown>span {
    font-weight: 400
}

.modal__wrapper.member__id .modal__box form>.group__input {
    position: relative
}

.modal__wrapper.member__id .modal__box form>.group__input .magic__line {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 11px;
    right: 11px
}

.modal__wrapper.member__id .modal__box form>.group__input>textarea {
    padding-right: 25px;
    width: 100%;
    height: 42px
}

.modal__wrapper.member__id .modal__box>.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal__wrapper.member__id .modal__box>.top .right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.modal__wrapper.member__id .modal__box>.top .right a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.modal__wrapper.member__id .modal__box>.top>.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.modal__wrapper.member__id .modal__box>.top>.left>h6 {
    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 140%;
    font-weight: 600;
    color: #0E1217
}

.modal__wrapper.member__id .modal__box>.top>.left>p {
    margin: 0px;
    font-size: 16px;
    line-height: 150%;
    color: #4B5563;
    font-weight: 400
}

.modal__side .sub__field {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #E5E7EB
}

.modal__side .sub__field .group__input:last-child {
    margin-bottom: 0px !important
}

.modal__side .sub__field>h6 {
    margin-top: 0px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

.modal__wrapper.new__tag .modal__box {
    width: 100%;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background-color: #fff;
    max-width: 395px
}

.modal__wrapper.new__tag .modal__box .content {
    padding: 24px
}

.modal__wrapper.new__tag .modal__box .controls {
    padding: 16px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.modal__wrapper.new__tag .modal__box .controls>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    color: #1C45C2;
    font-size: 16px;
    margin-right: 8px;
    line-height: 24px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__wrapper.new__tag .modal__box .controls>a:hover {
    opacity: .7
}

.modal__wrapper.new__tag .modal__box .controls>.regular-btn {
    min-height: 48px;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px
}

.modal__wrapper.new__tag .modal__box .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px;
    border-bottom: 1px solid #E5E7EB
}

.modal__wrapper.new__tag .modal__box .title>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal__wrapper.new__tag .modal__box .title>h6 {
    margin: 0px;
    font-size: 18px;
    line-height: 140%;
    color: #0E1217;
    font-weight: 600;
    margin-right: 15px
}

.pagination {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination .pagination__switcher ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border: 1px solid #D1D5DB;
    overflow: hidden;
    border-radius: 6px
}

.pagination .pagination__switcher ul>li {
    min-width: 31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #D1D5DB
}

.pagination .pagination__switcher ul>li:last-child {
    border-right: 0px
}

.pagination .pagination__switcher ul>li>a {
    min-width: 31px;
    min-height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928;
    -webkit-transition: .3s ease background-color, .3s ease color;
    transition: .3s ease background-color, .3s ease color
}

.pagination .pagination__switcher ul>li>a:hover {
    color: #1C45C2;
    background-color: #E9ECFB
}

.pagination .pagination__switcher ul>li>a:hover svg path {
    fill: #1C45C2
}

.pagination .pagination__switcher ul>li>a.current {
    color: #1C45C2;
    font-weight: 500;
    background-color: #E9ECFB
}

.pagination>p {
    margin: 0px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #6B7280
}

.pagination>p span {
    font-weight: 600;
    color: #111928
}

.medium {
    font-weight: 500 !important
}

.dark {
    color: #111928
}

.gray {
    color: #6B7280
}

textarea::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

textarea::-webkit-scrollbar-thumb {
    border-radius: 250px;
    background-color: #1c45c2
}

.table__wrapper {
    width: 100%;
    overflow-x: auto
}

.table__wrapper::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.table__wrapper::-webkit-scrollbar-thumb {
    border-radius: 250px;
    background-color: #1c45c2
}

.table__wrapper table {
    width: 100%;
    border-bottom: 1px solid #E5E7EB;
    border-collapse: collapse
}

.table__wrapper table .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.audience-data-table-container {
    .table__wrapper table .btns {
        justify-content: flex-start !important;
    }
}

.table__wrapper table .btns>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 30px;
    /* max-width: 30px; */
    min-height: 30px;
    max-height: 30px;
    border-radius: 4px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    margin-right: 16px
}

.table__wrapper table .btns>a:hover {
    background-color: #F9FAFB
}

.table__wrapper table .btns>a.remove.colored svg path {
    fill: #F05252
}

.table__wrapper table .btns>a.remove svg path {
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.table__wrapper table .btns>a.remove:hover {
    background-color: rgba(240, 82, 82, 0.15)
}

.table__wrapper table .btns>a.remove:hover svg path {
    fill: #f05252
}

.table__wrapper table .btns>a:last-child {
    margin-right: 0px
}

.table__wrapper table .right {
    text-align: right
}

.table__wrapper table .left {
    text-align: left
}

.table__wrapper table .right {
    text-align: right;
}

.table__wrapper table .center {
    text-align: center
}

.table__wrapper table .center .container__check {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20px
}

.table__wrapper table tr:last-child td {
    border-bottom: 0px
}

.table__wrapper table tr td {
    padding: 24px 16px;
    border-bottom: 1px solid #E5E7EB
}

.table__wrapper table tr td .tr-due-date,
.table__wrapper table tr td p,
.table__wrapper table tr td>p {
    margin: 0px;
    font-size: 14px
}

.table__wrapper table tr th {
    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
    padding: 16px;
    background-color: #F9FAFB;
    text-align: left;
    font-size: 12px;
    line-height: 150%;
    text-transform: uppercase;
    font-weight: 600;
    color: #6B7280
}

.table__wrapper table tr th:last-child {
    border-right: 0px
}

.table__wrapper table tr th p {
    margin: 0px
}

.table__wrapper table tr th {
    white-space: nowrap
}

.modal__side {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 25, 40, 0.5)
}

.modal__side .inner__modal {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.modal__side .inner__modal>.modal__box {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    -webkit-transition: .5s ease all;
    transition: .5s ease all;
    margin-right: 0px;
    width: 100%;
    padding-top: 48px;
    padding-left: 32px;
    padding-right: 32px;
    max-width: 475px;
    background-color: #FFFFFF;
    position: relative;
    padding-bottom: 32px
}

.modal__side .inner__modal>.modal__box::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.modal__side .inner__modal>.modal__box::-webkit-scrollbar-thumb {
    border-radius: 250px;
    background-color: #1c45c2
}

.modal__side .inner__modal>.modal__box .add__task--form {
    min-height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal__side .inner__modal>.modal__box .add__task--form>form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal__side .inner__modal>.modal__box .add__task--form>form .bottom>button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 41px
}

.modal__side .inner__modal>.modal__box .add__task--form>form .top {
    margin-bottom: 35px
}

.modal__side .inner__modal>.modal__box .add__task--form>form .top>.group__dropdown {
    margin-bottom: 16px
}

.modal__side .inner__modal>.modal__box .add__task--form>form .top>.group__input {
    margin-bottom: 16px
}

.modal__side .inner__modal>.modal__box .add__task--form>form .top>h2 {
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

.modal__side .inner__modal>.modal__box .close__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 24px;
    right: 32px
}

.modal__side .inner__modal>.modal__box .close__btn a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.group__input.float__group {
    position: relative
}

.group__input.float__group.focused>textarea,
.group__input.float__group.focused>input {
    border-color: #1C45C2
}

.group__input.float__group.focused>span {
    top: -6px;
    left: 7px;
    font-size: 12px;
    color: #1C45C2;
    line-height: 12px
}

.group__input.float__group.final__state>span {
    top: -6px;
    left: 7px;
    font-size: 12px;
    line-height: 12px
}

.group__input.float__group>textarea {
    height: 84px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    padding-top: 10px
}

.group__input.float__group .gln-input,
.group__input.float__group>input {
    width: 100%;
    height: 42px;
    border-radius: 8px;
    outline: none;
    border: 1px solid #D1D5DB;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    padding-left: 12px;
    padding-right: 12px;
    color: #000
}

.group__input.float__group>textarea {
    width: 100%;
    height: 42px;
    border-radius: 8px;
    outline: none;
    border: 1px solid #D1D5DB;
    padding-left: 12px;
    padding-right: 12px;
    color: #000;
    resize: none;
    height: 85px
}

.group__input.float__group>span {
    cursor: pointer;
    position: absolute;
    top: 11px;
    padding-left: 5px;
    pointer-events: none;
    padding-right: 5px;
    background-color: #fff;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    left: 12px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #6B7280
}

.group__dropdown.regular>a.not__picked>span {
    color: #6B7280
}

.group__dropdown.regular>a {
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    min-height: 42px;
    width: 100%;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    text-decoration: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%
}

.group__dropdown.regular>a.opened {
    border-color: #1C45C2
}

.group__dropdown.regular>a>span {
    color: #111928;
    font-size: 14px;
    font-weight: 400
}

.group__attachment {
    margin-top: 24px
}

.group__attachment>input {
    position: absolute;
    left: -25000px
}

.group__attachment .droppable__area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 26px 15px;
    background-color: #F9FAFB;
    border: 2px dashed #E5E7EB;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
}

.group__attachment .droppable__area>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 7px
}

.group__attachment .droppable__area>p {
    margin: 0px;
    font-size: 14px;
    line-height: 12px;
    color: #6B7280;
    max-width: 72% !important;
}

.group__attachment .droppable__area>p span {
    font-weight: 600
}

.group__attachment>p {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.no__bottom--padding {
    padding-bottom: 0px !important
}

.modal__side .task__main--wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal__side .task__main--wrapper .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal__side .task__main--wrapper .btn>a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 41px;
    color: #111928;
    font-size: 14px
}

.modal__side .task__switcher {
    margin-bottom: 16px
}

.modal__side .task__switcher ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    overflow: hidden
}

.modal__side .task__switcher ul>li {
    width: 100%;
    border-right: 1px solid #E5E7EB
}

.modal__side .task__switcher ul>li:last-child {
    border-right: 0px
}

.modal__side .task__switcher ul>li>a {
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    text-decoration: none;
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: #374151;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 34px
}

.modal__side .task__switcher ul>li>a.current {
    color: #111928 !important;
    font-weight: 500;
    background-color: #F9F9F9
}

.modal__side .task__switcher ul>li>a:hover {
    background-color: #F9F9F9
}

.modal__side .your__task--wrapper .search__task {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal__side .your__task--wrapper .search__task .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.modal__side .your__task--wrapper .search__task .buttons .filter__tasks {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 37px;
    max-width: 37px;
    min-height: 37px;
    max-height: 37px;
    border-radius: 8px;
    border: 1px solid #D1D5DB
}

.modal__side .your__task--wrapper .search__task .buttons .add__new--task--popup {
    width: 37px;
    height: 37px;
    border-radius: 8px;
    background-color: #1C45C2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__side .your__task--wrapper .search__task .buttons .add__new--task--popup:hover {
    background-color: #1E429F
}

.modal__side .your__task--wrapper .search__task form {
    width: 100%;
    margin-right: 8px;
    position: relative
}

.modal__side .your__task--wrapper .search__task form button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0px;
    background-color: transparent;
    border: 0px
}

.modal__side .your__task--wrapper .search__task form button svg path {
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__side .your__task--wrapper .search__task form>input {
    outline: none;
    width: 100%;
    height: 37px;
    background-color: #F9FAFB;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    padding-left: 34px;
    padding-right: 15px
}

.modal__side .your__task--wrapper>h2 {
    margin-top: 0px;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

textarea {
    resize: none
}

.switch {
    cursor: pointer
}

.switch input {
    opacity: 0 !important;
    width: 0;
    height: 0
}

.slider {
    position: relative;
    display: inline-block;
    min-width: 40px;
    min-height: 20px;
    background-color: #ccc;
    cursor: pointer;
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider {
    background-color: #1C45C2
}

input:checked+.slider:before {
    -webkit-transform: translateX(19px);
    transform: translateX(19px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

header .settings__dropdown {
    min-width: 260px;
    max-width: 1000px
}

.minicolors {
    width: 100%
}

.minicolors .color__picker {
    width: 100%;
    padding-left: 38px;
    height: 42px;
    border: 1px solid #D1D5DB;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    outline: none;
    border-left: 0px
}

.minicolors-theme-default .minicolors-swatch {
    top: 12px;
    left: 12px
}

.minicolors-swatch:after {
    content: none !important
}

.minicolors-sprite {
    background: none;
    border: 1px solid #E5E7EB;
    border-radius: 3px;
    overflow: hidden
}

.upload__file {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.upload__file>input[type="text"] {
    width: 100%;
    padding-left: 16px;
    height: 42px;
    border: 1px solid #D1D5DB;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    outline: none;
    border-left: 0px
}

.upload__file>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 115px;
    min-height: 42px;
    font-size: 14px;
    line-height: 150%;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 500;
    background-color: #1F2A37;
    border: 1px solid #D1D5DB;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.upload__file>a:hover {
    background-color: #1E429F
}

.upload__file>input[type="file"] {
    position: absolute;
    left: -2500px
}

.color__picker {
    text-transform: uppercase;
    padding-left: 38px;
    font-size: 14px;
    color: #111928;
    font-weight: 400;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-left: 1px solid #D1D5DB !important
}

.group__dropdown.regular>a>span {
    width: calc(100% - 45px);
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 12px
}

.group__dropdown>a>svg {
    margin-left: auto
}

.modal__add--specialrating .fields>.group__dropdown {
    margin-bottom: 24px
}

.table__wrapper table .btns>a.remove svg path {
    fill: #6b7280
}

.color__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.color__box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 4px;
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
    border-radius: 3px;
    border: 1px solid #ececec
}

.modal__new--appointment .fields .group__input .minicolors {
    width: 100%
}

.modal__new--appointment .fields .group__input>p {
    margin-top: 0px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

td.desc {
    width: 640px
}

.group__input.field__with--info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.group__input.field__with--info>span {
    top: 14px
}

.group__input.field__with--info>input,
.group__input.field__with--info>textarea {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 50px;
    padding-right: 15px;
    font-size: 14px;
    padding-top: 16px
}

.group__input.field__with--info .bottom__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 20px;
    background-color: #F9FAFB;
    border: 1px solid #D1D5DB;
    border-top: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.group__input.field__with--info .bottom__info .emoji__picker {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.group__input.field__with--info .bottom__info .emoji__picker>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.group__input.field__with--info .bottom__info>.total>span {
    font-size: 12px;
    line-height: 150%;
    color: #4B5563;
    font-weight: 400
}

.group__input.field__with--info .bottom__info>.total>span span {
    color: #111928
}

.embed {
    padding-top: 11px;
    padding-right: 20px;
    padding-left: 44px;
    border-radius: 8px;
    background-color: #F3F3F3;
    padding-bottom: 6px;
    position: relative;
    overflow-y: hidden;
    overflow-x: auto
}

.embed::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.embed::-webkit-scrollbar-thumb {
    border-radius: 250px;
    background-color: #1c45c2
}

.embed .list {
    position: absolute;
    top: 10px;
    left: 18px
}

.embed .list ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    font-size: 14px;
    line-height: 25.34px;
    color: #0E1217;
    font-family: "Source Code Pro", sans-serif
}

.embed .list ul li {
    font-family: "Source Code Pro", sans-serif;
    opacity: .5
}

.embed code {
    font-family: "Source Code Pro", sans-serif;
    font-size: 14px;
    line-height: 25px;
    white-space: pre
}

.embed code .comment {
    color: #3E4145
}

.embed code .script {
    color: #625EEE
}

.embed code .object {
    color: #3360FF
}

.embed code .link {
    color: #FF9E43
}

.embed code .key {
    color: #2A23D7
}

.embed code * {
    font-family: "Source Code Pro", sans-serif
}

.embed code .comment {
    color: #3E4145
}

.semibold {
    font-weight: 600 !important
}

.table__wrapper table {
    min-width: 1000px
}

.inbox .inbox__side.opened {
    left: 56px
}

.blue {
    color: #1C45C2 !important
}

.pagination__switcher ul li {
    min-height: 33px
}

.pagination .pagination__switcher ul>li>a {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.nowrap {
    white-space: nowrap
}

.table__wrapper .switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.expand__right {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
    bottom: 42px;
    opacity: 0;
    pointer-events: none
}

.collapse {
    margin-top: 7px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    left: 7px
}

.collapse>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.collapse>a:hover svg path {
    fill: #1C45C2
}

.collapse>a svg path {
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.switch__elem .content {
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.switch__elem.disabled .content {
    opacity: .45;
    pointer-events: none
}

.settings__wrapper .settings__main--box.longer {
    width: 100%
}

.box__info>.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.box__info>.title>.outline-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 37px
}

.box__info>.title>p {
    margin: 0px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.embed__wrapper {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #E5E7EB
}

.events__attributes {
    padding-bottom: 48px;
    margin-bottom: 48px;
    border-bottom: 1px solid #E5E7EB
}

.type__tag {
    padding: 2px 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #F9FAFB;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500
}

.btns>.type__tag {
    margin-right: 16px
}

.date__time ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.date__time ul>li {
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #6B7280
}

.date__time ul>li.spacer {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0px 9px
}

.contact__person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.contact__person>p {
    margin: 0px;
    font-size: 14px
}

.contact__person>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 250px;
    min-width: 29px;
    max-width: 29px;
    min-height: 29px;
    max-height: 29px;
    font-size: 11px;
    line-height: 150%;
    font-weight: 600;
    margin-right: 10px
}

.contact__person>span img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 250px
}

.modal__side .modal__box .regular__box {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.modal__side .modal__box .regular__box .bottom {
    margin-top: 20px
}

.modal__side .modal__box .regular__box>form {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.add__appointment--modal .regular__box .top>.container__check {
    margin-top: -16px;
    margin-bottom: 24px
}

.add__appointment--modal .regular__box .top>.container__check p {
    margin: 0px;
    font-weight: 500
}

.add__appointment--modal .regular__box .top>h6 {
    margin-top: 0px;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

.add__appointment--modal .regular__box .top>.double {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    margin-bottom: 24px
}

.add__appointment--modal .regular__box .top>.group__dropdown {
    margin-bottom: 24px
}

.add__appointment--modal .regular__box .top>.group__dropdown:last-child {
    margin-bottom: 0px
}

.add__appointment--modal .regular__box .top>.group__input {
    margin-bottom: 24px
}

.add__appointment--modal .regular__box .top>.group__input:last-child {
    margin-bottom: 0px
}

.add__appointment--modal .regular__box .bottom {
    width: 100%
}

.add__appointment--modal .regular__box .bottom>button {
    width: 100%;
    min-height: 41px;
    font-size: 14px
}

.datepicker {
    background: url("../img/datecalendar.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: calc(100% - 12px) center
}

.daterangepicker .calendar-table th {
    font-size: 12px;
    font-weight: bold;
    color: #111928
}

.daterangepicker .calendar-table th.prev {
    background: url("../img/rangeleft.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px
}

.daterangepicker .calendar-table th.prev>span {
    display: none
}

.daterangepicker .drp-buttons>span {
    display: none
}

.daterangepicker .drp-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 12px;
    padding-top: 50px
}

.daterangepicker .drp-buttons .applyBtn {
    margin: 0px;
    width: 100%;
    min-height: 34px;
    background-color: #1C45C2;
    border-radius: 8px;
    font-size: 12px;
    cursor: pointer;
    border: 0px;
    outline: none;
    line-height: 16px;
    color: #FFFFFF;
    font-weight: 500;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.daterangepicker .drp-buttons .applyBtn:hover {
    background-color: #1E429F
}

.daterangepicker .drp-buttons .cancelBtn {
    margin: 0px;
    width: 100%;
    cursor: pointer;
    height: 34px;
    background-color: transparent;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #1F2A37;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    text-decoration: none;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.daterangepicker .drp-buttons .cancelBtn:hover {
    background-color: #E5E7EB
}

.daterangepicker .ranges {
    margin-top: 0px;
    border: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    bottom: 50px;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px
}

.daterangepicker .ranges li {
    margin: 0px;
    width: 100%;
    min-height: 34px;
    background-color: #1C45C2 !important;
    border-radius: 8px;
    font-size: 12px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: 0px;
    outline: none;
    line-height: 16px;
    color: #FFFFFF;
    font-weight: 500;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.daterangepicker .ranges li:hover {
    background-color: #1E429F !important
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    min-width: 36px;
    min-height: 34px;
    height: 34px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #1C45C2;
    color: #fff !important
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 0px
}

.daterangepicker .calendar-table th {
    color: #6B7280;
    font-weight: 600
}

.daterangepicker .calendar-table th.month {
    color: #111928
}

.daterangepicker .calendar-table td {
    font-size: 12px;
    line-height: 150%;
    color: #111928;
    font-weight: bold
}

.daterangepicker .calendar-table th.next {
    background: url("../img/rangeright.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px
}

.daterangepicker .calendar-table th.next>span {
    display: none
}

.regular__table>.top .switcher ul>li:last-child {
    border-right: 0px
}

.modal__side .modal__box .regular__box .bottom {
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: -20px
}

.emoji__box {
    width: 335px;
    border: 1px solid #E5E7EB;
    background-color: #FFFFFF;
    border-radius: 6px;
    position: absolute;
    z-index: 10;
    -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.04)
}

.emoji__box .switch {
    padding: 12px 26px;
    border-bottom: 1px solid #E5E7EB
}

.emoji__box .switch ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.emoji__box .switch ul>li {
    margin-right: 16px
}

.emoji__box .switch ul>li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.emoji__box .switch ul>li a svg {
    max-width: 22px;
    max-height: 20px
}

.emoji__box .switch ul>li:last-child {
    margin-right: 0px
}

* {
    outline: none !important
}

.group__dropdown.with__dot .dropdown ul li a p {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.group__dropdown.with__dot .dropdown ul li a p>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 8px;
    max-width: 8px;
    min-height: 8px;
    max-height: 8px;
    border-radius: 250px;
    margin-right: 7px
}

.group__dropdown>a>span>p {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.group__dropdown>a>span>p span {
    min-width: 10px;
    max-width: 10px;
    min-height: 10px;
    max-height: 10px;
    margin-right: 8px;
    border-radius: 250px
}

.group__dropdown .dropdown ul>li>a {
    white-space: nowrap
}

.group__dropdown .dropdown {
    min-width: 100%;
    width: auto;
    right: 0px;
    left: auto
}

.table__wrapper .socs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.table__wrapper .socs .phone p {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 4px 10px;
    border-radius: 6px;
    background-color: #D5F5F6;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #54ABB9
}

.table__wrapper .socs .phone p span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 4px
}

.table__wrapper .socs .phone p span svg {
    width: 14px
}

.table__wrapper .socs .email {
    margin-bottom: 4px
}

.table__wrapper .socs .email:last-child {
    margin-bottom: 0px
}

.table__wrapper .socs .email p {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 4px 10px;
    border-radius: 6px;
    background-color: #E9ECFB;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #1C45C2
}

.table__wrapper .socs .email p span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 4px
}

.table__wrapper .socs .email p span svg {
    width: 14px
}

.table__wrapper .profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.table__wrapper .profile>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 28px;
    max-width: 28px;
    min-height: 28px;
    max-height: 28px;
    border-radius: 250px;
    font-size: 11px;
    font-weight: 600;
    margin-right: 10px;
    overflow: hidden;
    text-transform: uppercase;
}

.table__wrapper .profile>p {
    margin: 0px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.table__wrapper.smaller__space table tr td {
    padding-top: 9px;
    padding-bottom: 9px
}

.group__dropdown.regular>a {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.group__dropdown.regular>a:hover {
    background-color: transparent !important
}

.regular__upload .field {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.regular__upload .field>input[type="text"] {
    width: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 42px;
    border: 1px solid #D1D5DB;
    padding-left: 15px;
    padding-right: 15px
}

.regular__upload .field>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 115px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #FFFFFF;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    min-height: 42px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    background-color: #1F2A37;
    text-decoration: none
}

.regular__upload .field>a:hover {
    background-color: #1C45C2
}

.regular__upload .field input[type='file'] {
    position: absolute;
    left: -25000px
}

.regular__upload>p {
    margin-top: 0px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.daterangepicker .ranges ul {
    width: 100% !important
}

.filter__btn {
    position: relative
}

.filter__btn .filter__dropdown {
    z-index: 10;
    width: 600px;
    padding: 16px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0px;
    left: auto;
    top: 46px
}

.filter__btn .filter__dropdown .segments__wrapper {
    min-height: 105px;
    margin-bottom: 20px
}

.filter__btn .filter__dropdown>ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    overflow: hidden;
    margin-bottom: 24px
}

.filter__btn .filter__dropdown>ul li {
    border-right: 1px solid #E5E7EB;
    width: 100%
}

.filter__btn .filter__dropdown>ul li:last-child {
    border-right: 0px
}

.filter__btn .filter__dropdown>ul li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    min-height: 34px;
    font-size: 14px;
    line-height: 130%;
    font-weight: 500;
    color: #6B7280;
    background-color: #F9FAFB;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.filter__btn .filter__dropdown>ul li>a.current {
    color: #111928;
    background-color: #FFFFFF
}

.filter__btn .filter__dropdown>ul li>a:hover {
    color: #111928;
    background-color: #FFFFFF
}

.filter__btn .filter__dropdown .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.filter__btn .filter__dropdown .btn>a {
    min-height: 34px;
    padding-left: 12px;
    padding-right: 12px
}

.filter__btn>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 37px;
    max-width: 37px;
    min-height: 37px;
    max-height: 37px;
    border-radius: 8px;
    border: 1px solid #D1D5DB;
    padding: 0px
}

.group__multiple {
    position: relative
}

.group__multiple .dropdown {
    position: absolute;
    left: 0px;
    width: 100%;
    max-height: 200px;
    top: 100%;
    margin-top: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    padding: 5px;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1)
}

.group__multiple .dropdown ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px
}

.group__multiple .dropdown ul li label {
    padding: 8px
}

.group__multiple .dropdown ul li p {
    margin: 0px
}

.group__multiple>p {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.group__multiple .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    min-height: 40px;
    border-radius: 8px;
    cursor: pointer;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #D1D5DB;
    padding-left: 12px
}

.group__multiple .box.opened>span {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.group__multiple .box>p {
    margin: 0px;
    font-size: 14px;
    line-height: 19px;
    color: #6B7280
}

.group__multiple .box .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 0px;
    margin-left: -4px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.group__multiple .box .tags>.tag__el {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2px 10px;
    border-radius: 6px;
    background-color: #E9ECFB;
    margin: 4px;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #1C45C2
}

.group__multiple .box .tags>.tag__el>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 4px
}

.group__multiple .box>span {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 12px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.custom__filter .group__custom>p {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.modal__side.add__filter--side>.inner__modal .modal__box {
    max-width: 725px
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid ul>li {
    margin-bottom: 0px
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 16px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    color: #111928;
    position: relative
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid ul>li>a.current span {
    opacity: 1
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid ul>li>a span {
    margin-left: 8px;
    opacity: 0;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid ul>li>a.current {
    /* background-color: #F9FAFB; */
    background-color: #e9ecf0;
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box {
    border-right: 1px solid #E5E7EB;
    width: 100%;
    padding: 20px 16px;
    max-width: 225px;
    overflow-x: auto;
    height: 1000px;
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box:last-child {
    border-right: 0px;
    padding-right: 0px
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box.value {
    padding-top: 20px;
    max-height: 1000px;
    overflow-x: auto;
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box .btn {
    margin-top: 16px
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box .btn>a {
    min-height: 41px;
    width: 100%
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box .group__input>input {
    width: 100%;
    height: 42px;
    border-radius: 8px;
    outline: none;
    border: 1px solid #D1D5DB;
    padding-left: 12px;
    padding-right: 12px
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box .group__dropdown {
    margin-bottom: 8px
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box .group__dropdown>a {
    width: 100%
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box:nth-child(1) {
    padding-left: 0px
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .top {
    margin-bottom: 15px
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .top .group__input {
    width: 100%;
    position: relative
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .top .group__input span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 9px;
    left: 16px
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .top .group__input>input {
    width: 100%;
    height: 36px;
    padding-left: 42px;
    padding-right: 15px;
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    outline: none
}

.modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .top>h6 {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

.filter__dropdown--btn>a.opened {
    background-color: #F9FAFB
}

.modal__side.profile__side .inner__modal>.modal__box {
    padding: 0px;
    max-width: 1235px;
    /* max-width: 1300px; */
}

.modal__side.profile__side .inner__modal>.modal__box .double {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100vh
}

.modal__side.profile__side .inner__modal>.modal__box .double .chat__box {
    max-height: calc(100% - 53px);
    flex: 0 0 auto;
    flex-shrink: 0;
    width: 45%;
}

.modal__side.profile__side .inner__modal>.modal__box .double .contact__info .contact__group {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal__side.profile__side .inner__modal>.modal__box .double .contact__info .contact__group>.elem:nth-child(1) {
    width: 100%;
    margin-right: 20px
}

.modal__side.profile__side .inner__modal>.modal__box .double .contact__info .contact__group>.elem:nth-child(2) {
    width: 100%;
    min-width: 190px;
    max-width: 240px;
}

.modal__side.profile__side .inner__modal>.modal__box .double .contact__info .contact__group>.elem:nth-child(2)>.group__input>input {
    font-weight: 500;
    min-height: 44px
}

.modal__side.profile__side .inner__modal>.modal__box .double .contact__info .contact__group>.elem>ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-top: -4px
}

.modal__side.profile__side .inner__modal>.modal__box .double .contact__info .contact__group>.elem>ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 2px 10px;
    border-radius: 6px;
    margin: 4px
}

.modal__side.profile__side .inner__modal>.modal__box .double .contact__info .contact__group>.elem>ul>li span,
.modal__side.profile__side .inner__modal>.modal__box .double .contact__info .contact__group>.elem>ul>li span>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal__side.profile__side .inner__modal>.modal__box .double .contact__info .contact__group>.elem>span {
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.modal__side.profile__side .inner__modal>.modal__box .double .contact__info .contact__group>.elem .tag__field {
    padding: 0px;
    margin: 0px
}

.modal__side.profile__side .inner__modal>.modal__box .double .contact__info .contact__group>.elem>p {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #4B5563
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info {
    padding: 25px 32px;
    border-right: 1px solid #E5E7EB;
    border-left: 1px solid #E5E7EB;
    width: 100%;
    flex: 1 1 auto;
    overflow-y: auto;
    max-width: 675px
}

.classic-view {
    .modal__side.profile__side .inner__modal>.modal__box .double {
        height: calc(100vh - 53px);
    }

    .modal__side.profile__side .inner__modal>.modal__box .double>.contact__info {
        height: calc(100vh - 92px);
    }
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .add__new--attribute {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 390px;
    width: 100%
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .add__new--attribute .new__attribute--box {
    width: 100%;
    margin-top: 10px
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .add__new--attribute .new__attribute--box .new__attribute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .add__new--attribute .new__attribute--box .new__attribute>a {
    white-space: nowrap
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .add__new--attribute .new__attribute--box .new__attribute .group__dropdown {
    width: 100%;
    margin-right: 8px
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .add__new--attribute .new__attribute--box .new__attribute .group__dropdown>a {
    min-height: 37px;
    background-color: #F9FAFB;
    border-color: #E5E7EB
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .add__new--attribute+.row__table {
    margin-top: 16px
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .add__new--attribute+.row__table .list__segments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-top: -4px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .add__new--attribute+.row__table .list__segments>.el {
    margin: 4px;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #111928;
    border-radius: 6px;
    background-color: #E5E7EB
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .add__new--attribute>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 37px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #1C45C2
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .add__new--attribute>a:hover {
    opacity: .7
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .add__new--attribute>a span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .row__table {
    margin-bottom: 24px
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .row__table>p {
    margin-top: 0px;
    margin-bottom: 8px;
    color: #4B5563;
    font-size: 14px;
    line-height: 150%
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .row__table:last-child {
    margin-bottom: 0px
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .row__table .list__tables>.elem__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 10px 12px;
    border-bottom: 0px
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .row__table .list__tables>.elem__table:last-child {
    border-bottom: 1px solid #E5E7EB
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .row__table .list__tables>.elem__table:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0px
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .row__table .list__tables>.elem__table>p {
    margin: 0px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #111928
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .row__table .list__tables>.elem__table>p.colored {
    color: #1C45C2
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info .row__table .list__tables>.elem__table>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 175px;
    max-width: 175px;
    margin-right: 20px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info>ul,
.gln_user_profile_child_tab_nav {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    overflow-y: auto;
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info>ul>li,
.gln_user_profile_child_tab_nav li {
    width: 100%;
    border-right: 1px solid #E5E7EB
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info>ul>li:nth-child(1)>a,
.gln_user_profile_child_tab_nav li:nth-child(1)>a {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info>ul>li:last-child>a,
.gln_user_profile_child_tab_nav li:last-child>a {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info>ul>li:last-child,
.gln_user_profile_child_tab_nav li :last-child {
    border-right: 0px
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info>ul>li a,
.gln_user_profile_child_tab_nav li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 42px;
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: #374151;
    text-decoration: none;
    -webkit-transition: .3s ease background-color, .3s ease color;
    transition: .3s ease background-color, .3s ease color
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info>ul>li a:hover,
.gln_user_profile_child_tab_nav li a:hover {
    color: #111928;
    background-color: #F9F9F9;
    font-weight: 500
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info>ul>li a.current,
.gln_user_profile_child_tab_nav li a.current {
    color: #111928;
    background-color: #F9F9F9;
    font-weight: 500
}

.modal__side.profile__side .inner__modal>.modal__box .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 32px;
    border-bottom: 1px solid #EBEDF0
}

.modal__side.profile__side .inner__modal>.modal__box .head .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.modal__side.profile__side .inner__modal>.modal__box .head .right .email__tags {
    margin-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal__side.profile__side .inner__modal>.modal__box .head .right .email__tags>.el {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 26px;
    margin-right: 8px;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    line-height: 125%;
    font-weight: 500;
    color: #4B5563;
    background-color: rgba(229, 231, 235, 0.5)
}

.modal__side.profile__side .inner__modal>.modal__box .head .right .email__tags>.el:last-child {
    margin-right: 0px
}

.modal__side.profile__side .inner__modal>.modal__box .head .right>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    min-width: 26px;
    max-width: 26px;
    min-height: 26px;
    max-height: 26px;
    border-radius: 4px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    margin-right: 12px
}

.modal__side.profile__side .inner__modal>.modal__box .head .right>a:last-child {
    margin-right: 0px
}

.modal__side.profile__side .inner__modal>.modal__box .head .right>a:hover {
    background-color: rgba(229, 231, 235, 0.3)
}

.modal__side.profile__side .inner__modal>.modal__box .head>.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal__side.profile__side .inner__modal>.modal__box .head>.left>h6,
.modal__side.profile__side .inner__modal>.modal__box .head>.left>h6.profile-header-name-text a {
    font-size: 16px;
    line-height: 150%;
    font-weight: 600;
    color: #111928;
    margin: 0px;
    margin-right: 8px
}

.modal__side.profile__side .inner__modal>.modal__box .head>.left .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal__side.profile__side .inner__modal>.modal__box .head>.left .tags .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1px 6px;
    border-radius: 5px;
    font-size: 12px;
    margin-right: 4px;
    font-weight: 500;
    min-height: 20px
}

.modal__side.profile__side .inner__modal>.modal__box .head>.left .tags .tag span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 4px
}

.modal__side.profile__side .inner__modal>.modal__box .head>.left>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 12px
}

.modal__side.profile__side .inner__modal>.modal__box .head>.left>span img {
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    border-radius: 250px;
    -o-object-fit: cover;
    object-fit: cover
}

.table__wrapper .small {
    font-size: 12px
}

.table__wrapper .tag__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.table__wrapper .tag__box .tag__text {
    margin: 0px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1px 6px;
    border-radius: 5px;
    background-color: #E9ECFB;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500
}

.table__wrapper .prof {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 12px
}

.table__wrapper .prof span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    border-radius: 250px;
    margin-right: 5px;
    font-size: 8px;
    line-height: 10px;
    font-weight: bold;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.table__wrapper .tasks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 12px
}

.table__wrapper .tasks span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 4px
}

.modal__side.manage__filters .regular__box .bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 8px
}

.modal__side.manage__filters .regular__box .bottom>a,
.modal__side.manage__filters .regular__box .bottom>button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    min-height: 41px
}

.modal__side.manage__filters .regular__box .top>.group__dropdown {
    margin-bottom: 24px
}

.modal__side.manage__filters .regular__box .top>.group__dropdown:last-child {
    margin-bottom: 0px
}

.modal__side.manage__filters .regular__box .top>h6 {
    margin-top: 0px;
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

.modal__side.add__lead .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal__side.add__lead .bottom>a {
    width: 100%;
    margin-bottom: 16px;
    min-height: 41px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.modal__side.add__lead .bottom>a.add__leads.disabled {
    background-color: #E5E7EB;
    pointer-events: none;
    color: #374151
}

.modal__side.add__lead .bottom>a.add__leads.disabled svg path {
    stroke: #4B5563
}

.modal__side.add__lead .bottom>a.add__leads svg path {
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    stroke: #fff
}

.modal__side.add__lead .bottom>a.add__leads--segment {
    color: #1C45C2
}

.modal__side.add__lead .bottom>a:last-child {
    margin-bottom: 0px
}

.modal__side.add__lead .entries__list {
    margin-top: 24px
}

.modal__side.add__lead .entries__list>p {
    margin-top: 0px;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #374151
}

.modal__side.add__lead .entries__list .entries__wrap>.elem__entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 12px;
    border-radius: 8px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    margin-bottom: 7px;
    cursor: pointer;
    border: 1px solid #E5E7EB
}

.modal__side.add__lead .entries__list .entries__wrap>.elem__entry.active {
    border-color: #1C45C2
}

.modal__side.add__lead .entries__list .entries__wrap>.elem__entry:last-child {
    margin-bottom: 0px
}

.modal__side.add__lead .entries__list .entries__wrap>.elem__entry .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.modal__side.add__lead .entries__list .entries__wrap>.elem__entry .desc>p {
    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    color: #111928
}

.modal__side.add__lead .entries__list .entries__wrap>.elem__entry .desc>span {
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #6B7280
}

.modal__side.add__lead .entries__list .entries__wrap>.elem__entry>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    border-radius: 250px;
    margin-right: 8px;
    font-size: 14px;
    line-height: 130%;
    font-weight: 600
}

.modal__side.add__lead .add__lead--box .group__input {
    width: 100%;
    position: relative;
    margin-top: 24px
}

.modal__side.add__lead .add__lead--box .group__input>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    left: 16px;
    top: 9px
}

.modal__side.add__lead .add__lead--box .group__input>input {
    height: 36px;
    background-color: #F9FAFB;
    padding-left: 42px;
    padding-right: 16px;
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: #111928;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    outline: none;
    width: 100%
}

.modal__side.add__lead .add__lead--box>h6 {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

.modal__side.add__lead .add__lead--box>p {
    margin: 0px;
    font-size: 14px;
    line-height: 150%;
    color: #111928;
    font-weight: 400
}

.modal__side.add__lead .add__lead--box>p a {
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #1C45C2;
    text-decoration: none
}

.add__new--contact .top .type,
.inline_radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 24px
}

.add__new--contact .top .type>p,
.inline_radios>p {
    margin: 0px;
    margin-right: 15px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.add__new--contact .top .type .radios,
.inline_radios .radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.add__new--contact .top .type .radios>.container__radio,
.inline_radios .radios>.container__radio {
    margin-right: 16px
}

.add__new--contact .top .type .radios>.container__radio:last-child,
.inline_radios .radios>.container__radio:last-child {
    margin-right: 0px
}

.add__new--contact .top .type .radios .radio,
.inline_radios .radios .radio {
    margin-right: 8px
}

.add__new--contact .top .type .radios p,
.inline_radios .radios p {
    margin: 0px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #111928
}

.add__new--contact .top>.new__contact .regular__upload {
    margin-bottom: 24px;
    margin-top: 24px
}

.add__new--contact .top>.new__contact .group__dropdown {
    width: 100%;
    margin-bottom: 16px
}

.add__new--contact .top>.new__contact .group__dropdown>a {
    width: 100%;
    height: 42px
}

.add__new--contact .top>.new__contact .group__dropdown>a>span {
    font-weight: 400;
    font-size: 14px
}

.add__new--contact .top>.new__contact>h6 {
    margin-top: 0px;
    margin-bottom: 33px;
    font-size: 24px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

.add__new--contact .top>.new__contact>.group__input {
    margin-bottom: 16px
}

.add__new--contact .bottom>a {
    width: 100%;
    min-height: 41px
}

.add__new--contact .new__contact>p.leads {
    margin-top: -25px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #111928
}

.add__new--contact .new__contact>p.leads span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 10px;
    max-width: 10px;
    min-height: 10px;
    max-height: 10px;
    margin-right: 8px;
    border-radius: 250px
}

.modal__side.add__from--segment .segment__wrapper>p {
    margin-top: 0px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #111928
}

.modal__side.add__from--segment .segment__wrapper>p span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 10px;
    max-width: 10px;
    min-height: 10px;
    max-height: 10px;
    border-radius: 250px;
    margin-right: 8px
}

.modal__side.add__from--segment .segment__wrapper>h6 {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

.modal__side.add__from--segment .bottom .regular-btn {
    width: 100%;
    min-height: 41px
}

.dropdown__sales {
    z-index: 8;
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1)
}

.dropdown__sales ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px
}

.dropdown__sales ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
    white-space: nowrap;
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: #4B5563;
    padding: 8px 16px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.dropdown__sales ul>li>a:hover {
    color: #111928;
    background-color: #F9FAFB
}

.dropdown__sales ul>li>a:hover svg path {
    fill: #111928
}

.dropdown__sales ul>li>a span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 4px
}

.dropdown__sales ul>li>a span svg path {
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__wrapper.remove__popup .modal__box {
    max-width: 605px;
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    overflow: hidden;
    border-radius: 8px
}

.modal__wrapper.remove__popup .modal__box .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 24px
}

.modal__wrapper.remove__popup .modal__box .controls .cancel {
    min-height: 48px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    color: #0E1217;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__wrapper.remove__popup .modal__box .controls .cancel:hover {
    opacity: .7
}

.modal__wrapper.remove__popup .modal__box .controls .delete-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 48px;
    border-radius: 8px;
    background-color: #E02424;
    margin-left: 8px;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__wrapper.remove__popup .modal__box .controls .delete-btn:hover {
    background-color: #b63232
}

.modal__wrapper.remove__popup .modal__box .desc {
    margin-top: 16px;
    padding-left: 24px;
    padding-right: 24px;
    border-bottom: 1px solid #E5E7EB;
    padding-bottom: 24px
}

.modal__wrapper.remove__popup .modal__box .desc p {
    margin: 0px;
    font-size: 16px;
    line-height: 24px;
    color: #374151;
    font-weight: 400
}

.modal__wrapper.remove__popup .modal__box .desc p span {
    font-weight: 600
}

.modal__wrapper.remove__popup .modal__box>.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal__wrapper.remove__popup .modal__box>.top>p {
    margin: 0px;
    font-size: 18px;
    line-height: 140%;
    font-weight: 600;
    color: #0E1217
}

.modal__wrapper.remove__popup .modal__box>.top>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.modal__side.add__automation .bottom {
    width: 100%
}

.modal__side.add__automation .bottom>a {
    width: 100%;
    min-height: 41px;
    font-size: 14px
}

.modal__side.add__automation .automation__wrapper .actions {
    margin-top: 32px
}

.modal__side.add__automation .automation__wrapper .actions .actions__list {
    margin-top: 16px
}

.modal__side.add__automation .automation__wrapper .actions .actions__list>.elem__action {
    margin-bottom: 8px;
    border-radius: 8px;
    border: 1px solid #D1D5DB;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px
}

.modal__side.add__automation .automation__wrapper .actions .actions__list>.elem__action .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.modal__side.add__automation .automation__wrapper .actions .actions__list>.elem__action .controls>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    max-height: 30px;
    border-radius: 4px;
    margin-right: 8px
}

.modal__side.add__automation .automation__wrapper .actions .actions__list>.elem__action .controls>a.trash__btn:hover {
    background-color: rgba(240, 82, 82, 0.15)
}

.modal__side.add__automation .automation__wrapper .actions .actions__list>.elem__action .controls>a:hover {
    background-color: #F9FAFB
}

.modal__side.add__automation .automation__wrapper .actions .actions__list>.elem__action .controls>a:last-child {
    margin-right: 0px
}

.modal__side.add__automation .automation__wrapper .actions .actions__list>.elem__action .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.modal__side.add__automation .automation__wrapper .actions .actions__list>.elem__action .desc>p {
    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.modal__side.add__automation .automation__wrapper .actions .actions__list>.elem__action .desc>span {
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #4B5563
}

.modal__side.add__automation .automation__wrapper .actions .actions__list>.elem__action:last-child {
    margin-bottom: 0px
}

.modal__side.add__automation .automation__wrapper .actions .add__action {
    padding: 16px;
    margin-top: 15px;
    border-radius: 8px;
    border: 1px solid #D1D5DB
}

.modal__side.add__automation .automation__wrapper .actions .add__action .group__dropdown {
    margin-bottom: 16px
}

.modal__side.add__automation .automation__wrapper .actions .add__action .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px
}

.modal__side.add__automation .automation__wrapper .actions .add__action .controls>.cancel {
    font-size: 12px;
    color: #1C45C2;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__side.add__automation .automation__wrapper .actions .add__action .controls>.cancel:hover {
    opacity: .7
}

.modal__side.add__automation .automation__wrapper .actions .add__action .controls>.add {
    font-size: 12px;
    padding-left: 12px;
    padding-right: 12px;
    min-height: 34px;
    margin-left: 16px
}

.modal__side.add__automation .automation__wrapper .actions .add__action>p {
    margin-top: 0px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.modal__side.add__automation .automation__wrapper .actions>.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal__side.add__automation .automation__wrapper .actions>.title>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
    font-size: 14px;
    line-height: 130%;
    font-weight: 500;
    color: #1C45C2;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__side.add__automation .automation__wrapper .actions>.title>a:hover {
    opacity: .7
}

.modal__side.add__automation .automation__wrapper .actions>.title>a span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px
}

.modal__side.add__automation .automation__wrapper .actions>.title>p {
    margin: 0px;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.modal__side.add__automation .automation__wrapper .group__dropdown {
    margin-bottom: 24px
}

.modal__side.add__automation .automation__wrapper .type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 32px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal__side.add__automation .automation__wrapper .type .radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal__side.add__automation .automation__wrapper .type .radios>.container__radio {
    margin-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal__side.add__automation .automation__wrapper .type .radios>.container__radio p {
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    color: #111928;
    margin-left: 8px
}

.modal__side.add__automation .automation__wrapper .type>p {
    margin: 0px;
    margin-right: 16px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.modal__side.add__automation .automation__wrapper>p {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #111928;
    margin-bottom: 24px
}

.modal__side.add__automation .automation__wrapper>p span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 10px;
    max-width: 10px;
    min-height: 10px;
    max-height: 10px;
    border-radius: 250px;
    margin-right: 8px
}

.modal__side.add__automation .automation__wrapper>h6 {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

.add__action .controls .regular-btn.disabled {
    pointer-events: none;
    background-color: #E5E7EB;
    pointer-events: none;
    color: #374151
}

.add__action .controls .regular-btn.disabled svg path {
    fill: #374151
}

.group__input.field__with--info .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.group__input.field__with--info .btns>div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 15px
}

.group__input.field__with--info .btns>div>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.group__input.field__with--info .btns>div:last-child {
    margin-right: 0px
}

.modal__wrapper.confirm__campaign .inner__modal .modal__box {
    width: 100%;
    border-radius: 8px;
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    max-width: 605px
}

.modal__wrapper.confirm__campaign .inner__modal .modal__box .top__part {
    padding: 24px;
    padding-bottom: 0px
}

.modal__wrapper.confirm__campaign .inner__modal .modal__box .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 24px;
    border-top: 1px solid #E5E7EB
}

.modal__wrapper.confirm__campaign .inner__modal .modal__box .controls>.regular-btn {
    min-height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    margin-left: 8px
}

.modal__wrapper.confirm__campaign .inner__modal .modal__box .controls>.cancel-btn {
    min-height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    color: #1C45C2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__wrapper.confirm__campaign .inner__modal .modal__box .controls>.cancel-btn:hover {
    opacity: .7
}

.modal__wrapper.confirm__campaign .inner__modal .modal__box .desc {
    margin-bottom: 24px
}

.modal__wrapper.confirm__campaign .inner__modal .modal__box .desc>p {
    font-size: 16px;
    line-height: 24px;
    color: #374151;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 15px
}

.modal__wrapper.confirm__campaign .inner__modal .modal__box .desc>p:last-child {
    margin-bottom: 0px
}

.modal__wrapper.confirm__campaign .inner__modal .modal__box .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal__wrapper.confirm__campaign .inner__modal .modal__box .top>p {
    margin: 0px;
    font-size: 18px;
    line-height: 140%;
    font-weight: 600;
    color: #0E1217
}

.modal__wrapper.confirm__campaign .inner__modal .modal__box .top>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 10px
}

.tag__field {
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    position: relative
}

.tag__field .dropdown {
    position: absolute;
    left: 24px;
    width: calc(100% - 48px);
    top: 100%;
    margin-top: 6px;
    border-radius: 6px;
    border: 1px solid #E5E7EB;
    background-color: #fff;
    padding: 16px 8px;
    max-height: 240px;
    overflow-y: auto
}

.tag__field .dropdown::-webkit-scrollbar {
    width: 6px;
    height: 4px
}

.tag__field .dropdown::-webkit-scrollbar-thumb {
    border-radius: 250px;
    background-color: #1c45c2
}

.tag__field .dropdown ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px
}

.tag__field .dropdown ul>li {
    margin-bottom: 0px;
    margin-bottom: 2px
}

.tag__field .dropdown ul>li:last-child {
    margin-bottom: 0px
}

.tag__field .dropdown ul>li>a {
    padding: 8px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: #0E1217;
    text-decoration: none;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.tag__field .dropdown ul>li>a.current {
    background-color: #E9ECFB !important;
    color: #1C45C2 !important
}

.tag__field .dropdown ul>li>a:hover {
    background-color: #F9FAFB
}

.tag__field .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 6px 11px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-top: 0px
}

.tag__field .list>.elem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 10px;
    border-radius: 6px;
    background-color: #E9ECFB;
    margin: 4px
}

.tag__field .list>.elem>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 4px
}

.tag__field .list>.elem p {
    margin: 0px;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #1C45C2;
    width: auto;
    max-width: 145px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tag__field .field {
    position: relative;
    border: 1px solid #D1D5DB;
    min-height: 44px;
    border-radius: 8px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    cursor: pointer
}

.tag__field .field.filled>span {
    top: -11px;
    left: 10px;
    font-size: 12px;
    line-height: 12px
}

.tag__field .field.focused {
    border-color: #1C45C2
}

.tag__field .field.focused>span {
    /* color: #1C45C2;
    top: -11px;
    left: 10px;
    font-size: 12px;
    line-height: 12px */
}

.tag__field .field>span {
    position: absolute;
    left: 12px;
    top: 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #6B7280;
    padding: 4px;
    background-color: #fff;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.upload__file--wrapper {
    position: relative
}

.upload__file--wrapper>input {
    position: absolute;
    left: -25000px
}

.upload__file--wrapper>a.draggable__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 172px;
    border-radius: 8px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    border: 2px dashed #E5E7EB;
    text-decoration: none;
    background-color: #F9FAFB
}

.upload__file--wrapper>a.draggable__box>p {
    margin: 0px;
    font-size: 14px;
    line-height: 150%;
    margin-top: 7px;
    font-weight: 400;
    color: #6B7280
}

.upload__file--wrapper>a.draggable__box>p span {
    font-weight: 600
}

.upload__file--wrapper>a.draggable__box>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 7px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.file__list {
    margin-top: 15px
}

.file__list .elem__file {
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: var(--Corner-radius-Rd---xs, 8px);
    border: 1px solid var(--Color-Main-Border, #E7E7E8);
    background: #FBFBFC;
    padding: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.file__list .elem__file>.right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.file__list .elem__file>.right .progress__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 140px
}

.file__list .elem__file>.right .progress__box>.progress {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 4px;
    background-color: #E7E7E8;
    border-radius: 5px
}

.file__list .elem__file>.right .progress__box>.progress .active {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    border-radius: 5px;
    background-color: #009697
}

.file__list .elem__file>.right .progress__box>p {
    margin: 0px;
    margin-left: 8px;
    font-size: 12px;
    line-height: 150%;
    font-weight: 400;
    color: #272831
}

.file__list .elem__file>.right>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 16px
}

.file__list .elem__file>.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.file__list .elem__file>.left>.desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.file__list .elem__file>.left>.desc>p {
    margin-top: 0px;
    font-size: 14px;
    line-height: 140%;
    font-weight: 600;
    color: #0F101A;
    margin-bottom: 0px
}

.file__list .elem__file>.left>.desc>span {
    font-size: 12px;
    line-height: 150%;
    font-weight: 400;
    color: #57585F
}

.file__list .elem__file>.left>.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
    border-radius: var(--Corner-radius-Rd---xxs, 4px);
    border: 1px solid var(--Color-Main-Border, #E7E7E8);
    background: var(--Color-Gray-scale-Gray00, #FFF)
}

.file__list .elem__file:last-child {
    margin-bottom: 0px
}

.error__float {
    position: fixed;
    bottom: 15px;
    right: 15px;
    max-width: 640px;
    padding: 16px;
    border: 1px solid #F8B4B4;
    border-radius: 6px;
    background-color: #fff;
    z-index: 8
}

.error__float .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.error__float .inner .right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 12px
}

.error__float .inner .right>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error__float .inner .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.error__float .inner .left>p {
    margin: 0px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #F05252
}

.error__float .inner .left>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error__float .inner .left>span svg {
    min-width: 32px;
    max-width: 32px
}

.side__inner--menu {
    min-width: 220px;
    max-width: 220px;
    border-right: 1px solid #E5E7EB;
    background-color: #fff;
    overflow-y: auto;
    padding: 24px
}

.box__with--info {
    width: 100%
}

.box__with--info {
    min-height: calc(100vh - 52.8px)
}

.box__with--menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.box__with--menu .side__inner--menu {
    padding: 24px 20px;
}

.box__with--menu .side__inner--menu>.elem {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E7EB
}

.box__with--menu .side__inner--menu>.elem .double__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px
}

.box__with--menu .side__inner--menu>.elem .double__title>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.box__with--menu .side__inner--menu>.elem .double__title>p {
    margin: 0px;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #6B7280
}

.box__with--menu .side__inner--menu>.elem:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px
}

.box__with--menu .side__inner--menu>.elem ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px
}

.box__with--menu .side__inner--menu>.elem ul>li {
    margin-bottom: 4px
}

.box__with--menu .side__inner--menu>.elem ul>li.current>a {
    background-color: #F9FAFB
}

.box__with--menu .side__inner--menu>.elem ul>li a.current {
    background-color: #F9FAFB
}

.box__with--menu .side__inner--menu>.elem ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
    padding: 8px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 150%;
    color: #1F2A37;
    font-weight: 500;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.box__with--menu .side__inner--menu>.elem ul>li>a:hover,
.box__with--menu .side__inner--menu>.elem ul>li>a.folder-active {
    background-color: #F9FAFB
}

.box__with--menu .side__inner--menu>.elem ul>li>a span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px
}

.box__with--menu .side__inner--menu>.elem ul>li:last-child {
    margin-bottom: 0px
}

.box__with--menu .side__inner--menu>.elem>p {
    margin-top: 0px;
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #6B7280
}

.no__data {
    text-align: center;
    padding: 23px 0px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #6B7280
}

.box__with--info.with__menu {
    width: calc(100% - 220px)
}

.copy__text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 2px 6px;
    background-color: #F3F4F6;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.copy__text>p {
    margin: 0px;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #4B5563
}

.copy__text a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 4px
}

.upload__file--wrapper .size {
    margin: 0px !important;
    font-size: 12px !important;
    line-height: 18px !important;
    color: #6B7280;
    margin-top: 7px !important;
    font-weight: 600 !important
}

.file__list .elem__file>.left>.desc>p {
    word-break: break-all
}

.jb-emoji {
    position: absolute;
    left: 200px;
    top: 200px;
    width: 100%;
    max-width: 335px
}

.jb-emoji::-webkit-scrollbar {
    width: 6px
}

.jb-emoji::-webkit-scrollbar-thumb {
    border-radius: 250px;
    background-color: #1c45c2
}

.jb-emoji .jb-emoji-search {
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    height: 40px;
    padding-left: 12px;
    padding-right: 12px
}

.jb-emoji .jb-emoji-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr)
}

.jb-emoji .jb-emoji-grid .jb-emoji-btn {
    width: auto;
    height: auto;
    font-size: 16px
}

.emoji__picker.active svg path {
    fill: #1C45C2
}

.jb-emoji-btn:hover,
.jb-emoji-btn.jb-active-emoji {
    background-color: #E9ECFB !important
}

.modal__wrapper .remove__chat .controls .delete-btn {
    margin-right: 0px
}

.modal__wrapper .inner__modal .new__tag {
    background-color: #fff;
    width: 100%;
    max-width: 605px;
    border-radius: 8px;
    border: 1px solid #E5E7EB
}

.modal__wrapper .inner__modal .new__tag form {
    padding: 32px 24px
}

.modal__wrapper .inner__modal .new__tag form .color__wrap {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #E7E7E8
}

.modal__wrapper .inner__modal .new__tag form .color__wrap .colors__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-top: -4px
}

.modal__wrapper .inner__modal .new__tag form .color__wrap .colors__box>a {
    margin: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    border-radius: 2500px
}

.modal__wrapper .inner__modal .new__tag form .color__wrap .colors__box>a.current {
    border: 2px solid #1C45C2
}

.modal__wrapper .inner__modal .new__tag form .color__wrap .colors__box>a.new {
    background-color: #F9FAFB
}

.modal__wrapper .inner__modal .new__tag form .color__wrap .colors__box>a.white {
    border: 2px solid #E5E7EB
}

.modal__wrapper .inner__modal .new__tag form .color__wrap>p {
    margin-top: 0px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 150%;
    color: #1F2A37;
    font-weight: 600
}

.modal__wrapper .inner__modal .new__tag form .group__dropdown>a {
    height: 50px
}

.modal__wrapper .inner__modal .new__tag form .group__dropdown>span {
    font-weight: 600;
    color: #1F2A37
}

.modal__wrapper .inner__modal .new__tag form .float__group {
    margin-bottom: 24px
}

.modal__wrapper .inner__modal .new__tag form .float__group.focused>span,
.modal__wrapper .inner__modal .new__tag form .float__group.final__state>span {
    top: -3px
}

.modal__wrapper .inner__modal .new__tag form .float__group>span {
    font-weight: 600;
    color: #1F2A37;
    top: 14px
}

.modal__wrapper .inner__modal .new__tag form .float__group>input {
    height: 50px
}

.modal__wrapper .inner__modal .new__tag .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #E5E7EB;
    padding: 24px
}

.modal__wrapper .inner__modal .new__tag .controls .regular-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 48px;
    font-size: 16px;
    background-color: #111928;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    padding-left: 20px;
    padding-right: 20px
}

.modal__wrapper .inner__modal .new__tag .controls .regular-btn:hover {
    background-color: #1C45C2
}

.modal__wrapper .inner__modal .new__tag .controls>.cancel-btn {
    min-height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 16px;
    line-height: 150%;
    color: #1C45C2;
    font-weight: 500;
    text-decoration: none;
    margin-right: 8px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__wrapper .inner__modal .new__tag .controls>.cancel-btn:hover {
    opacity: .7
}

.modal__wrapper .inner__modal .new__tag .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px;
    border-bottom: 1px solid #E5E7EB
}

.modal__wrapper .inner__modal .new__tag .title>p {
    margin: 0px;
    font-size: 18px;
    line-height: 150%;
    font-weight: bold;
    color: #111928
}

.modal__wrapper .inner__modal .new__tag .title>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.jb-emoji {
    z-index: 9
}

.table__wrapper .info__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.table__wrapper .info__box .lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 16px
}

.table__wrapper .info__box .lists>.elem,
.table__wrapper .info__box .lists .segment_type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2px 4px;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 8px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.table__wrapper .info__box .lists>.elem:last-child,
.table__wrapper .info__box .lists .segment_type:last-child {
    margin-right: 0px
}

.table__wrapper .info__box .lists>.elem>p,
.table__wrapper .info__box .lists .segment_type p {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 125%;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.table__wrapper .info__box .lists>.elem>p span,
.table__wrapper .info__box .lists .segment_type p span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 4px
}

.title__link {
    font-size: 14px;
    text-decoration: none;
    max-width: 300px
}

.title__link--td {
    width: 400px
}

.table__wrapper tr th>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.table__wrapper tr th>p>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 4px
}

.dropdown__segments {
    min-width: 250px;
    max-width: 250px;
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #fff;
    padding: 4px 0px;
    position: absolute;
    left: 200px;
    top: 200px;
    z-index: 4
}

.dropdown__segments ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px
}

.dropdown__segments ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    color: #4B5563
}

.dropdown__segments ul>li>a:hover {
    background-color: #F9FAFB;
    color: #111928
}

.dropdown__segments ul>li>a.disabled {
    opacity: .6;
    pointer-events: none
}

.dropdown__segments ul>li>a span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 4px
}

.dropdown__segments ul>li>a span svg path {
    fill: #4B5563
}

.dropdown__segments ul>li>a span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.settings__segment--btn.opened {
    background-color: #F9FAFB !important
}

.modal__wrapper.create__folder .inner__modal .modal__box {
    width: 100%;
    max-width: 400px;
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 24px
}

.modal__wrapper.create__folder .inner__modal .modal__box .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.modal__wrapper.create__folder .inner__modal .modal__box .btns .regular-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 37px;
    font-size: 14px
}

.modal__wrapper.create__folder .inner__modal .modal__box .btns .cancel-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 37px;
    border-radius: 8px;
    margin-right: 8px;
    padding-left: 11px;
    padding-right: 11px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #1C45C2;
    text-decoration: none;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__wrapper.create__folder .inner__modal .modal__box .btns .cancel-btn:hover {
    opacity: .7
}

.modal__wrapper.create__folder .inner__modal .modal__box .fields {
    margin-bottom: 16px
}

.modal__wrapper.create__folder .inner__modal .modal__box .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal__wrapper.create__folder .inner__modal .modal__box .top>p {
    margin: 0px;
    font-size: 18px;
    line-height: 140%;
    font-weight: 600;
    color: #0E1217
}

.modal__wrapper.create__folder .inner__modal .modal__box .top>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.modal__side.lead__info .bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 8px
}

.modal__side.lead__info .bottom>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 41px;
    border-radius: 8px;
    font-size: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal__side.lead__info .lead__info .box {
    margin-bottom: 8px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 16px
}

.modal__side.lead__info .lead__info .box .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal__side.lead__info .lead__info .box .grid>.elem {
    margin-right: 64px
}

.modal__side.lead__info .lead__info .box .grid>.elem>span {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.modal__side.lead__info .lead__info .box .grid>.elem>p {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #6B7280
}

.modal__side.lead__info .lead__info .box .grid>.elem>p span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px
}

.modal__side.lead__info .lead__info .box .grid>.elem:last-child {
    margin-right: 0px
}

.modal__side.lead__info .lead__info .box .list ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px
}

.modal__side.lead__info .lead__info .box .list ul>li {
    margin-bottom: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal__side.lead__info .lead__info .box .list ul>li:last-child {
    margin-bottom: 0px
}

.modal__side.lead__info .lead__info .box .list ul>li>p {
    margin: 0px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    color: #111928
}

.modal__side.lead__info .lead__info .box .list ul>li>p .desc {
    padding: 2px 4px;
    font-size: 14px;
    font-weight: 400;
    color: #111928;
    border-radius: 4px;
    background-color: #E5E7EB
}

.modal__side.lead__info .lead__info .box .list ul>li>p span.medium {
    font-weight: 600
}

.modal__side.lead__info .lead__info .box .list ul>li>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px
}

.modal__side.lead__info .lead__info .box .headline {
    margin-bottom: 16px
}

.modal__side.lead__info .lead__info .box .headline>p {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #6B7280;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal__side.lead__info .lead__info .box .headline>p>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 9px
}

.modal__side.lead__info .lead__info .box:last-child {
    margin-bottom: 0px
}

.modal__side.lead__info .lead__info>h6 {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

.modal__side.lead__info .lead__info>ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.modal__side.lead__info .lead__info>ul>li.spacer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px 10px
}

.modal__side.lead__info .lead__info>ul>li {
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #6B7280
}

.modal__side.lead__info .lead__info .tag {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal__side.lead__info .lead__info .tag>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500
}

th p.regular {
    font-weight: 400;
    text-transform: capitalize
}

.breadcrumbs.double {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.breadcrumbs.double .edit__layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.breadcrumbs.double .edit__layout .add__report {
    position: relative
}

.breadcrumbs.double .edit__layout .add__report .dropdown {
    position: absolute;
    top: 44px;
    right: 0px;
    min-width: 240px;
    max-width: 240px;
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 8px;
    z-index: 3
}

.breadcrumbs.double .edit__layout .add__report .dropdown ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.breadcrumbs.double .edit__layout .add__report .dropdown ul>li {
    width: 100%
}

.breadcrumbs.double .edit__layout .add__report .dropdown ul>li>a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
    padding: 8px 16px;
    font-size: 14px;
    color: #374151;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.breadcrumbs.double .edit__layout .add__report .dropdown ul>li>a:hover {
    background-color: #F9FAFB
}

.breadcrumbs.double .edit__layout .add__report>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 36px;
    border-radius: 8px;
    padding-left: 12px;
    padding-right: 12px;
    text-decoration: none;
    background-color: #111928;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.breadcrumbs.double .edit__layout .add__report>a.opened {
    background-color: #1C45C2
}

.breadcrumbs.double .edit__layout .add__report>a.opened>svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.breadcrumbs.double .edit__layout .add__report>a:hover {
    background-color: #1C45C2
}

.breadcrumbs.double .edit__layout .add__report>a>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #FFFFFF
}

.breadcrumbs.double .edit__layout .add__report>a>svg {
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.breadcrumbs.double .edit__layout .switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: 24px
}

.breadcrumbs.double .edit__layout .switch>p {
    margin: 0px;
    margin-right: 12px;
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: #6B7280
}

.table__wrapper .tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 22px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    border-radius: 6px
}

.show__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    max-width: 360px
}

.show__data .dropdown__check {
    width: 100%;
    max-width: 255px;
    position: relative
}

.show__data .dropdown__check .dropdown {
    position: absolute;
    top: 100%;
    left: 0px;
    background-color: #fff;
    z-index: 3;
    width: 100%;
    overflow-y: auto;
    max-height: 200px;
    padding: 5px 0px;
    width: 100%;
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px
}

.show__data .dropdown__check .dropdown ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px
}

.show__data .dropdown__check .dropdown ul>li label {
    cursor: pointer;
    padding: 7px 15px
}

.show__data .dropdown__check .dropdown::-webkit-scrollbar {
    width: 6px
}

.show__data .dropdown__check .dropdown::-webkit-scrollbar-thumb {
    border-radius: 250px;
    background-color: #1c45c2
}

.show__data .dropdown__check>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 12px;
    padding-right: 12px;
    text-decoration: none;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    height: 37px;
    width: 100%
}

.show__data .dropdown__check>a>svg {
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.show__data .dropdown__check>a.opened>svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.show__data .dropdown__check>a>span {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 20px);
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.show__data>p {
    margin: 0px;
    margin-right: 15px;
    font-size: 12px;
    line-height: 150%;
    white-space: nowrap;
    font-weight: 500;
    color: #4B5563
}

.segment__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.segment__item>p {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 25px;
    border-radius: 6px
}

.segment__item>p span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 4px
}

.table__wrapper .product__name p {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px
}

.table__wrapper .product__name p>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 18px;
    max-width: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px
}

.dashboard__tooltip {
    position: absolute;
    z-index: 5;
    border-radius: 6px;
    background-color: #1F2A37;
    max-width: 290px;
    padding: 8px
}

.dashboard__tooltip>p {
    margin: 0px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #F9FAFB
}

.table__wrapper .status {
    margin-right: 16px
}

.table__wrapper .status span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 23px;
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500
}

.modal__wrapper .modal__box {
    width: 100%;
    max-width: 440px;
    background-color: #FFFFFF;
    border-radius: 8px
}

.modal__wrapper .modal__box .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px 24px;
    padding-bottom: 25px
}

.modal__wrapper .modal__box .controls>.cancel-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    min-height: 37px;
    border-radius: 8px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    margin-right: 8px;
    line-height: 150%;
    font-weight: 500;
    color: #1C45C2;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__wrapper .modal__box .controls>.cancel-btn:hover {
    opacity: .7
}

.modal__wrapper .modal__box .manage__box {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E5E7EB
}

.modal__wrapper .modal__box .manage__box .manage__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 12px;
    grid-column-gap: 15px
}

.modal__wrapper .modal__box .manage__box .manage__grid>.elem .container__check {
    cursor: pointer
}

.modal__wrapper .modal__box .manage__box .manage__grid>.elem .checkmark {
    margin-right: 0px
}

.modal__wrapper .modal__box .manage__box .manage__grid>.elem p {
    margin: 0px;
    margin-left: 8px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #111928
}

.modal__wrapper .modal__box .manage__box>p {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #6B7280
}

.modal__wrapper .modal__box>.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    margin-bottom: 20px
}

.modal__wrapper .modal__box>.top>p {
    margin: 0px;
    font-size: 18px;
    line-height: 140%;
    font-weight: 600;
    color: #0E1217
}

.modal__wrapper .modal__box>.top>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__wrapper .modal__box>.top>a:hover {
    opacity: .7
}

.modal__side.ongoing .regular__box .bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 8px
}

.modal__side.ongoing .regular__box .bottom>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 41px;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal__side.ongoing .regular__box .bottom>a.outline-btn {
    color: #1C45C2
}

.modal__side.ongoing .regular__box .top .after>p {
    margin: 0px;
    font-size: 12px;
    line-height: 140%;
    font-weight: 500;
    color: #6B7280
}

.modal__side.ongoing .regular__box .top .field {
    margin-bottom: 24px
}

.modal__side.ongoing .regular__box .top .field .inner__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal__side.ongoing .regular__box .top .field .inner__field .hours {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal__side.ongoing .regular__box .top .field .inner__field .hours>.group__input {
    width: 100%;
    max-width: 64px;
    margin-right: 8px
}

.modal__side.ongoing .regular__box .top .field .inner__field .hours>.group__input:last-child {
    margin-right: 0px
}

.modal__side.ongoing .regular__box .top .field .inner__field .hours>.group__input input {
    width: 100%;
    height: 42px;
    border-radius: 8px;
    border: 1px solid #D1D5DB;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    color: #0E1217
}

.modal__side.ongoing .regular__box .top .field .inner__field .date {
    width: 100%;
    max-width: 195px;
    margin-right: 8px
}

.modal__side.ongoing .regular__box .top .field .inner__field .date input {
    width: 100%;
    height: 42px;
    border-radius: 8px;
    border: 1px solid #D1D5DB;
    padding-left: 15px;
    padding-right: 35px
}

.modal__side.ongoing .regular__box .top .field>p {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 14px;
    color: #6B7280;
    font-weight: 500
}

.modal__side.ongoing .regular__box .top .field:nth-child(3) {
    margin-bottom: 16px
}

.modal__side.ongoing .regular__box .top>h6 {
    margin-top: 0px;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

.new__criteria.modal__side .inner__modal .modal__box {
    max-width: 575px
}

.new__criteria.modal__side .regular__box .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.new__criteria.modal__side .regular__box .bottom .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.new__criteria.modal__side .regular__box .bottom .right>a {
    margin-right: 8px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px
}

.new__criteria.modal__side .regular__box .bottom .right>a.outline-btn {
    color: #1C45C2
}

.new__criteria.modal__side .regular__box .bottom .right>a:last-child {
    margin-right: 0px
}

.new__criteria.modal__side .regular__box .bottom>p {
    margin: 0px;
    font-size: 14px;
    line-height: 125%;
    font-weight: 500;
    color: #111928
}

.new__criteria.modal__side .regular__box .bottom>p span {
    font-weight: bold
}

.new__criteria.modal__side .regular__box .top {
    padding-top: 15px
}

.new__criteria.modal__side .regular__box .top .criteria__picker .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.new__criteria.modal__side .regular__box .top .criteria__picker .btn>a {
    font-size: 14px;
    color: #1C45C2
}

.new__criteria.modal__side .regular__box .top .criteria__picker .list {
    margin-bottom: 24px
}

.new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

.new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem:last-child {
    margin-bottom: 0px
}

.new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem .remove__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 15px
}

.new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem .remove__btn>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    border-radius: 4px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem .remove__btn>a:hover {
    background-color: rgba(240, 82, 82, 0.15)
}

.new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem>.spacer {
    min-height: 1px;
    width: 100%;
    background-color: #E5E7EB
}

.new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem>.group__dropdown {
    min-width: 120px;
    max-width: 120px
}

.new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem>.group__input:nth-child(3) {
    min-width: 120px;
    max-width: 120px
}

.new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem>.group__input:nth-child(1) {
    min-width: 180px;
    max-width: 180px
}

.new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem>.group__input:nth-child(1)>input {
    font-weight: bold
}

.new__criteria.modal__side .regular__box .top .criteria__picker>p {
    margin-top: 0px;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.new__criteria.modal__side .regular__box .top>.group__input {
    margin-bottom: 24px
}

.new__criteria.modal__side .regular__box .top>h6 {
    margin-top: 0px;
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 125%;
    font-weight: 600;
    color: #111928
}

.type__box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 25px;
    border-radius: 6px;
    background-color: #EFF2F4;
    padding-right: 8px;
    padding-left: 8px
}

.type__box.grey>p {
    color: #4B5563
}

.type__box>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 4px
}

.type__box>span img {
    min-width: 16px;
    max-width: 16px
}

.type__box>p {
    margin: 0px;
    margin-left: 4px;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #111928
}

.side__tooltip {
    padding: 5px 12px;
    position: fixed;
    z-index: 12;
    pointer-events: none;
    background-color: #000;
    border-radius: 5px
}

.side__tooltip:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000
}

.side__tooltip p {
    font-size: 14px;
    line-height: 19px;
    margin: 0px;
    color: #fff;
    font-weight: 400
}

.side__tooltip.hidden {
    display: none !important
}

.breadcrumbs.double .edit__layout .add__report .dropdown {
    overflow: hidden
}

.tag__field .field {
    min-height: 42px
}

.pagination__switcher ul li a svg path {
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.new__campaign--box .tag__field>.dropdown {
    left: 0px;
    width: 100%
}

.appointment__box .head .controls .view__switcher ul>li:last-child {
    border-right: 0px
}

.more__space .jb-emoji {
    margin-left: 50px !important
}

.tasks__wrapper .tasks__box .task__filter .right .filter__switcher ul li:last-child {
    border-right: 0px
}

.form__setup>.box .top>ul>li:last-child {
    border-right: 0px
}

.modal__side.profile__side .inner__modal>.modal__box .double>.contact__info>ul>li a {
    font-weight: 400 !important
}

.modal__side.profile__side .inner__modal>.modal__box .double .contact__info .contact__group>.elem .tag__field .dropdown {
    left: 0px;
    width: 100%
}

header .close__btn .theme {
    display: inlione-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px
}

header .close__btn .theme>a {
    font-size: 17px;
    color: #000
}

header .close__btn .theme>a.active {
    color: #fff
}

.result__wrapper .information__wrapper>.box .content>.tag__field .dropdown {
    z-index: 3 !important
}

.pipeline__main .stages__list .stage__elem--list .content .element {
    border-radius: 10px
}

.modal__wrapper.new__source .modal__box .controls>a,
.modal__wrapper.new__source--attribute .modal__box .controls>a,
.modal__wrapper.new__event--attribute .modal__box .controls>a,
.modal__wrapper.new__event .modal__box .controls>a,
.modal__wrapper.member__id .modal__box .controls>a {
    margin-right: 10px
}

.modal__wrapper.new__source .modal__box .controls>a:last-child,
.modal__wrapper.new__source--attribute .modal__box .controls>a:last-child,
.modal__wrapper.new__event--attribute .modal__box .controls>a:last-child,
.modal__wrapper.new__event .modal__box .controls>a:last-child,
.modal__wrapper.member__id .modal__box .controls>a:last-child {
    margin-right: 0px
}

.modal__wrapper.new__source>.inner__modal>.modal__box>.top {
    padding: 0px
}

.templates__box--wrapper>.templates__switcher ul>li>a:before {
    bottom: -1px
}

.inbox .inbox__side {
    -webkit-transition: .6s ease all;
    transition: .6s ease all
}

.inbox__side .collapse>a {
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.inbox__side .collapse>a.opened {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.open__side--inbox {
    cursor: pointer;
    position: absolute;
    left: 0px;
    bottom: 40px;
    margin-bottom: 15px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    opacity: 0;
    pointer-events: none
}

.open__side--inbox.visible {
    opacity: 1;
    pointer-events: initial
}

.create__folder .modal__box .top {
    padding: 0px !important
}

@media (max-width: 1440px) {
    header .outer__header .header__left {
        max-width: 440px
    }
}

.expand__menu {
    display: none
}

.side__inner--menu::-webkit-scrollbar {
    width: 6px
}

.side__inner--menu::-webkit-scrollbar-thumb {
    border-radius: 250px;
    background-color: #1c45c2
}

@media (max-width: 1280px) {
    .open__side--inbox {
        opacity: 1;
        pointer-events: initial
    }

    .open__side--inbox.opened {
        opacity: 0;
        pointer-events: none
    }

    .jb-emoji {
        margin-left: 145px
    }

    .box__with--info.with__menu {
        width: 100%
    }

    .box__with--menu .side__inner--menu {
        position: fixed;
        left: 0px;
        height: calc(100% - 53px);
        top: 53px;
        -webkit-transition: .4s ease all;
        transition: .4s ease all;
        left: -220px;
        z-index: 3
    }

    .expand__right {
        opacity: 1;
        pointer-events: initial
    }

    .expand__settings,
    .expand__configure,
    .expand__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .expand__settings>a,
    .expand__configure>a,
    .expand__menu>a {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(180deg);
        transform: translateX(-50%) rotate(180deg);
        bottom: 42px;
        opacity: 1;
        pointer-events: initial;
        -webkit-transition: .3s ease all;
        transition: .3s ease all
    }

    .expand__settings>a.opened,
    .expand__configure>a.opened,
    .expand__menu>a.opened {
        -webkit-transform: translateX(-50%) rotate(0deg);
        transform: translateX(-50%) rotate(0deg)
    }

    body.opened .main__wrapper.inbox {
        padding-left: 56px
    }

    body.opened .main__wrapper.configure {
        padding-left: 56px
    }

    header .outer__header .header__left {
        max-width: 340px
    }

    body.opened header {
        /* width: calc(100% - 56px); */
        /* left: 56px */
    }

    body.opened .main__wrapper {
        padding-left: 80px
    }

    body.opened .main__wrapper.settings {
        padding-left: 56px
    }
}

@media (max-width: 991px) {
    .show__data>.dropdown__check {
        width: calc(100% - 95px)
    }

    .show__data {
        max-width: 100%
    }

    .show__data .dropdown__check {
        max-width: 100%
    }

    .show__data>p {
        min-width: 80px
    }

    .modal__side.lead__info .lead__info .box .grid>.elem {
        margin-right: 32px
    }

    .modal__wrapper.create__folder .inner__modal .modal__box {
        padding: 16px
    }

    .modal__wrapper .inner__modal .new__tag form .color__wrap {
        margin-top: 16px;
        padding-top: 16px
    }

    .modal__wrapper .inner__modal .new__tag .controls {
        padding: 16px
    }

    .modal__wrapper .inner__modal .new__tag form {
        padding: 20px 16px
    }

    .modal__wrapper .inner__modal .new__tag .title {
        padding: 16px
    }

    .error__float {
        max-width: 440px
    }

    .modal__wrapper.confirm__campaign .inner__modal .modal__box .top__part {
        padding: 16px;
        padding-bottom: 0px
    }

    .modal__wrapper.confirm__campaign .inner__modal .modal__box .desc {
        margin-bottom: 16px
    }

    .modal__wrapper.confirm__campaign .inner__modal .modal__box .controls {
        padding: 16px
    }

    .filter__btn .filter__dropdown {
        width: 400px
    }

    .events__attributes {
        margin-bottom: 25px;
        padding-bottom: 25px
    }

    header .outer__header .header__right .project__wrapper>a>p {
        display: none
    }

    header .outer__header .header__right .project__wrapper>a>span {
        margin-right: 0px
    }

    .regular__table .campaign__table--element>.top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .regular__table .campaign__table--element>.top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .regular__table .top .switcher {
        margin-left: auto;
        margin-top: 10px
    }

    .regular__table .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .regular__table .top>form {
        margin-right: auto
    }

    .regular__table .top>.btns {
        margin-top: 10px;
        margin-left: auto
    }
}

.filter__box .prev__btn {
    display: none
}

.jb-emoji .jb-emoji-search {
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.jb-emoji .jb-emoji-search:focus {
    border-color: #1C45C2
}

.emoji__picker>a svg path {
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.emoji__picker>a.active svg path {
    fill: #1C45C2
}

.emoji__picker>a:hover svg path {
    fill: #1C45C2
}

.modal__wrapper .remove__chat {
    max-width: 605px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background-color: #fff
}

.modal__wrapper .remove__chat .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px 24px
}

.modal__wrapper .remove__chat .controls .delete-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    margin-right: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    background-color: #E02424;
    text-decoration: none;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__wrapper .remove__chat .controls .delete-btn:hover {
    opacity: .7
}

.modal__wrapper .remove__chat .controls .cancel-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #0E1217;
    text-decoration: none;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.modal__wrapper .remove__chat .controls .cancel-btn:hover {
    opacity: .7
}

.modal__wrapper .remove__chat .top__area {
    padding: 24px;
    border-bottom: 1px solid #E5E7EB
}

.modal__wrapper .remove__chat .top__area .content>p {
    margin: 0px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #374151
}

.modal__wrapper .remove__chat .top__area .content>p span {
    font-weight: 600
}

.modal__wrapper .remove__chat .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal__wrapper .remove__chat .top>p {
    margin: 0px;
    font-size: 18px;
    line-height: 140%;
    font-weight: 600;
    color: #0E1217
}

.modal__wrapper .remove__chat .top>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    .inbox .inbox__side {
        margin-left: -15px
    }

    .modal__side.ongoing .regular__box .top>h6 {
        font-size: 21px;
        margin-bottom: 15px
    }

    .modal__side.ongoing .regular__box .top .field .inner__field .hours>.group__input {
        max-width: 100%
    }

    .modal__wrapper .modal__box>.top {
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 15px
    }

    .modal__wrapper .modal__box .manage__box {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px
    }

    .modal__wrapper .modal__box .controls {
        padding: 15px
    }

    .modal__wrapper .remove__chat .top__area {
        padding: 16px
    }

    .modal__wrapper .remove__chat .controls {
        padding: 16px
    }

    .jb-emoji {
        height: 200px;
        max-width: 230px;
        margin-left: 95px
    }

    .jb-emoji .jb-emoji-grid {
        grid-template-columns: repeat(6, 1fr)
    }

    .filter__box .prev__btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 30px;
        max-width: 30px;
        min-height: 30px;
        max-height: 30px;
        margin-bottom: 10px
    }

    .modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .top>h6 {
        font-size: 20px;
        line-height: 25px
    }

    .modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box.value {
        padding-top: 0px
    }

    .modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid {
        grid-template-columns: 1fr
    }

    .modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box {
        border-right: 0px;
        max-width: 100%;
        width: 100%;
        padding: 0px
    }

    .modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box:nth-child(2),
    .modal__side.add__filter--side>.inner__modal .modal__box .add__filter--main .filters__grid .filter__box:nth-child(3) {
        display: none
    }

    .embed__wrapper {
        margin-top: 15px;
        padding-top: 15px
    }

    .main__wrapper.settings {
        padding-left: 44px
    }

    .notification__box,
    .configure__wrapper>.grid>.elem {
        padding: 16px
    }

    .main__wrapper.inbox {
        padding-left: 44px;
        padding-top: 52px;
        padding-right: 0px
    }

    .main__wrapper.inbox {
        padding-left: 44px !important
    }

    body.opened .main__wrapper.configure {
        padding-left: 44px
    }

    .main__wrapper.configure {
        padding-left: 44px
    }

    .pagination__switcher {
        margin-left: auto;
        margin-right: auto
    }

    .pagination>p {
        text-align: center;
        width: 100%
    }

    .main__wrapper.campaign {
        padding-left: 44px
    }

    .main__wrapper.campaign {
        padding-right: 0px
    }

    .modal__side .inner__modal>.modal__box {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 20px;
        padding-top: 32px
    }

    .modal__side .inner__modal>.modal__box .close__btn {
        top: 12px;
        right: 12px
    }

    .table__wrapper table tr th {
        padding: 10px
    }

    .table__wrapper table tr td {
        padding: 15px 10px
    }

    .table__wrapper table {
        min-width: 940px
    }

    header {
        padding: 8px 12px
    }

    .main__wrapper {
        padding-top: 70px
    }

    header .outer__header .header__left {
        position: absolute;
        left: 0px;
        width: 100%;
        z-index: 3
    }

    header .outer__header .header__right {
        margin-left: auto
    }

    header .outer__header .header__left {
        max-width: calc(100% - 24px);
        left: 12px
    }

    .main__wrapper {
        padding-left: 68px
    }

    .main__wrapper {
        padding-right: 12px
    }

    .side__menu {
        width: 44px
    }

    .side__menu>.top>ul>li>a {
        min-width: 30px;
        padding-left: 7px;
        padding-right: 7px
    }

    .side__menu .bottom {
        right: 10px;
        bottom: 10px
    }

    .side__menu {
        padding-left: 5px;
        padding-right: 5px
    }

    header,
    body.opened header {
        width: calc(100% - 44px);
        left: 44px
    }

    body.opened .main__wrapper {
        padding-left: 56px
    }

    body.opened .main__wrapper.settings {
        padding-left: 44px
    }

    .side__menu>.top>ul>li>a {
        min-height: 32px
    }

    .main__wrapper {
        padding-left: 56px
    }

    header .outer__header .header__right .spacer {
        margin-left: 8px;
        margin-right: 8px
    }

    header .outer__header .header__right .controls>div {
        margin-right: 14px
    }

    header .outer__header .header__right .profile {
        margin-left: 14px
    }

    .pagination {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pagination>p {
        margin-bottom: 7px
    }

    header .outer__header .header__left {
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .4s ease all;
        transition: .4s ease all
    }

    .modal__wrapper.new__note .inner__modal>.modal__box .title>h6 {
        font-size: 17px
    }

    .modal__wrapper.new__note .inner__modal>.modal__box {
        padding: 16px
    }

    .modal__wrapper.member__id .inner__modal .modal__box,
    .modal__wrapper.new__source--attribute .inner__modal .modal__box,
    .modal__wrapper.new__event .inner__modal .modal__box,
    .modal__wrapper.new__event--attribute .inner__modal .modal__box,
    .modal__wrapper.new__source .modal__box {
        padding: 16px
    }

    .modal__wrapper.new__source .modal__box .controls,
    .modal__wrapper.new__source--attribute .modal__box .controls,
    .modal__wrapper.new__event--attribute .modal__box .controls,
    .modal__wrapper.new__event .modal__box .controls,
    .modal__wrapper.member__id .modal__box .controls {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 15px;
        margin-bottom: -16px
    }

    .breadcrumbs {
        padding: 12px 16px
    }
}

body,
html {
    overflow-x: auto;
}

@media (max-width: 640px) {
    .box__info>.title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .box__info>.title>p {
        width: 100%;
        margin-bottom: 10px
    }

    .box__info>.title>p:last-child {
        margin-bottom: 0px
    }

    .box__info>.title>a {
        width: 100%
    }

    .modal__wrapper.new__source--attribute .double,
    .modal__wrapper.new__event--attribute .double {
        grid-template-columns: 1fr;
        grid-row-gap: 16px
    }

    .error__float {
        max-width: 240px
    }

    .error__float .inner .left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .error__float .inner .left>span {
        margin-bottom: 7px
    }

    .error__float .inner .right {
        position: absolute;
        top: 10px;
        right: 10px
    }
}

@media (max-width: 540px) {
    .new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem>.group__input:nth-child(1),
    .new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem>.group__input:nth-child(3),
    .new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem>.group__dropdown {
        min-width: 0px;
        max-width: 100%;
        width: 100%
    }

    .new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem>.spacer {
        min-height: 15px;
        min-width: 1px;
        width: 1px
    }

    .new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem {
        position: relative
    }

    .new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem .remove__btn {
        position: absolute;
        bottom: 7px;
        right: 0px
    }

    .new__criteria.modal__side .regular__box .top .criteria__picker .list>.elem>.group__dropdown {
        width: calc(100% - 45px);
        margin-right: auto
    }
}

@media (max-width: 480px) {
    .new__criteria.modal__side .regular__box .bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .new__criteria.modal__side .regular__box .bottom>p {
        width: 100%;
        margin-bottom: 6px
    }

    .new__criteria.modal__side .regular__box .bottom .right {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 8px
    }

    .new__criteria.modal__side .regular__box .bottom .right>a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new__criteria.modal__side .regular__box .bottom .right>a {
        margin-right: 0px
    }

    .modal__side.ongoing .regular__box .top .field .inner__field {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal__side.ongoing .regular__box .top .field .inner__field .date {
        max-width: 100%;
        margin-right: 0px;
        margin-bottom: 10px
    }

    .modal__wrapper .modal__box .manage__box .manage__grid {
        grid-template-columns: 1fr
    }

    .show__data {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .show__data>p {
        margin-bottom: 5px;
        max-width: 100%;
        width: 100%;
        margin-right: 0px
    }

    .show__data .dropdown__check {
        width: 100%
    }

    .breadcrumbs.double .edit__layout .switch {
        margin-right: 15px
    }

    .breadcrumbs.double {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .breadcrumbs.double .edit__layout {
        margin-top: 10px
    }

    .breadcrumbs.double .edit__layout .add__report .dropdown {
        min-width: 0px;
        max-width: 100%;
        width: 100%
    }

    .breadcrumbs.double .edit__layout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .breadcrumbs.double .edit__layout .add__report {
        width: 100%;
        max-width: 100%;
        margin-top: 10px
    }

    .breadcrumbs.double .edit__layout .add__report>a {
        width: 100%
    }

    .modal__side.lead__info .lead__info .box .grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal__side.lead__info .lead__info .box .grid>.elem {
        margin-bottom: 10px;
        margin-right: 0px
    }

    .regular__upload .field>a {
        min-width: 90px;
        font-size: 13px
    }

    .upload__file--wrapper .file__list .elem__file {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .upload__file--wrapper .file__list .elem__file>.right .progress__box {
        width: 100%;
        margin-top: 10px
    }

    .upload__file--wrapper .file__list .elem__file>.left {
        margin-right: 0px
    }

    .upload__file--wrapper .file__list .elem__file>.right {
        margin-top: 0px
    }

    .upload__file--wrapper .file__list .elem__file>.right .progress__box {
        margin-top: 0px
    }

    .modal__wrapper.confirm__campaign .inner__modal .modal__box .controls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal__wrapper.confirm__campaign .inner__modal .modal__box .controls>a {
        width: 100%;
        margin-bottom: 10px
    }

    .modal__wrapper.confirm__campaign .inner__modal .modal__box .controls>a:last-child {
        margin-bottom: 0px
    }

    .filter__btn .filter__dropdown {
        padding: 10px;
        width: 270px
    }

    .custom__filter .group__custom>p {
        margin-bottom: 10px;
        font-size: 12px
    }

    .filter__btn .filter__dropdown>ul {
        margin-bottom: 14px
    }

    .filter__btn .filter__dropdown>ul li>a {
        font-size: 12px
    }

    .opened__task--main .btns {
        grid-template-columns: 1fr;
        grid-row-gap: 12px
    }

    .save-btn>a,
    .save-btn>button {
        width: 100%
    }

    .pagination .pagination__switcher ul>li>a {
        min-width: 26px;
        padding-left: 8px;
        padding-right: 8px
    }

    .pagination .pagination__switcher ul>li {
        min-width: 26px
    }

    .pagination {
        padding: 12px
    }

    .pagination .pagination__switcher ul>li>a {
        padding-left: 4px;
        padding-right: 4px;
        min-height: 26px;
        font-size: 12px !important
    }

    .upload__file {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .upload__file>a {
        width: 100%;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 8px
    }

    .upload__file>input[type="text"] {
        border-left: 1px solid #D1D5DB;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 8px
    }

    .regular__table>.top .switcher ul>li>a {
        padding-left: 7px;
        padding-right: 7px;
        min-height: 32px;
        font-size: 12px
    }

    .pagination__switcher ul li {
        min-height: 26px
    }

    header .settings__dropdown {
        min-width: 230px
    }

    .table__wrapper+.pagination {
        padding: 12px 16px !important
    }

    .pagination .pagination__switcher ul>li:nth-child(1)>a {
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    .pagination .pagination__switcher ul>li:last-child>a {
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    .regular__table>.top .switcher {
        width: 100%
    }

    .regular__table>.top .switcher ul {
        width: 100%
    }

    .regular__table>.top .switcher ul>li {
        width: 100%
    }

    .regular__table .top>.btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .regular__table .top>.btns>a {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .regular__table .top>.btns>a:last-child {
        margin-bottom: 0px
    }

    .regular__table .top form {
        max-width: 100%
    }
}

@media (max-width: 370px) {
    .filter__btn .filter__dropdown {
        right: -20px;
        width: 260px
    }
}

.gln-default-btn {
    margin: 0px;
    background-color: #fdfdfd;
    color: #1F2A37;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    min-height: 37px;
    cursor: pointer;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
}

.cursor-pointer {
    cursor: pointer;
}

/* ----- START: Page Sub-menu CSS ----- */
.gleantap_sub_menu {
    width: 100%;
    max-width: 220px;
    min-width: 220px;
    border-right: 1px solid #E5E7EB;
    background-color: #FFFFFF;
    padding: 24px;
}

.gleantap_sub_menu .gleantap_sub_menu_element {
    border-bottom: 1px solid #E5E7EB;
    padding-bottom: 20px;
    margin-bottom: 20px;
    /* position: fixed; */
}

.gleantap_sub_menu .gleantap_sub_menu_element>p {
    margin-top: 0px;
    margin-bottom: 12px;
    padding-left: 8px;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #6B7280;
}

.gleantap_sub_menu .gleantap_sub_menu_element ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
}

.gleantap_sub_menu .gleantap_sub_menu_element ul>li {
    margin-bottom: 4px;
}

.gleantap_sub_menu .gleantap_sub_menu_element ul>li>a.current {
    background-color: #F9FAFB;
}

.gleantap_sub_menu .gleantap_sub_menu_element ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 37px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #1F2A37;
    text-decoration: none;
    -webkit-transition: .3sease all;
    transition: .3sease all;
    padding: 8px;
}

.gleantap_sub_menu .gleantap_sub_menu_element ul>li>a span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px;
    min-width: 16px;
    max-width: 16px;
}

.gleantap_submenu_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 95vh;
}

.gleantap_submenu_wrapper .audience__wrapper,
.gleantap_submenu_wrapper .supression__wrapper,
.gleantap_submenu_wrapper .new__segment {
    padding: 40px 24px;
    width: 100%;
}

/* ----- END: Page Sub-menu CSS ----- */

/*.progress {
    height: 5px;
    background-color: #b1b1b1;
    border-radius: 10px;
    overflow: hidden;
}*/

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: .858rem;
    line-height: 15px;
    color: #fff;
    text-align: center;
    background-color: #3c68ec;
    transition: width .6s ease;
}

.gln_single_datepicker_container .drp-buttons {
    display: none !important;
}

/* ------ START: Segment Filter CSS ------ */
.gln_segment_filter_datepicker .drp-buttons {
    display: none !important;
}

.segment_filter_sub_list li a.current:after {
    opacity: 1;
    content: "";
    position: relative;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: url(../img/arrowright.svg) 50% 50% no-repeat;
    background-size: 100% 100%;
}

#segment-child-attribute-ul .listoptions {
    max-height: 800px;
    overflow-y: auto;
    max-width: 220px;
    overflow-x: auto;
    border-bottom: 1px solid #d9d9d9;
}

#segment-child-attribute-ul li {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

#segment-child-attribute-ul li input.input-text {
    width: 100%;
    height: 42px;
    border-radius: 8px;
    outline: none;
    border: 1px solid #D1D5DB;
    padding-left: 12px;
    padding-right: 12px;
}

#segment-child-attribute-ul a#saveCriteria {
    color: #fff;
    text-align: center;
    display: block;
    background-color: #1c45c2;
    width: 100%;
}

#segment-child-attribute-ul .listoptions li .fa-check {
    /* display: none; */
    visibility: hidden;
}

#segment-child-attribute-ul .listoptions li.checked .fa-check {
    /* display: inline-block !important; */
    visibility: visible;
}

.new-group-create-segmentation-row .segment_val .row.custom-row {
    display: flex;
    gap: 10px;
}

.new-group-create-segmentation-row {
    display: flex;
    align-items: center;
    margin: 0 0 0 -5px;
}

.new-group-create-segmentation-row input[type="text"],
.new-group-create-segmentation-row input.input-text {
    width: 100%;
    height: 42px;
    border-radius: 8px;
    outline: none;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    font-weight: bold;
    line-height: 150%;
    color: #111928;
    background-color: transparent;
}

.new-group-create-segmentation-row .segment_val input.segment_value,
.new-group-create-segmentation-row .segment_val input.value {
    font-weight: 400;
}

.new-group-create-segmentation-col>.row {
    display: flex;
    column-gap: 5px;
}

.new-group-create-segmentation-col:not(:last-child) {
    flex: 1 1 0;
    max-width: 350px;
    min-width: 150px;
    padding: 0 5px 10px;
}

.new-group-create-segmentation-col:first-child {
    padding-right: 25px;
    position: relative;
}

.new-group-create-segmentation-col:first-child:after {
    content: "";
    position: absolute;
    top: 22px;
    right: -5px;
    width: 30px;
    height: 1px;
    background: #eeeeee;
}

.new-group-create-segmentation-delete {
    padding: 7px;
    margin-left: 10px;
    border-radius: 3px;
    display: inline-block;
}

.new-group-create-segmentation-delete:hover {
    background-color: #f0525226;
}

.new-group-create-segmentation-delete-text {
    display: none;
}

.new-group-create-segmentation-delete-icon svg {
    display: block;
    margin: 0 auto;
}

.new-group-create-segmentation-delete-icon .svg-fill {
    fill: #f3535e;
}

.new-group-create-segmentation-row .segment_val .btn-group,
.gln_multiselect_wrapper .btn-group {
    width: 100%;
}

.select_export_column_names_div .multiselect.dropdown-toggle {
    text-align: center !important;
}

.new-group-create-segmentation-row .segment_val .btn-group .btn.multiselect,
.gln_multiselect_wrapper .btn-group .btn.multiselect {
    margin-top: 0 !important;
    width: 100%;
    text-align: left;
    display: block;
}

.new-group-create-segmentation-row .btn-group.open ul.dropdown-menu.multiselect-container,
.gln_multiselect_wrapper .btn-group.open ul.dropdown-menu.multiselect-container {
    display: block;
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
}

.new-group-create-segmentation-row .segment_val .btn-group .btn.multiselect:after,
.gln_multiselect_wrapper .btn-group .btn.multiselect:after {
    content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #999;
    margin-top: -3px;
}

.new-group-create-segmentation-row ul.multiselect-container.dropdown-menu,
.gln_multiselect_wrapper ul.multiselect-container.dropdown-menu {
    padding: 0 !important;
}

.new-group-create-segmentation-row ul.multiselect-container.dropdown-menu li,
.gln_multiselect_wrapper ul.multiselect-container.dropdown-menu li {
    list-style: none;
    padding: 0 10px;
    margin-bottom: 3px;
}

.new-group-create-segmentation-row ul.multiselect-container.dropdown-menu li.active,
.new-group-create-segmentation-row ul.multiselect-container.dropdown-menu li:hover,
.gln_multiselect_wrapper ul.multiselect-container.dropdown-menu li.active,
.gln_multiselect_wrapper ul.multiselect-container.dropdown-menu li:hover {
    background-color: #efefef;
}

.new-group-create-segmentation-row ul.multiselect-container.dropdown-menu li label,
.gln_multiselect_wrapper ul.multiselect-container.dropdown-menu li label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 8px 4px;
    margin: 1px 0;
    cursor: pointer;
}

.new-group-create-segmentation-row ul.multiselect-container.dropdown-menu li.multiselect-group label,
.gln_multiselect_wrapper ul.multiselect-container.dropdown-menu li.multiselect-group label {
    font-weight: bold;
    cursor: default;
}

.new-group-create-segmentation-row button.multiselect.dropdown-toggle,
.gln_multiselect_wrapper button.multiselect.dropdown-toggle {
    overflow: hidden;
    text-overflow: ellipsis;
}

.gln_multiselect_wrapper ul.multiselect-container.dropdown-menu a {
    font-size: inherit !important;
    padding: 0 !important;
    line-height: initial !important;
}

#modal_move_segment_folder ul.segments_folder_list {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
}

#modal_move_segment_folder ul.segments_folder_list>li {
    margin-bottom: 4px;
}

#modal_move_segment_folder ul.segments_folder_list>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
    padding: 4px 12px !important;
    border-radius: 8px;
    font-size: 14px;
    line-height: 150%;
    color: #5d5d5d;
    font-weight: 500;
    -webkit-transition: .3sease all;
    transition: .3sease all;
}

#modal_move_segment_folder ul.segments_folder_list>li>a.folder-active {
    background-color: #F9FAFB;
    /* background-color: var(--color-dark-bg-hover); */
    /* color: #fff !important; */
}

/* ------ END: Segment Filter CSS ------ */

/* ------ START: User Profile Slider CSS ------ */
.show_lead_profile {
    cursor: pointer;
}

.profile-loading-div {
    /* position: relative; */
    position: absolute;
    height: 100%;
    background: #fff;
    top: 0;
    border: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.profile-loading-div>h4 {
    position: absolute;
    top: 50%;
    left: 50%;
}

#gln_user_profile_popup .profile-header-short-name {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: #ecf0fe;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    color: #3c68ec;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-header-mail a {
    color: #1C45C2;
}

.profile-header-phone a {
    color: #54ABB9;
}

#profile table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #eee;
}

#profile table th,
#profile table td {
    text-align: left;
    padding: 10px;
    /* border: 1px solid #e4eaec; */
}

#profile .row__table tr {
    border-bottom: 1px solid #eee;
}

#gln_user_profile_popup .edit-other-data {
    word-break: break-all;
}

#gln_user_profile_popup .table tr td:nth-child(1) {
    /* display: -webkit-inline-box; */
    /* display: -ms-inline-flexbox; */
    /* display: inline-flex; */
    /* min-width: 175px; */
    max-width: 175px;
    margin-right: 20px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    color: #111928;
}

#gln_user_profile_popup .profile-activities-body {
    .table tr td:nth-child(1) {
        min-width: 175px;
        line-break: anywhere;
    }
}

#gln_user_profile_popup .table tr td:nth-child(1) strong,
#gln_user_profile_popup .table tr td:nth-child(1) b {
    font-weight: 500 !important;
}

#gln_user_profile_popup .table tr td:nth-child(2) {
    margin: 0px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: #111928;
    /* display: inline-flex; */
}

#gln_user_profile_popup .table tr td:nth-child(2) a {
    color: #1C45C2;
}

#gln_user_profile_popup .row__table.append_new_attribute {
    display: flex;
    margin-top: 10px;
}

#gln_user_profile_popup .append_new_attribute .new_key_value {
    max-width: 240px;
}

#gln_user_profile_popup .list__segments .el {
    display: inline-flex;
}

#gln_user_profile_popup .list__segments .el a {
    margin: 4px;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #111928;
    border-radius: 6px;
    background-color: #E5E7EB;
}

.user_profile_tab_link {
    cursor: pointer;
}

.gln_select2_tags li.select2-selection__choice {
    background-color: #E9ECFB !important;
    font-size: 12px;
    line-height: 150%;
    font-weight: 500;
    color: #1C45C2;
    border: none !important;
    padding: 2px 10px !important;
}

.gln_select2_tags .select2-selection__choice__remove {
    color: #1C45C2 !important;
}

.gln_select2_tags .field {
    overflow: hidden !important;
    min-height: 44px !important;
    display: flex;
    align-items: center;
}

.gln_select2_tags span.select2-selection {
    border: none !important;
}

.gln_select2_tags .tag__field .field>span {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    padding: 0 !important;
}

.user_profile_membership_div .table th {
    white-space: normal !important;
    color: #272f3c !important;
    font-size: 13px;
    font-style: italic;
}

.user_profile_membership_div .table td {
    font-size: 13px;
    word-break: break-word;
}

.no-appointment-found .profile-notes-item-text,
.user_profile_membership_div .profile-info-title {
    font-weight: bold;
    font-size: 12px;
    line-height: 1.334;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #b7babf;
    margin-bottom: 11px;
}

body.classic-view #gln_user_profile_popup .inner__modal {
    /* height: 100vh;
    height: -webkit-fill-available; */
}

body:not(.classic-view) #gln_user_profile_popup .inner__modal {
    height: initial;
}

#gln_user_profile_popup {
    #gln_edit_profile_div {
        min-width: 604px;
    }

    .edit_personal_info {
        margin-left: 5px;
        font-size: 12px;
        color: gray;
        /* display: none; */
    }

    .update_per_info_single_field {
        min-height: 32px !important;
        color: #fff !important;
    }

    .cancel_editing_per_info {
        min-height: 32px !important;
    }

    .edit-other-data {
        .text-input {
            height: 32px;
            border-radius: 8px;
            border: 1px solid #D1D5DB;
            padding-left: 12px;
            padding-right: 12px;
            color: #000;
            width: 170px;
        }
    }
}

.user_profile_tab_overview_div {
    padding-bottom: 50px;

    .profile-activities-header {
        display: flex;
        gap: 10px;
        justify-content: flex-end;
        margin-bottom: 15px;
        align-items: center;
    }

    button.multiselect.dropdown-toggle {
        min-width: 240px;
    }
}

.user_profile_activity_div,
.user_profile_task_div,
.user_profile_appointment_div {
    .profile-activities-item-description {
        font-family: "Inter";
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        color: #9a9fa7;
    }

    .profile-activities-item {
        border-bottom: 1px solid #e3e3e4;
        padding: 13px 9px 17px;
        margin-bottom: 15px;
    }

    .gln_multiselect_wrapper {
        width: 200px;
    }

    .profile-activities-header {
        display: flex;
        gap: 10px;
        justify-content: flex-end;
        margin-bottom: 25px;
        align-items: center;
    }

    .profile-activities-item-icon {
        float: left;
        padding: 5px 12px 5px 9px;
    }

    .profile-activities-item-icon img {
        width: 30px;
    }

    .profile-activities-item-header {
        display: flex;
        padding-bottom: 6px;
    }

    .profile-activities-item-type {
        font-family: "Inter";
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 13px;
        color: #9a9fa7;
        padding-left: 0px;
        padding-right: 10px;
    }

    .profile-activities-item-time {
        margin-left: auto;
        font-family: "Inter";
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 13px;
        /* color: #444444; */
        color: #9a9fa7;
    }

    .show_more_activity_details,
    .profile-activities-item-description {
        cursor: pointer;
        font-size: 12px;
        color: #3e8ef7;
    }

    .profile-activities-item-title {
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: -0.02em;
        display: block;
    }
}

.note-modal-backdrop {
    z-index: 0 !important;
}

.user_profile_note_div {
    .note-editor.note-frame .note-editing-area .note-editable {
        padding: 10px !important;

        p {
            margin: 0;
        }
    }

    .note-modal-content {
        min-height: 280px;
    }

    .form-group.note-group-image-url {
        display: none;
    }

    .note-modal-footer {
        display: none;
    }

    .profile-notes-add {
        border-bottom: 1px solid #f5f5f5;
    }

    .edit_note_action_btns {
        display: flex;
        gap: 15px;
        justify-content: flex-end;
    }

    div.note-modal.open {
        z-index: 999999 !important;
    }

    .profile-notes-item-name {
        flex-grow: 1;
        font-size: 12px;
        line-height: 1.43;
        color: #76838f;
    }

    .profile-notes-item-date {
        text-align: right;
        padding-left: 10px;
        font-size: 12px;
        line-height: 1.334;
        color: rgba(17, 17, 17, 0.4);
        letter-spacing: -0.02em;
    }

    .profile-notes-item-text {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        color: #111928;
        overflow: auto;
    }

    a.edit_notes {
        font-size: 13px;
        color: #6c757d;
    }

    a.delete_usernote_slideout {
        color: #e02424;
        font-size: 13px;
    }
}

.user_profile_task_div,
.user_profile_appointment_div {
    .profile-notes-wrapper {
        display: flex;
        flex-direction: column;
        padding: 4px 20px 20px;
    }

    .profile-notes-content {
        flex: 1 0 auto;
        max-width: 100%;
    }

    .appointment-view-toggle {
        cursor: pointer;
    }

    .profile-activities-item-bottom {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-top: 6px;
    }

    .profile-activities-item-sep {
        display: block;
        height: 2px;
        width: 2px;
        border-radius: 50%;
        background-color: #c4c4c4;
        margin: 0 6px;
    }

    .profile-activities-item-description.blue {
        color: var(--color-primary-blue);
        font-weight: 500;
    }

    .task-view-toggle {
        cursor: pointer;
    }
}

.gln_user_profile_menu {
    min-width: 160px !important;
}

#modal_add_to_segment_display {
    .modal__box {
        max-width: 600px !important;
    }

    #add_segment_display_items {
        height: 500px;
        overflow-y: auto;

        label {
            font-size: 14px;
            line-height: 150%;
            color: #5d5d5d;
            font-weight: 500;
            cursor: pointer;
        }
    }
}

#modal_merge_leads {
    .modal__box {
        min-width: 500px;
        max-width: 550px;
    }

    .lead-item-card {
        padding: 20px 20px;
        display: flex;
        align-items: center;
        border: 1px solid #e3e3e4;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .pipeline-column-item-avatar-empty {
        height: 40px;
        width: 40px;
        margin-top: 5px;
        border-radius: 50%;
        background-color: #ecf0fe;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        color: #3c68ec;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 8px;
    }

    .lead-item-card-text {
        padding-right: 10px;
    }

    .lead-item-card-name {
        font-style: normal;
        font-weight: normal;
        font-family: "Inter";
        font-size: 14px;
        line-height: 16px;
        color: #111;
    }

    .lead-item-card-value {
        font-style: normal;
        font-weight: normal;
        font-family: "Inter";
        font-size: 12px;
        line-height: 14px;
        color: #9a9fa7;
        padding-top: 4px;
    }

    .lead-item-card-value {
        font-style: normal;
        font-weight: normal;
        font-family: "Inter";
        font-size: 12px;
        line-height: 14px;
        color: #9a9fa7;
        padding-top: 4px;
    }

    .lead-item-card-value {
        font-style: normal;
        font-weight: normal;
        font-family: "Inter";
        font-size: 12px;
        line-height: 14px;
        color: #9a9fa7;
        padding-top: 4px;
    }

    .merge-leads-form-search {
        padding-top: 20px;
        margin-bottom: 15px;
    }

    .lead-search-title {
        display: block;
    }

    .checklist-title {
        font-weight: 800;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        color: #9a9fa7;
    }

    .text-input {
        border: 1px solid #e4eaec;
        background-color: #ffffff;
        border-radius: 5px;
        padding-left: 47px;
        padding-right: 13px;
        display: inline-block;
        height: 48px;
        font-family: "Inter";
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        margin-bottom: 12px !important;
        margin-top: 8px;
    }

    .lead-search-input {
        width: 100%;
    }

    .leads-header-input {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M12.5 11.5l3.2 3.2-1 1-3.2-3.2a6.8 6.8 0 111-1zm-1.5-.6A5.2 5.2 0 007.2 2a5.2 5.2 0 103.7 9h.1z' fill='%239C9C9C'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: 18px 50%;
        width: 100%;
        margin-right: 16px;
    }

    .lead-search-result {
        background-color: #ffffff;
        border-radius: 10px;
        width: 100%;
        display: none;
        max-height: 400px;
        overflow-y: auto;
        margin: 15px 0;
        padding: 0 5px;
    }

    .lead-search-result .lead-item-card {
        /* margin-top: -1px; */
        /* border-radius: 0; */
        cursor: pointer;
        padding: 15px;
        display: flex;
        align-items: center;
        border: 1px solid #e3e3e4;
        box-sizing: border-box;
        /* border-radius: 10px; */
        margin: 10px 0;
    }

    .lead-search-result .lead-item-card:hover {
        background-color: rgba(236, 240, 254, 0.5);
    }

    .merge-leads-submit:disabled {
        background-color: #e3e3e4;
        color: #757b86;
    }
}

#modal_entry_flow_display {
    .modal__box .top {
        margin-bottom: 0px !important;
    }

    #entry_enrolled_flow_display_items,
    #entry_enrolled_flow_display_completed_items {
        font-size: 13px;

        p {
            font-size: 13px;
        }
    }

    .modal__box {
        min-width: 600px !important;
        max-width: 600px;
    }

    .entry-flow-button {
        margin-top: 0px !important;
    }

    #entry_flow_display_items,
    #entry_enrolled_flow_display_items,
    #entry_enrolled_flow_display_completed_items {
        min-height: 180px;
        max-height: 240px;
        width: 100%;
        overflow-y: auto;
        padding-right: 2px;
    }

    .bullet-div,
    #entry_flow_display_items {
        a {
            color: var(--color-primary-blue);
            font-size: 14px;
        }
    }

    #entry_flow_display_items {
        margin-bottom: 10px;
    }

    /* .bullet-div::before {
        content: '-';
        font-size: 14px;
        line-height: 1;
        margin-right: 2px;
        color: var(--color-primary-blue);
    } */

    .remove-from-flow svg {
        height: 13px;
        width: 13px;
    }
}

.gln_email_sms_supression_info {
    #email_optin_icon>button {
        cursor: pointer;
    }

    #sms_optin_icon>button {
        cursor: pointer;
    }

    .el {
        position: relative;
        background-color: transparent !important;
    }

    .dropdown-menu .change_sms_optin_flyout,
    .dropdown-menu span.dropdown-item,
    .dropdown-menu .change_email_optin_flyout {
        display: inline-block;
        margin: 3px 9px;
    }
}

/* ------ END: User Profile Slider CSS ------ */

/* ------ START: Common modals CSS ------ */
#view-task-on-page,
#appointment__table__info {
    z-index: 101 !important;
}

#add-task-on-page,
#add-appointment-on-page {
    z-index: 101 !important;
}

#recursion-on-task-page {
    z-index: 102 !important;
}

.gln-order-list-input-div {
    min-width: 170px;
}


/* ------ END: Common modals CSS ------ */

/* ------ START: Gleantap Notes View ------ */
.gln_action_buttons {
    position: relative;
}

.gln_view_notes_div {
    position: absolute;
    background: #fff;
    border: 1px solid #ded9d9;
    max-height: 350px;
    overflow-y: auto;
    z-index: 5;
    /* top: 55px; */
    border-radius: 10px;
    padding: 5px;
    width: 250px;
    box-shadow: 2px 2px 4px #e3e2e2;
    right: 50px;

    .notes-list-item {
        text-align: initial !important;
    }

    .notes-list .notes-list-input {
        width: 100%;
    }
}

#gln_view_profile_div::-webkit-scrollbar-thumb,
.gln_user_profile_child_tab_nav::-webkit-scrollbar-thumb,
.gln_view_notes_div::-webkit-scrollbar-thumb {
    border-radius: 250px;
    background-color: #1c45c2;
}

#gln_view_profile_div::-webkit-scrollbar,
.gln_user_profile_child_tab_nav::-webkit-scrollbar,
.gln_view_notes_div::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

#gln_view_profile_div::-webkit-scrollbar-track,
.gln_user_profile_child_tab_nav::-webkit-scrollbar-track,
.gln_view_notes_div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px 1c45c2;
    border-radius: 10px;
}

#gln_view_profile_div::-webkit-scrollbar-thumb:hover,
.gln_user_profile_child_tab_nav::-webkit-scrollbar-thumb:hover,
.gln_view_notes_div::-webkit-scrollbar-thumb:hover {
    background: #1c45c2;
}

/* ------ END: Gleantap Notes View ------ */


.gleantap_table {
    position: relative;
    min-height: 600px;

    #gleantap_table_data_loader,
    div.gleantap_table_data_loader {
        /* height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px; */

        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #ffffffc2;

        .loading_text {
            color: #464646;
            font-size: 18px;
            font-style: italic;
        }
    }
}

.gleantap_table table tbody tr td:last-child {
    position: relative;
}


table .btns>a {
    color: #6b7280;
    text-decoration: none;
}


/* ------ START: common function to show and hide password input ------ */
.gln-password-container {
    position: relative;
}

.gln-password-container input[type="password"] {
    padding-right: 35px;
}

.gln-password-container i.gln_show_password_link {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #ccc;
}

/* ------ END: common function to show and hide password input ------ */

.bg_white {
    background-color: #ffffff !important;
}

.badge-default {
    background-color: #efefef;
    font-size: 13px;
    padding: 5px 10px;
}

.badge {
    display: inline-block;
    padding: .25em .6em;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .215rem;
    margin: 1px;
}

.gln_popover {
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    margin: 0;
    cursor: pointer;
}

.gln_popover-badge {
    border-radius: .25rem;
}

.bottom a svg path {
    fill: #ffffff;
}

/* ------ START: Custom Popover CSS ------ */
.gln-popover {
    position: absolute;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    /* padding: 10px; */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    display: none;
    max-width: 300px;
    width: 250px;
}

.gln-popover-arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    /* background: white; */
    transform: rotate(45deg);
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.gln-popover-title {
    font-weight: bold;
    background: #e5e4e4;
    padding: 10px;
    font-size: 14px;
}

.gln-popover-content {
    font-size: 12px;
    padding: 10px;
    color: #686868;
}

/* ------ END: Custom Popover CSS ------ */

/* ------ START: Top Header Collapse Arrow Icon --------- */
.outer__header .header__left {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
}

.outer__header .header__left>a {
    flex-shrink: 0;
}

.outer__header .header__left .search__wrapper {
    flex: 1;
}

/* ------ END: Top Header Collapse Arrow Icon --------- */

/* ------ START: Task modals CSS ------ */
.recur-week-container {
    display: flex;
    justify-content: space-around;

    .week-circle {
        width: 30px;
        line-height: 30px;
        border-radius: 50%;
        text-align: center;
        font-size: 13px;
        margin: 5px;
        cursor: pointer;
    }

    .week-circle.selected_week_name {
        background-color: #4285f4;
        color: white;
    }
}

.recur-month-container {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    justify-content: space-between;

    .input_radio {
        margin-right: 10px;
    }

    .week_day {
        width: 98%;
    }

    .week_name,
    .week_type {
        width: 96%;
    }
}


.side__menu .top ul li.disabled-feature {
    opacity: 0.8;
}

.side__menu .top ul li.disabled-feature a {
    color: #9ca3af;
}

.side__menu .top ul li.disabled-feature svg path {
    fill: #9ca3af;
}

/* ------ END: Task modals CSS ------ */

/* ------ START: Integrations Active/Inactive button CSS ------ */
.integration button[data-status="active"] {
    background-color: #28a745 !important;
}

/* ------ END: Integrations Active/Inactive button CSS ------ */