@charset "UTF-8";
body, html {
  margin: 0px;
  padding: 0px;
  position: relative;
}

body * {
  font-family: "Inter" ,sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: "SFProRounded";
  src: url("../fonts/SfProRounded.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Sohne";
  src: url("../fonts/TestSöhne-Buch.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Sohne";
  src: url("../fonts/TestSöhne-Kräftig.otf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SFProRounded";
  src: url("../fonts/SF-Pro-Rounded-Semibold.otf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SFProRounded";
  src: url("../fonts/SF-Pro-Rounded-Medium.otf");
  font-weight: 500;
  font-style: normal;
}
.semibold {
  font-weight: 600 !important;
}

.regular {
  font-weight: 400 !important;
}

.medium {
  font-weight: 500 !important;
}

.secondary__font {
  font-family: 'SFProRounded' ,sans-serif;
}

.sign__box {
  width: 100%;
  min-height: 100vh;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.sign__box > .sign__desc {
  width: 540px;
  height: 100%;
  background: #090B0C;
  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: 24px;
  padding-right: 24px;
  padding-bottom: 35px;
  padding-top: 35px;
  position: fixed;
  top: 0px;
  padding-top: 90px;
}
.sign__box > .sign__desc > .sign__slider {
  width: 100%;
  text-align: center;
}
.sign__box > .sign__desc > .sign__slider .slick-dots {
  margin-top: 50px;
  position: static;
  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;
}
.sign__box > .sign__desc > .sign__slider .slick-dots > li {
  width: auto;
  height: auto;
  margin: 0px;
  margin-right: 12px;
}
.sign__box > .sign__desc > .sign__slider .slick-dots > li.slick-active > button {
  width: 12px;
  height: 12px;
  background-color: #FEFEFF;
}
.sign__box > .sign__desc > .sign__slider .slick-dots > li > button {
  margin: 0px;
  background-color: #8B8D8F;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  border-radius: 250px;
  width: 6px;
  height: 6px;
}
.sign__box > .sign__desc > .sign__slider .slick-dots > li > button:before {
  content: none;
}
.sign__box > .sign__desc > .sign__slider .slick-dots > li:last-child {
  margin-right: 0px;
}
.sign__box > .sign__desc > .sign__slider .slick-slide {
  margin: 0 20px;
}
.sign__box > .sign__desc > .sign__slider .slick-list {
  margin: 0 -20px;
}
.sign__box > .sign__desc > .sign__slider .elem__slide .desc__ {
  text-align: center;
  margin-top: 85px;
}
.sign__box > .sign__desc > .sign__slider .elem__slide .desc__ > h6 {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 28px;
  color: #FFFFFF;
  font-weight: 600;
}
.sign__box > .sign__desc > .sign__slider .elem__slide .desc__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  font-weight: 400;
}
.sign__box > .sign__desc > .sign__slider .elem__slide > .media {
  max-width: 410px;
  margin-left: auto;
  margin-right: auto;
  background: #0D1013;
  border-radius: 8px;
  padding: 20px 20px;
}
.sign__box > .sign__desc > .sign__slider .elem__slide > .media > img {
  width: 100%;
}
.sign__box > .sign__main {
  padding-top: 40px;
  padding-bottom: 40px;
  height: 100%;
  width: calc(100% - 540px);
  position: relative;
  margin-left: auto;
}
.sign__box > .sign__main .another__ {
  margin-top: 35px;
}
.sign__box > .sign__main .another__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 20px;
  color: #090B0C;
}
.sign__box > .sign__main .another__ > p a {
  color: #002FA7;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  text-decoration: none;
  font-weight: 500;
}
.sign__box > .sign__main .another__ > p a:hover {
  color: #1D4B69;
}
.sign__box > .sign__main .box__ {
  padding-top: 70px;
  padding-bottom: 70px;
  border: 1px solid #F5F5F5;
  border-radius: 8px;
  width: 100%;
  position: relative;
  max-width: 610px;
}
.sign__box > .sign__main .box__.centered {
  margin-top: auto;
  margin-bottom: auto;
}
.sign__box > .sign__main .box__ .verification {
  max-width: 345px;
  margin-left: auto;
  margin-right: auto;
}
.sign__box > .sign__main .box__ .verification > .inner__verification {
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .resend {
  margin-top: 24px;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .resend > span {
  display: none;
  font-size: 14px;
  line-height: 19px;
  color: #090B0C;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .resend > span span {
  font-weight: 600;
  color: #999DA5;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .resend > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #090B0C;
  font-weight: 400;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .resend > p a {
  color: #002FA7;
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .resend > p a:hover {
  color: #1D4B69;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .group__submit {
  width: 100%;
  margin-top: 32px;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .code {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 4px;
  margin-top: 24px;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .code > .group__input {
  margin-top: 0px;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .code > .group__input input {
  text-align: center;
  font-size: 14px;
  height: 56px;
  line-height: 19px;
  font-weight: 600;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .head__ {
  text-align: center;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .head__ > h6 {
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 32px;
  line-height: 44px;
  color: #090B0C;
  font-weight: 600;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .head__ > a {
  font-size: 14px;
  line-height: 19px;
  color: #002FA7;
  text-decoration: none;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .head__ > a:hover {
  color: #1D4B69;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .head__ > p {
  text-align: center;
  font-size: 14px;
  line-height: 19px;
  margin: 0px;
  margin-bottom: 4px;
  color: #666871;
}
.sign__box > .sign__main .box__ .verification > .inner__verification .head__ > p span {
  color: #393942;
}
.sign__box > .sign__main .box__ .verification > .inner__verification > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 24px;
  -webkit-box-shadow: 0px 60px 72px -48px rgba(188, 194, 197, 0.12);
  box-shadow: 0px 60px 72px -48px rgba(188, 194, 197, 0.12);
  border-radius: 8px;
}
.sign__box > .sign__main .box__ .inner__box {
  max-width: 345px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.sign__box > .sign__main .box__ .inner__box.forgot__pass {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sign__box > .sign__main .box__ .inner__box.forgot__pass > .head__ {
  margin-bottom: 0px;
}
.sign__box > .sign__main .box__ .inner__box.forgot__pass > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 15px;
  -webkit-box-shadow: 0px 60px 72px -48px rgba(188, 194, 197, 0.12);
  box-shadow: 0px 60px 72px -48px rgba(188, 194, 197, 0.12);
  border-radius: 8px;
}
.sign__box > .sign__main .box__ .inner__box .back__button {
  position: absolute;
  top: 32px;
  left: 32px;
  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: 48px;
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.sign__box > .sign__main .box__ .inner__box .back__button:hover {
  background: #EBEBEB;
  border: 1px solid #E8E9ED;
}
.sign__box > .sign__main .box__ .inner__box .back__button:active {
  background: #F5F5F5;
  border: 1px solid #E8E9ED;
}
.sign__box > .sign__main .box__ .inner__box .fields__ {
  margin-top: 24px;
  margin-bottom: 24px;
}
.sign__box > .sign__main .box__ .inner__box .fields__.smaller__gap > .group__input {
  margin-top: 12px;
}
.sign__box > .sign__main .box__ .inner__box .fields__ > .country__info {
  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;
}
.sign__box > .sign__main .box__ .inner__box .fields__ > .country__info > .group__input {
  margin-top: 0px;
}
.sign__box > .sign__main .box__ .inner__box .fields__ > .country__info > .group__input:nth-child(1) {
  width: 34%;
  margin-right: 12px;
}
.sign__box > .sign__main .box__ .inner__box .fields__ > .country__info > .group__input:nth-child(2) {
  width: calc(66% - 12px);
}
.sign__box > .sign__main .box__ .inner__box .fields__ > .double__group {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 12px;
  margin-bottom: 12px;
}
.sign__box > .sign__main .box__ .inner__box .fields__ > .double__group:nth-child(1) {
  margin-top: 0px;
}
.sign__box > .sign__main .box__ .inner__box .fields__ > .double__group > .group__input {
  margin-top: 0px;
}
.sign__box > .sign__main .box__ .inner__box .fields__:last-child {
  margin-bottom: 0px;
}
.sign__box > .sign__main .box__ .inner__box .fields__ .group__submit {
  margin-top: 24px;
}
.sign__box > .sign__main .box__ .inner__box .or__wrapper {
  margin-top: 24px;
}
.sign__box > .sign__main .box__ .inner__box .or__wrapper > ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sign__box > .sign__main .box__ .inner__box .or__wrapper > ul > li {
  margin-right: 12px;
}
.sign__box > .sign__main .box__ .inner__box .or__wrapper > ul > li > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 56px;
  max-width: 56px;
  min-height: 56px;
  max-height: 56px;
  border-radius: 250px;
  background: #F5F5F5;
  border-radius: 4px;
  -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;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.sign__box > .sign__main .box__ .inner__box .or__wrapper > ul > li > a:hover {
  background: #EBEBEB;
}
.sign__box > .sign__main .box__ .inner__box .or__wrapper > ul > li:last-child {
  margin-right: 0px;
}
.sign__box > .sign__main .box__ .inner__box .or__wrapper .head__or-- {
  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: 16px;
}
.sign__box > .sign__main .box__ .inner__box .or__wrapper .head__or-- > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 1px;
  background-color: #E8E9ED;
}
.sign__box > .sign__main .box__ .inner__box .or__wrapper .head__or-- > p {
  white-space: nowrap;
  margin: 0px;
  margin: 0px 10px;
  color: #090B0C;
  font-size: 12px;
  line-height: 20px;
}
.sign__box > .sign__main .box__ .inner__box .head__ {
  text-align: center;
  margin-bottom: 24px;
}
.sign__box > .sign__main .box__ .inner__box .head__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #686B6D;
  font-weight: 400;
}
.sign__box > .sign__main .box__ .inner__box .head__ > h2 {
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 32px;
  line-height: 44px;
  color: #090B0C;
  font-weight: 600;
}
.sign__box > .sign__main > .spacer__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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: calc(100vh - 80px);
  height: auto;
  width: 100%;
  position: relative;
}
.sign__box > .sign__main > .spacer__box .need__help {
  position: absolute;
  bottom: 0px;
}
.sign__box > .sign__main > .spacer__box .need__help > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #090B0C;
}
.sign__box > .sign__main > .spacer__box .need__help > p a {
  text-decoration: none;
  color: #090B0C;
  font-weight: 600;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.sign__box > .sign__main > .spacer__box .need__help > p a:hover {
  color: #1D4B69;
}
.sign__box > .sign__main > .spacer__box.without__logo {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sign__box > .sign__main > .spacer__box.without__logo .sign__logo {
  display: none;
}
.sign__box > .sign__main > .spacer__box.without__logo .another__ {
  display: none;
}
.sign__box > .sign__main > .spacer__box .sign__logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  margin-bottom: 35px;
}
.sign__box > .sign__main > .spacer__box .sign__logo:hover {
  opacity: .7;
}

.regular-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  width: 100%;
  height: 48px;
  background: #002FA7;
  border-radius: 8px;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  font-family: "Sohne" ,sans-serif;
  cursor: pointer;
  font-weight: 500;
  border: 0px;
  outline: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.regular-btn > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 4px;
}
.regular-btn.default {
  font-family: "Sohne" ,sans-serif;
}
.regular-btn.disabled {
  background-color: #AEB5CB;
  pointer-events: none;
}
.regular-btn:hover {
  background-color: #005DDF;
}
.regular-btn:active {
  background-color: #004BB6;
}

.group__input {
  margin-top: 24px;
  position: relative;
}
.group__input.success > input {
  padding-right: 45px;
}
.group__input.success:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../img/success.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  right: 16px;
  bottom: 12px;
}
.group__input.error {
  position: relative;
}
.group__input.error.password__field:before {
  content: none;
}
.group__input.error



put {
  border-color: #CA0000;
  color: #CA0000;
  padding-right: 45px;
}
.group__input.error > input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #CA0000;
}
.group__input.error > input::-moz-placeholder {
  /* Firefox 19+ */
  color: #CA0000;
}
.group__input.error > input:-ms-input-placeholder {
  /* IE 10+ */
  color: #CA0000;
}
.group__input.error > input:-moz-placeholder {
  /* Firefox 18- */
  color: #CA0000;
}
.group__input.error:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../img/erroricon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  right: 16px;
  bottom: 13px;
}
.group__input.show__pass > input {
  font-size: 12px !important;
  padding-bottom: 0px !important;
  line-height: 16px !important;
}
.group__input.show__eye .show__pass {
  opacity: 1;
  pointer-events: initial;
}
.group__input .show__pass {
  position: absolute;
  right: 16px;
  bottom: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.group__input .show__pass > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.group__input input {
  width: 100%;
  height: 48px;
  background: #FFFFFF;
  -webkit-transition: .4s ease border;
  transition: .4s ease border;
  border: 1px solid #E8E9ED;
  padding-right: 15px;
  border-radius: 8px;
  font-size: 14px;
  padding-left: 16px;
  line-height: 19px;
  color: #030A19;
  outline: none;
}
.group__input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #999DA5;
}
.group__input input::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #999DA5;
}
.group__input input:-ms-input-placeholder {
  /* IE 10+ */
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #999DA5;
}
.group__input input:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #999DA5;
}
.group__input input:focus {
  border-color: #002FA7;
}
.group__input input.email {
  background: url("../img/email.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 18px center;
  padding-right: 15px;
  padding-left: 48px;
}
.group__input input.password {
  background: url("../img/pass.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 18px center;
  padding-right: 15px;
  padding-left: 48px;
  font-weight: 500;
  padding-right: 48px;
}
.group__input input.password.bigger {
  font-size: 24px;
  padding-bottom: 5px;
}
.group__input input.password::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.group__input input.password::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.group__input input.password:-ms-input-placeholder {
  /* IE 10+ */
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.group__input input.password:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.group__input:nth-child(1) {
  margin-top: 0px;
}
.group__input > p {
  font-size: 12px;
  line-height: 16px;
  color: #030A19;
  margin-top: 0px;
  margin-bottom: 8px;
}

.forgot__pass {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 12px;
}
.forgot__pass .group__input {
  width: 100%;
}
.forgot__pass .group__submit {
  width: 100%;
  margin-top: 24px;
}
.forgot__pass > a {
  text-decoration: none;
  font-size: 14px;
  line-height: 19px;
  color: #002FA7;
  font-weight: 600;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.forgot__pass > a:hover {
  color: #1D4B69;
}

.error__popup {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 16px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 16px 136px rgba(27, 34, 49, 0.08);
  box-shadow: 0px 16px 136px rgba(27, 34, 49, 0.08);
  border-radius: 8px;
  bottom: 40px;
  z-index: 3;
}
.error__popup .inn__popup {
  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__popup .inn__popup > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.error__popup .inn__popup > a:hover {
  opacity: .7;
}
.error__popup .inn__popup > 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: 20px;
  color: #DF4646;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-weight: 600;
  margin-right: 50px;
}
.error__popup .inn__popup > p span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 12px;
}

.slick-dotted.slick-slider {
  margin-bottom: 0px !important;
}

.main__wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 100vh;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.head__ {
  border: 0;
  /*width: 100%;
  padding-top: 32px;
  padding-left: 32px;
  padding-right: 52px;
  padding-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;
  border-bottom: 1px solid #EEEEEE;*/
}
.head__ > .info__ {
  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;
}
.head__ > .info__ > .spacer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0px 16px;
  height: 48px;
  width: 1px;
  background: #E8E9ED;
}
.head__ > .info__ > 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;
  background: -webkit-gradient(linear, right top, left top, from(#6025F5), to(#FF5555));
  background: linear-gradient(270deg, #6025F5 0%, #FF5555 100%);
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  font-family: "Sohne" ,sans-serif;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  font-weight: 500;
}
.head__ > .info__ > a:hover {
  opacity: .7;
}
.head__ > .info__ > .balance {
  text-align: center;
}
.head__ > .info__ > .balance > p {
  margin: 0px;
  font-size: 24px;
  line-height: 33px;
  color: #0C111D;
  font-weight: 500;
}
.head__ > .info__ > .balance > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  line-height: 19px;
  color: #666871;
  font-weight: 600;
}
.head__ > .title > h2 {
  margin: 0px;
  font-size: 32px;
  line-height: 44px;
  color: #000000;
  font-weight: 600;
}
.side__wrapper {
  min-width: 255px;
  max-width: 255px;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.side__wrapper .side__float {
  height: 100%;
  top: 0px;
  left: 0px;
  width: 100%;
  background: #F7F7F7;
  border-right: 1px solid #EEEEEE;
  padding-top: 45px;
  padding-bottom: 25px;
  overflow-y: auto;
}
.side__wrapper .side__float::-webkit-scrollbar {
  width: 4px;
}
.side__wrapper .side__float::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.side__wrapper .side__float .menu__ > ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  padding-left: 16px;
  padding-right: 16px;
}
.side__wrapper .side__float .menu__ > ul > li {
  margin-bottom: 24px;
  width: 100%;
}
.side__wrapper .side__float .menu__ > ul > li:last-child {
  margin-bottom: 0px;
}
.side__wrapper .side__float .menu__ > ul > li.active > a {
  background-color: #E2E6FB;
  color: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li.active > a span svg path {
  fill: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li.active > a span.outline svg path {
  fill: none;
  stroke: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li.active.dropdown > a {
  background-color: transparent;
  color: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li.active.dropdown > a span svg path {
  fill: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li.active.dropdown > a span.outline svg path {
  fill: none;
  stroke: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li.dropdown ul {
  display: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.side__wrapper .side__float .menu__ > ul > li.dropdown ul > li {
  width: 100%;
  margin-bottom: 2px;
}
.side__wrapper .side__float .menu__ > ul > li.dropdown ul > li > a {
  width: 100%;
  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: 40px;
  font-size: 14px;
  line-height: 19px;
  color: #1D272E;
  padding-left: 59px;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  border-radius: 6px;
}
.side__wrapper .side__float .menu__ > ul > li.dropdown ul > li > a.active {
  background: #E2E6FB;
  color: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li.dropdown ul > li > a:hover {
  background: #E2E6FB;
  color: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li.dropdown ul > li:last-child {
  margin-bottom: 0px;
}
.side__wrapper .side__float .menu__ > ul > li.dropdown > a:hover {
  background-color: transparent;
  color: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li.dropdown > a:hover span svg path {
  fill: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li.dropdown > a:hover span.outline svg path {
  fill: none;
  stroke: #002FA7;
}
.side__wrapper .side__float .menu__ > 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;
  width: 100%;
  padding: 10px 16px;
  text-decoration: none;
  font-size: 16px;
  line-height: 140%;
  color: #000000;
  font-weight: 500;
  border-radius: 8px;
  position: relative;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.side__wrapper .side__float .menu__ > ul > li > a.opened > img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.side__wrapper .side__float .menu__ > ul > li > a:hover {
  background-color: #E2E6FB;
  color: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li > a:hover span svg path {
  fill: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li > a:hover span.outline svg path {
  fill: none;
  stroke: #002FA7;
}
.side__wrapper .side__float .menu__ > ul > li > a > img {
  position: absolute;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  right: 5px;
}
.side__wrapper .side__float .menu__ > 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;
  min-width: 24px;
  max-width: 24px;
  margin-right: 18px;
}
.side__wrapper .side__float .menu__ > ul > li > a > span svg {
  max-width: 100%;
}
.side__wrapper .side__float .menu__ > ul > li > a > span svg path {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.side__wrapper .side__float .menu__ .create__ {
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
}
.side__wrapper .side__float .menu__ .create__ .dropdown__create {
  top: 54px;
  position: absolute;
  left: 15px;
  z-index: 2;
  min-width: 225px;
  padding: 16px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.08);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.08);
  border-radius: 12px;
}
.side__wrapper .side__float .menu__ .create__ .dropdown__create > ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
  width: 100%;
}
.side__wrapper .side__float .menu__ .create__ .dropdown__create > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.side__wrapper .side__float .menu__ .create__ .dropdown__create > ul > li:nth-child(odd) > a {
  background-color: #F9F9F9;
}
.side__wrapper .side__float .menu__ .create__ .dropdown__create > 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;
  border-radius: 8px;
  font-size: 14px;
  line-height: 19px;
  padding: 12px 16px;
  color: #030A19;
  width: 100%;
  font-weight: 600;
  text-decoration: none;
}
.side__wrapper .side__float .menu__ .create__ .dropdown__create > ul > li > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.side__wrapper .side__float .menu__ .create__ .dropdown__create > p {
  margin-top: 0px;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 16px;
  color: #666871;
  font-weight: 500;
}
.side__wrapper .side__float .menu__ .create__ > 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;
  width: 100%;
  font-size: 16px;
  line-height: 150%;
  border-radius: 8px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  color: #000000;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.side__wrapper .side__float .menu__ .create__ > a.active {
  background-color: #E5E9F6;
}
.side__wrapper .side__float .menu__ .create__ > a:hover {
  color: #002FA7;
}
.side__wrapper .side__float .menu__ .create__ > a > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 12px;
}
.side__wrapper .side__float > .logo {
  padding-left: 32px;
  margin-bottom: 35px;
}
.side__wrapper .side__float > .logo > a {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.side__wrapper .side__float > .logo > a:hover {
  opacity: .7;
}
.main__wrapper > .content__ {
  width: calc(100% - 255px);
  margin-left: auto;
}

.settings__wrapper {
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  min-height: calc(100% - 110px);
  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;
}
.settings__wrapper .settings__container .edit__profile .controls, .settings__wrapper .settings__container .edit__business .controls, .settings__wrapper .settings__container .edit__notification .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;
}
.settings__wrapper .settings__container .edit__profile .controls > a, .settings__wrapper .settings__container .edit__business .controls > a, .settings__wrapper .settings__container .edit__notification .controls > a {
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
  margin-right: 16px;
}
.settings__wrapper .settings__container .edit__profile .controls > a:last-child, .settings__wrapper .settings__container .edit__business .controls > a:last-child, .settings__wrapper .settings__container .edit__notification .controls > a:last-child {
  margin-right: 0px;
}
.settings__wrapper .settings__container .edit__profile > .wrapper, .settings__wrapper .settings__container .edit__business > .wrapper, .settings__wrapper .settings__container .edit__notification > .wrapper {
  padding: 24px;
  border: 1px solid #F5F5F5;
  border-radius: 8px;
}
.settings__wrapper .settings__container .static__data {
  padding: 24px;
  border: 1px solid #F5F5F5;
  border-radius: 8px;
}
.settings__wrapper .settings__container .static__data.bottom__offset {
  padding-bottom: 48px;
}
.settings__wrapper .settings__container .save__password {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.settings__wrapper .settings__container .save__password > button {
  padding-left: 24px;
  padding-right: 24px;
  width: auto;
}
.settings__wrapper .settings__container.no__spacer {
  padding: 0px;
  border: 0px;
  border-radius: 0px;
}
.settings__wrapper .settings__container.no__spacer .grid__info {
  padding: 24px;
  border: 1px solid #F5F5f5;
  border-radius: 8px;
  margin-bottom: 0px;
}
.settings__wrapper .settings__container .grid__info {
  margin-bottom: 40px;
  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;
}
.settings__wrapper .settings__container .grid__info .container__side--info {
  width: 100%;
}
.settings__wrapper .settings__container .grid__info .container__side--info > .group__input:nth-child(1) {
  margin-top: 0px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes {
  width: 100%;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .payment__method {
  padding: 20px;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  width: 100%;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .payment__method > h6 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
  color: #090B0C;
  font-weight: 600;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .payment__method table {
  width: 100%;
  border-collapse: collapse;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .payment__method table .more {
  width: 32px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .payment__method table .more .more__info > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  border-radius: 8px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .payment__method table .more .more__info > a.active {
  background-color: #F7F7F7;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .payment__method table .more .more__info > a:hover {
  background: #F7F7F7;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .payment__method table tr td {
  padding: 12px 12px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .payment__method table tr td:nth-child(1) {
  padding-left: 0px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .payment__method table tr td:last-child {
  padding-right: 0px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .payment__method table p {
  text-align: left;
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #090B0C;
  font-weight: 600;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .order__history {
  padding: 20px;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 12px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .order__history > h6 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
  color: #090B0C;
  font-weight: 600;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .order__history table {
  width: 100%;
  border-collapse: collapse;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .order__history table tr td {
  padding: 12px 12px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .order__history table tr td:nth-child(1) {
  padding-left: 0px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .order__history table tr td:last-child {
  padding-right: 0px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .order__history table p {
  text-align: left;
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #090B0C;
  font-weight: 600;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .order__history:last-child {
  margin-bottom: 0px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .subscription {
  padding: 20px;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 12px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .subscription:last-child {
  margin-bottom: 0px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .subscription .head__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #666871;
  font-weight: 400;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .subscription .head__ > h6 {
  margin-top: 0px;
  margin-bottom: 8px;
  font-size: 48px;
  line-height: 67px;
  color: #090B0C;
  font-weight: bold;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .subscription .head__ > h6 span {
  font-family: "SFProRounded" ,sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .subscription .head__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
  color: #090B0C;
  font-weight: 600;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .subscription .button__wrapper {
  width: 100%;
  margin-top: 20px;
  -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;
}
.settings__wrapper .settings__container .grid__info .container__side--info .payment__boxes > .subscription .button__wrapper > a {
  width: 100%;
  font-weight: 500;
}
.settings__wrapper .settings__container .grid__info .container__side--info .notification__static {
  width: 100%;
}
.settings__wrapper .settings__container .grid__info .container__side--info .notification__static > table {
  width: 100%;
  border-collapse: collapse;
  max-width: 475px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .notification__static > table td p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
  font-weight: 600;
}
.settings__wrapper .settings__container .grid__info .container__side--info .notification__static > table td {
  padding-top: 11px;
  padding-bottom: 11px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .notification__static > table th {
  padding: 0px 20px;
  padding-bottom: 20px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .notification__static > table th:nth-child(1) {
  padding-left: 0px;
}
.settings__wrapper .settings__container .grid__info .container__side--info .notification__static > table .icon {
  width: 64px;
  text-align: center;
}
.settings__wrapper .settings__container .grid__info .desc__ {
  width: 100%;
}
.settings__wrapper .settings__container .grid__info .desc__ .info__list .elem__ {
  margin-bottom: 20px;
  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;
}
.settings__wrapper .settings__container .grid__info .desc__ .info__list .elem__ .value__ .phone {
  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;
}
.settings__wrapper .settings__container .grid__info .desc__ .info__list .elem__ .value__ .phone > 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: 12px;
  font-size: 14px;
  line-height: 19px;
  color: #090B0C;
  font-weight: 600;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.settings__wrapper .settings__container .grid__info .desc__ .info__list .elem__ .value__ .phone > span:last-child {
  margin-right: 0px;
}
.settings__wrapper .settings__container .grid__info .desc__ .info__list .elem__ .value__ .phone > span > img {
  margin-right: 8px;
  min-width: 20px;
  max-width: 20px;
}
.settings__wrapper .settings__container .grid__info .desc__ .info__list .elem__ .value__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #090B0C;
  font-weight: 600;
  margin-bottom: 15px;
}
.settings__wrapper .settings__container .grid__info .desc__ .info__list .elem__ .value__ > p:last-child {
  margin-bottom: 0px;
}
.settings__wrapper .settings__container .grid__info .desc__ .info__list .elem__ .name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 190px;
  margin-right: 12px;
}
.settings__wrapper .settings__container .grid__info .desc__ .info__list .elem__ .name > 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: 20px;
  color: #999DA5;
  font-weight: 600;
  font-family: "SFProRounded" ,sans-serif;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.settings__wrapper .settings__container .grid__info .desc__ .info__list .elem__ .name > p > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 20px;
  max-width: 20px;
  margin-right: 12px;
}
.settings__wrapper .settings__container .grid__info .desc__ .info__list .elem__:last-child {
  margin-bottom: 0px;
}
.settings__wrapper .settings__container .grid__info .desc__ > .avatar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 20px;
}
.settings__wrapper .settings__container .grid__info .desc__ > .avatar > img {
  max-width: 72px;
  min-width: 72px;
  border-radius: 5px;
}
.settings__wrapper .settings__container .grid__info > .title__ {
  max-width: 365px;
  width: 100%;
  margin-right: 80px;
}
.settings__wrapper .settings__container .grid__info > .title__.longer {
  max-width: 530px;
}
.settings__wrapper .settings__container .grid__info > .title__ > p {
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 28px;
  color: #0F1523;
  font-weight: 600;
}
.settings__wrapper .settings__container .grid__info > .title__ > span {
  font-size: 14px;
  line-height: 20px;
  color: #666871;
  font-weight: 400;
}
.settings__wrapper .settings__container .grid__info .desc__ {
  width: 100%;
}
.settings__wrapper .settings__container .grid__info:last-child {
  margin-bottom: 0px;
}
.settings__wrapper .bottom__part {
  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;
  border-top: 1px solid #E8E9ED;
  width: calc(100% + 48px);
  margin-left: -24px;
  padding: 12px 24px;
  margin-top: 25px;
}
.settings__wrapper .bottom__part > p {
  margin: 0px;
  font-size: 12px;
  line-height: 16px;
  color: #999DA5;
  font-weight: 500;
}
.settings__wrapper .bottom__part 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: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.settings__wrapper .bottom__part ul > li > a {
  font-size: 12px;
  line-height: 16px;
  color: #999DA5;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.settings__wrapper .bottom__part ul > li > a:hover {
  color: #002FA7;
}
.settings__wrapper .bottom__part ul .spacer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0px 16px;
}
.settings__wrapper .settings__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;
  margin-bottom: 24px;
}
.settings__wrapper .settings__head > a.hidden {
  display: none !important;
}
.settings__wrapper .settings__head 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;
}
.settings__wrapper .settings__head ul > li.active > a {
  color: #002FA7;
  border-bottom-color: #002FA7;
}
.settings__wrapper .settings__head 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;
  font-size: 16px;
  min-width: 155px;
  min-height: 54px;
  line-height: 22px;
  color: #A3A3A3;
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  border-bottom: 2px solid transparent;
}
.settings__wrapper .settings__head ul > li > a:hover {
  color: #002FA7;
  border-bottom-color: #002FA7;
}

a.outline-btn, button.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;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  min-height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  background: #FFFFFF;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  white-space: nowrap;
  font-family: "Sohne" ,sans-serif;
  font-weight: 500;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  color: #030A19;
  font-weight: 400;
}
a.outline-btn.disabled, button.outline-btn.disabled {
  opacity: .6;
  pointer-events: none;
}
a.outline-btn.default, button.outline-btn.default {
  font-family: "Inter" ,sans-serif;
}
a.outline-btn:hover, button.outline-btn:hover {
  border: 1px solid #596680;
}
a.outline-btn:active, button.outline-btn:active {
  border: 1px solid #030A19;
}
a.outline-btn span, button.outline-btn span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}

.pass__requirements {
  margin-top: 24px;
}
.pass__requirements > .elem__requirement {
  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: 5px;
}
.pass__requirements > .elem__requirement.active > span {
  display: none;
}
.pass__requirements > .elem__requirement.active > span.active__check {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.pass__requirements > .elem__requirement:last-child {
  margin-bottom: 0px;
}
.pass__requirements > .elem__requirement > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #686B6D;
}
.pass__requirements > .elem__requirement > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 12px;
  min-width: 12px;
  max-width: 12px;
  min-height: 12px;
  max-height: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #F5F5F5;
  border-radius: 250px;
}
.pass__requirements > .elem__requirement > span.active__check {
  display: none;
}
.pass__requirements > .elem__requirement > span > img {
  max-width: 12px;
  display: none;
}
.pass__requirements > .elem__requirement > span > img:nth-child(1) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.float__controls {
  padding: 12px 16px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.08);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.08);
  border-radius: 8px;
  display: block;
  min-width: 205px;
  position: fixed;
  display: none;
  max-width: 205px;
}
.float__controls > 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;
  width: 100%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.float__controls > ul > li {
  width: 100%;
  margin-bottom: 2px;
}
.float__controls > 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: 10px 8px;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  line-height: 17px;
  color: #090B0C;
  font-weight: 600;
}
.float__controls > ul > li > a:hover {
  background: rgba(0, 128, 255, 0.05);
}
.float__controls > ul > li > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 12px;
}

.modal__wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 6;
  background: rgba(0, 0, 0, 0.6);
}
.modal__wrapper > .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: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
}
.modal__wrapper > .inner__modal .modal__box {
  max-height: calc(100vh - 40px);
  overflow-y: auto;
}
.modal__wrapper > .inner__modal .modal__box.edit__info {
  max-width: 645px;
  width: 100%;
  border-radius: 12px;
  padding: 24px;
  background: #FFFFFF;
}
.modal__wrapper > .inner__modal .modal__box.edit__info form > .group__input {
  margin-top: 0px;
  margin-bottom: 32px;
}
.modal__wrapper > .inner__modal .modal__box.edit__info .double__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 24px;
  margin-bottom: 32px;
}
.modal__wrapper > .inner__modal .modal__box.edit__info .double__group > .group__input {
  margin-top: 0px;
}
.modal__wrapper > .inner__modal .modal__box.edit__info .head__ {
  margin-bottom: 32px;
  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__wrapper > .inner__modal .modal__box.edit__info .head__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.modal__wrapper > .inner__modal .modal__box.edit__info .head__ > a:hover {
  opacity: .7;
}
.modal__wrapper > .inner__modal .modal__box.edit__info .head__ > h6 {
  margin: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.templates {
  max-width: 800px;
  width: 100%;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 12px;
}
.modal__wrapper > .inner__modal .modal__box.templates .table__container {
  min-height: 0px;
}
.modal__wrapper > .inner__modal .modal__box.templates .template__text {
  white-space: initial;
}
.modal__wrapper > .inner__modal .modal__box.templates .content__ .action__template {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 40px;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.modal__wrapper > .inner__modal .modal__box.templates .head__ {
  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 > .inner__modal .modal__box.templates .head__ > .right__ {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.modal__wrapper > .inner__modal .modal__box.templates .head__ > .right__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.modal__wrapper > .inner__modal .modal__box.templates .head__ > .right__ > a:hover {
  opacity: .7;
}
.modal__wrapper > .inner__modal .modal__box.templates .head__ > .left__ {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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 > .inner__modal .modal__box.templates .head__ > .left__ > p {
  margin: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #0F1523;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.templates .head__ > .left__ > span {
  font-size: 14px;
  line-height: 20px;
  color: #939699;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv {
  max-width: 640px;
  width: 100%;
  padding: 24px;
  background: #FFFFFF;
  max-height: none;
  overflow-y: initial;
  border-radius: 12px;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .fields__table {
  margin-top: 24px;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .fields__table > .field__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .fields__table > .field__row.header__row > .field__column {
  background-color: #FAFAFA;
  padding: 15px;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .fields__table > .field__row.header__row > .field__column > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #030A19;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .fields__table > .field__row > .field__column {
  padding: 3px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .fields__table > .field__row > .field__column .group__input.dropdown .dropdown__box > ul {
  max-height: 210px;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .fields__table > .field__row > .field__column > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
  font-weight: 400;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .fields__table > .field__row > .field__column .group__input {
  width: 100%;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .fields__table > .field__row > .field__column:nth-child(1) {
  min-width: 135px;
  width: 100%;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .fields__table > .field__row > .field__column:nth-child(2) {
  min-width: 240px;
  width: 100%;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .fields__table > .field__row > .field__column:nth-child(3) {
  min-width: 200px;
  width: 100%;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .group__input {
  margin-top: 16px;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .upload__form .group__input:nth-child(1) {
  margin-top: 0px;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .head__ {
  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 > .inner__modal .modal__box.upload__csv .head__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .head__ > p {
  margin: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.modal__wrapper > .inner__modal .modal__box.upload__csv .controls > a, .modal__wrapper > .inner__modal .modal__box.upload__csv .controls > button {
  padding-left: 24px;
  padding-right: 24px;
  width: auto;
}
.modal__wrapper > .inner__modal .modal__box.import__history {
  max-width: 1160px;
  width: 100%;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 12px;
}
.modal__wrapper > .inner__modal .modal__box.import__history .table__wrapper {
  min-height: 0px;
}
.modal__wrapper > .inner__modal .modal__box.import__history .table__wrapper .table__container {
  min-height: 0px;
}
.modal__wrapper > .inner__modal .modal__box.import__history .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;
  margin-top: 24px;
}
.modal__wrapper > .inner__modal .modal__box.import__history .controls > a, .modal__wrapper > .inner__modal .modal__box.import__history .controls > button {
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
  margin-right: 12px;
}
.modal__wrapper > .inner__modal .modal__box.import__history .controls > a:last-child, .modal__wrapper > .inner__modal .modal__box.import__history .controls > button:last-child {
  margin-right: 0px;
}
.modal__wrapper > .inner__modal .modal__box.import__history .file__info {
  margin-bottom: 24px;
}
.modal__wrapper > .inner__modal .modal__box.import__history .file__info > .elem__load {
  margin-bottom: 16px;
}
.modal__wrapper > .inner__modal .modal__box.import__history .file__info > .elem__load .left__ > p {
  font-weight: 500;
}
.modal__wrapper > .inner__modal .modal__box.import__history .file__info > .elem__load:last-child {
  margin-bottom: 0px;
}
.modal__wrapper > .inner__modal .modal__box.import__history .head__ {
  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 > .inner__modal .modal__box.import__history .head__ > p {
  margin: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.import__history .head__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.modal__wrapper > .inner__modal .modal__box.import__result {
  background: #FFFFFF;
  border-radius: 12px;
  max-width: 540px;
  width: 100%;
  padding: 24px;
}
.modal__wrapper > .inner__modal .modal__box.import__result .import__result--list > .elem__result--list {
  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: 16px;
}
.modal__wrapper > .inner__modal .modal__box.import__result .import__result--list > .elem__result--list .left__desc {
  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: 12px;
}
.modal__wrapper > .inner__modal .modal__box.import__result .import__result--list > .elem__result--list .left__desc > .tooltip__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.modal__wrapper > .inner__modal .modal__box.import__result .import__result--list > .elem__result--list .left__desc > p {
  margin: 0px;
  margin-right: 8px;
}
.modal__wrapper > .inner__modal .modal__box.import__result .import__result--list > .elem__result--list > span {
  font-size: 16px;
  line-height: 20px;
  color: #030A19;
}
.modal__wrapper > .inner__modal .modal__box.import__result .import__result--list > .elem__result--list:nth-child(odd) {
  background: #F9F9F9;
  border-radius: 8px;
}
.modal__wrapper > .inner__modal .modal__box.import__result > .head__ {
  margin-bottom: 32px;
  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__wrapper > .inner__modal .modal__box.import__result > .head__ > 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;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.modal__wrapper > .inner__modal .modal__box.import__result > .head__ > a:hover {
  opacity: .7;
}
.modal__wrapper > .inner__modal .modal__box.import__result > .head__ > p {
  margin: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.template__to--folder, .modal__wrapper > .inner__modal .modal__box.manage__folders {
  background: #FFFFFF;
  border-radius: 8px;
  max-width: 1130px;
  width: 100%;
}
.modal__wrapper > .inner__modal .modal__box.template__to--folder .controls__, .modal__wrapper > .inner__modal .modal__box.manage__folders .controls__ {
  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;
  margin-bottom: 24px;
}
.modal__wrapper > .inner__modal .modal__box.template__to--folder .controls__ .right__ > a, .modal__wrapper > .inner__modal .modal__box.manage__folders .controls__ .right__ > a {
  padding-left: 24px;
  padding-right: 24px;
}
.modal__wrapper > .inner__modal .modal__box.template__to--folder .controls__ .left__, .modal__wrapper > .inner__modal .modal__box.manage__folders .controls__ .left__ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.modal__wrapper > .inner__modal .modal__box.template__to--folder .controls__ .left__ .group__input, .modal__wrapper > .inner__modal .modal__box.manage__folders .controls__ .left__ .group__input {
  margin-top: 0px;
  margin-right: 16px;
}
.modal__wrapper > .inner__modal .modal__box.template__to--folder .controls__ .left__ .group__input.select__folder, .modal__wrapper > .inner__modal .modal__box.manage__folders .controls__ .left__ .group__input.select__folder {
  width: 100%;
  max-width: 250px;
}
.modal__wrapper > .inner__modal .modal__box.template__to--folder .controls__ .left__ .group__input:last-child, .modal__wrapper > .inner__modal .modal__box.manage__folders .controls__ .left__ .group__input:last-child {
  margin-right: 0px;
}
.modal__wrapper > .inner__modal .modal__box.template__to--folder .header__ .top__, .modal__wrapper > .inner__modal .modal__box.manage__folders .header__ .top__ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 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 > .inner__modal .modal__box.template__to--folder .header__ .top__ > h6, .modal__wrapper > .inner__modal .modal__box.manage__folders .header__ .top__ > h6 {
  margin: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.template__to--folder .header__ .top__ > a, .modal__wrapper > .inner__modal .modal__box.manage__folders .header__ .top__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.modal__wrapper > .inner__modal .modal__box.create__folder, .modal__wrapper > .inner__modal .modal__box.edit__folder {
  width: 100%;
  max-width: 540px;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 24px;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input {
  margin-top: 32px;
  width: 100%;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input .list, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input .list {
  margin-top: 12px;
  background: #FEFEFF;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
  max-height: 335px;
  overflow-y: auto;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input .list .empty__template, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input .list .empty__template {
  min-height: 120px;
  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__wrapper > .inner__modal .modal__box.create__folder .template__input .list .empty__template > p, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input .list .empty__template > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #030A19;
  opacity: .3;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input .list .elem__template, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input .list .elem__template {
  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-bottom: 1px solid #EAEAEA;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input .list .elem__template > .remove__template, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input .list .elem__template > .remove__template {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input .list .elem__template > .remove__template > a, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input .list .elem__template > .remove__template > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input .list .elem__template > .desc__, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input .list .elem__template > .desc__ {
  min-width: 320px;
  max-width: 320px;
  padding: 13px 15px;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input .list .elem__template > .desc__ > p, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input .list .elem__template > .desc__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #030A19;
  font-weight: 500;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input .list .elem__template > .name__, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input .list .elem__template > .name__ {
  min-width: 115px;
  padding: 13px 15px;
  max-width: 115px;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input .list .elem__template > .name__ > p, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input .list .elem__template > .name__ > p {
  word-break: break-all;
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  font-weight: 500;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input .list::-webkit-scrollbar, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input .list::-webkit-scrollbar {
  width: 4px;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input .list::-webkit-scrollbar-thumb, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input .list::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input > .header__, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input > .header__ {
  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;
  width: 100%;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input > .header__ > a, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input > .header__ > a {
  color: #002FA7;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input > .header__ > a:hover, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input > .header__ > a:hover {
  border-color: #3358B9;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .template__input > .header__ > p, .modal__wrapper > .inner__modal .modal__box.edit__folder .template__input > .header__ > p {
  margin: 0px;
  font-size: 16px;
  line-height: 20px;
  color: #030A19;
  font-weight: 500;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .controls, .modal__wrapper > .inner__modal .modal__box.edit__folder .controls {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  margin-top: 32px;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .head__, .modal__wrapper > .inner__modal .modal__box.edit__folder .head__ {
  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;
  margin-bottom: 24px;
  position: relative;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .head__ > a, .modal__wrapper > .inner__modal .modal__box.edit__folder .head__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  position: absolute;
  right: 0px;
  top: 0px;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .head__ > a:hover, .modal__wrapper > .inner__modal .modal__box.edit__folder .head__ > a:hover {
  opacity: .7;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .head__ > h6, .modal__wrapper > .inner__modal .modal__box.edit__folder .head__ > h6 {
  margin-top: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  font-weight: 600;
  margin-bottom: 6px;
}
.modal__wrapper > .inner__modal .modal__box.create__folder .head__ > p, .modal__wrapper > .inner__modal .modal__box.edit__folder .head__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #525356;
}
.modal__wrapper > .inner__modal .modal__box.add__template, .modal__wrapper > .inner__modal .modal__box.edit__template {
  max-width: 540px;
  width: 100%;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 12px;
}
.modal__wrapper > .inner__modal .modal__box.add__template .double__controls, .modal__wrapper > .inner__modal .modal__box.edit__template .double__controls {
  display: grid;
  margin-top: 32px;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
}
.modal__wrapper > .inner__modal .modal__box.add__template .head__, .modal__wrapper > .inner__modal .modal__box.edit__template .head__ {
  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;
  margin-bottom: 24px;
}
.modal__wrapper > .inner__modal .modal__box.add__template .head__ > h6, .modal__wrapper > .inner__modal .modal__box.edit__template .head__ > h6 {
  margin-top: 0px;
  margin-bottom: 6px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.add__template .head__ > p, .modal__wrapper > .inner__modal .modal__box.edit__template .head__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #525356;
}
.modal__wrapper > .inner__modal .modal__box.edit__campaign .double__controls {
  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-top: 32px;
}
.modal__wrapper > .inner__modal .modal__box.edit__campaign .double__controls > a,
.modal__wrapper > .inner__modal .modal__box.edit__campaign .double__controls > button {
  width: 100%;
  max-width: 170px;
}
.modal__wrapper > .inner__modal .modal__box.add__campaign,
.modal__wrapper > .inner__modal .modal__box.pop__up,
.modal__wrapper > .inner__modal .modal__box.edit__campaign {
  width: 100%;
  max-width: 540px;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 12px;
}
.modal__wrapper > .inner__modal .modal__box.add__campaign .content__ .checkbox,
.modal__wrapper > .inner__modal .modal__box.pop__up .content__ .checkbox,
.modal__wrapper > .inner__modal .modal__box.edit__campaign .content__ .checkbox {
  margin-top: 32px;
}
.modal__wrapper > .inner__modal .modal__box.add__campaign .content__ .checkbox label,
.modal__wrapper > .inner__modal .modal__box.pop__up .content__ .checkbox label,
.modal__wrapper > .inner__modal .modal__box.edit__campaign .content__ .checkbox label {
  font-size: 14px;
  line-height: 20px;
  color: #151622;
  font-weight: 400;
}
.modal__wrapper > .inner__modal .modal__box.add__campaign .content__ .group__submit,
.modal__wrapper > .inner__modal .modal__box.pop__up .content__ .group__submit,
.modal__wrapper > .inner__modal .modal__box.edit__campaign .content__ .group__submit {
  margin-top: 32px;
}
.modal__wrapper > .inner__modal .modal__box.add__campaign .content__ .group__input,
.modal__wrapper > .inner__modal .modal__box.pop__up .content__ .group__input,
.modal__wrapper > .inner__modal .modal__box.edit__campaign .content__ .group__input {
  margin-top: 32px;
}
.modal__wrapper > .inner__modal .modal__box.add__campaign .content__ .group__input:nth-child(1),
.modal__wrapper > .inner__modal .modal__box.pop__up .content__ .group__input:nth-child(1),
.modal__wrapper > .inner__modal .modal__box.edit__campaign .content__ .group__input:nth-child(1) {
  margin-top: 0px;
}
.modal__wrapper > .inner__modal .modal__box.add__campaign .head__,
.modal__wrapper > .inner__modal .modal__box.pop__up .head__,
.modal__wrapper > .inner__modal .modal__box.edit__campaign .head__ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  margin-bottom: 24px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.modal__wrapper > .inner__modal .modal__box.add__campaign .head__ > a,
.modal__wrapper > .inner__modal .modal__box.pop__up .head__ > a,
.modal__wrapper > .inner__modal .modal__box.edit__campaign .head__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  right: -8px;
  top: -8px;
  display: inline-flex;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.edit__campaign--dropdown, .shortlink__dropdown, .bulk__dropdown {
  position: absolute;
  -webkit-box-shadow: 0px 8px 24px 0px #030A1914;
  box-shadow: 0px 8px 24px 0px #030A1914;
  background: #FFFFFF;
  border-radius: 8px;
  z-index: 3;
  padding: 8px;
}
.edit__campaign--dropdown > ul, .shortlink__dropdown > ul, .bulk__dropdown > ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
}
.edit__campaign--dropdown > ul > li, .shortlink__dropdown > ul > li, .bulk__dropdown > ul > li {
  margin-bottom: 8px;
  width: 100%;
}
.edit__campaign--dropdown > ul > li.delete > a, .shortlink__dropdown > ul > li.delete > a, .bulk__dropdown > ul > li.delete > a {
  color: #D52B1E;
}
.edit__campaign--dropdown > ul > li.delete > a:hover, .shortlink__dropdown > ul > li.delete > a:hover, .bulk__dropdown > ul > li.delete > a:hover {
  background-color: rgba(213, 43, 30, 0.05);
}
.edit__campaign--dropdown > ul > li > a, .shortlink__dropdown > ul > li > a, .bulk__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;
  min-height: 44px;
  padding-left: 16px;
  text-decoration: none;
  padding-right: 16px;
  font-size: 14px;
  line-height: 19px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  white-space: nowrap;
  border-radius: 8px;
  color: #030A19;
}
.edit__campaign--dropdown > ul > li > a:hover, .shortlink__dropdown > ul > li > a:hover, .bulk__dropdown > ul > li > a:hover {
  background: rgba(0, 128, 255, 0.05);
}
.edit__campaign--dropdown > ul > li > a span, .shortlink__dropdown > ul > li > a span, .bulk__dropdown > ul > li > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.edit__campaign--dropdown > ul > li > a span > img, .shortlink__dropdown > ul > li > a span > img, .bulk__dropdown > ul > li > a span > img {
  min-width: 20px;
  max-width: 20px;
}
.edit__campaign--dropdown > ul > li:last-child, .shortlink__dropdown > ul > li:last-child, .bulk__dropdown > ul > li:last-child {
  margin-bottom: 0px;
}
.modal__wrapper > .inner__modal .modal__box.add__campaign .head__ > a:hover, .modal__wrapper > .inner__modal .modal__box.edit__campaign .head__ > a:hover {
  opacity: .7;
}
.modal__wrapper > .inner__modal .modal__box.add__campaign .head__ .desc__ > span,
.modal__wrapper > .inner__modal .modal__box.pop__up .head__ .desc__ > span,
.modal__wrapper > .inner__modal .modal__box.edit__campaign .head__ .desc__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  line-height: 19px;
  color: #525356;
}
.modal__wrapper > .inner__modal .modal__box.add__campaign .head__ .desc__ > p,
.modal__wrapper > .inner__modal .modal__box.pop__up .head__ .desc__ > p,
.modal__wrapper > .inner__modal .modal__box.edit__campaign .head__ .desc__ > p {
  margin-top: 0px;
  margin-bottom: 6px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.add__campaign .head__ > span,
.modal__wrapper > .inner__modal .modal__box.pop__up .head__ > span,
.modal__wrapper > .inner__modal .modal__box.edit__campaign .head__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 16px;
}
.modal__wrapper > .inner__modal .modal__box.delete__campaign,
.modal__wrapper > .inner__modal .modal__box.duplicate__campaign {
  width: 100%;
  max-width: 515px;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 12px;
}
.modal__wrapper > .inner__modal .modal__box.delete__campaign .controls, .modal__wrapper > .inner__modal .modal__box.duplicate__campaign .controls {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
}
.modal__wrapper > .inner__modal .modal__box.delete__campaign .controls > .delete, .modal__wrapper > .inner__modal .modal__box.duplicate__campaign .controls > .delete {
  background-color: #D52B1E;
}
.modal__wrapper > .inner__modal .modal__box.delete__campaign .controls > .delete:hover, .modal__wrapper > .inner__modal .modal__box.duplicate__campaign .controls > .delete:hover {
  background-color: #B43228;
}
.modal__wrapper > .inner__modal .modal__box.delete__campaign .campaign__info, .modal__wrapper > .inner__modal .modal__box.duplicate__campaign .campaign__info {
  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: 10px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #E8E9ED;
}
.modal__wrapper > .inner__modal .modal__box.delete__campaign .campaign__info .desc__, .modal__wrapper > .inner__modal .modal__box.duplicate__campaign .campaign__info .desc__ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal__wrapper > .inner__modal .modal__box.delete__campaign .campaign__info .desc__ > p, .modal__wrapper > .inner__modal .modal__box.duplicate__campaign .campaign__info .desc__ > p {
  margin: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  font-weight: 600;
  margin-bottom: 5px;
}
.modal__wrapper > .inner__modal .modal__box.delete__campaign .campaign__info .desc__ > span, .modal__wrapper > .inner__modal .modal__box.duplicate__campaign .campaign__info .desc__ > span {
  font-size: 14px;
  line-height: 19px;
  color: #525356;
}
.modal__wrapper > .inner__modal .modal__box.delete__campaign .campaign__info > span, .modal__wrapper > .inner__modal .modal__box.duplicate__campaign .campaign__info > span {
  margin-right: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.modal__wrapper > .inner__modal .modal__box.duplicate__campaign .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  grid-column-gap: 0px;
}
.modal__wrapper > .inner__modal .modal__box.duplicate__campaign .controls > a:nth-child(1) {
  width: 100%;
  max-width: 170px;
  margin-right: 16px;
}
.modal__wrapper > .inner__modal .modal__box.duplicate__campaign .controls > a:nth-child(2) {
  width: 100% !important;
}
.modal__wrapper > .inner__modal .modal__box.message__sent {
  max-width: 510px;
  background: #FFFFFF;
  border-radius: 8px;
  width: 100%;
  padding: 40px 32px;
}
.modal__wrapper > .inner__modal .modal__box.message__sent .inner__sent {
  text-align: center;
}
.modal__wrapper > .inner__modal .modal__box.message__sent .inner__sent .button__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
}
.modal__wrapper > .inner__modal .modal__box.message__sent .inner__sent .button__wrapper > a {
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.modal__wrapper > .inner__modal .modal__box.message__sent .inner__sent > h6 {
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.message__sent .inner__sent > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #666871;
}
.modal__wrapper > .inner__modal .modal__box.message__sent .inner__sent > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 24px;
  -webkit-box-shadow: 0px 60px 72px -48px rgba(188, 194, 197, 0.12);
  box-shadow: 0px 60px 72px -48px rgba(188, 194, 197, 0.12);
  border-radius: 8px;
}
.modal__wrapper > .inner__modal .modal__box.payment__details {
  width: 100%;
  max-width: 440px;
  padding: 32px;
  background: #FFFFFF;
  border-radius: 8px;
}
.modal__wrapper > .inner__modal .modal__box.payment__details .payment__table {
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 16px;
}
.modal__wrapper > .inner__modal .modal__box.payment__details .payment__table .el__paym {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.modal__wrapper > .inner__modal .modal__box.payment__details .payment__table .el__paym:nth-child(odd) {
  background: #F0F0F0;
}
.modal__wrapper > .inner__modal .modal__box.payment__details .payment__table .el__paym > p {
  margin: 0px;
  margin-right: 12px;
  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: 19px;
  color: #666871;
  font-weight: 400;
}
.modal__wrapper > .inner__modal .modal__box.payment__details .payment__table .el__paym > p > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 7px;
}
.modal__wrapper > .inner__modal .modal__box.payment__details .send__payment {
  text-align: center;
  padding: 15px;
  background: #E5E9F6;
  border-radius: 8px;
}
.modal__wrapper > .inner__modal .modal__box.payment__details .send__payment > p {
  margin: 0px;
  font-size: 12px;
  line-height: 16px;
  color: #001343;
  font-weight: 500;
}
.modal__wrapper > .inner__modal .modal__box.payment__details > .head__ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -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 > .inner__modal .modal__box.payment__details > .head__ > h2 {
  margin: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.payment__details > .head__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.modal__wrapper > .inner__modal .modal__box.payment__details > .head__ > a:hover {
  opacity: .7;
}
.modal__wrapper > .inner__modal .modal__box::-webkit-scrollbar {
  width: 4px;
}
.modal__wrapper > .inner__modal .modal__box::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.modal__wrapper > .inner__modal .modal__box.contact__support {
  width: 100%;
  max-width: 510px;
  padding: 40px;
  background-color: #fff;
  border-radius: 8px;
}
.modal__wrapper > .inner__modal .modal__box.contact__support .head__ {
  position: relative;
}
.modal__wrapper > .inner__modal .modal__box.contact__support .head__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.modal__wrapper > .inner__modal .modal__box.contact__support .head__ > a:hover {
  opacity: .7;
}
.modal__wrapper > .inner__modal .modal__box.contact__support .head__ > h2 {
  margin-top: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  margin-bottom: 0px;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.contact__support .head__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 24px;
  color: #939699;
  font-family: "SFProRounded" ,sans-serif;
}
.modal__wrapper > .inner__modal .modal__box.contact__support .fields__wrapper {
  margin: 16px 0px;
}
.modal__wrapper > .inner__modal .modal__box.contact__support .fields__wrapper .group__input {
  margin-top: 16px;
}
.modal__wrapper > .inner__modal .modal__box.contact__support .fields__wrapper .message > textarea {
  padding-top: 12px;
}
.modal__wrapper > .inner__modal .modal__box.contact__support .controls {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
}
.modal__wrapper > .inner__modal .modal__box.edit__card {
  width: 100%;
  max-width: 510px;
  padding: 32px;
  background-color: #fff;
  border-radius: 8px;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .controls {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .controls > a {
  font-weight: 500;
  font-family: "Sohne" ,sans-serif;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .fields {
  margin-top: 24px;
  margin-bottom: 32px;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .fields .group__input {
  margin-top: 0px;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .fields .group__input.dateexpire > input {
  padding-left: 48px;
  background: url("../img/carddate.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .fields .group__input.cvv > input {
  padding-left: 48px;
  background: url("../img/cvv.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .fields .group__input.cardnumber > input {
  padding-left: 48px;
  background: url("../img/cardicon.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .fields .group__input input {
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .fields .double__group {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 12px;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .head__ {
  position: relative;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .head__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #525356;
  font-weight: 400;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .head__ > a {
  position: absolute;
  right: 0px;
  top: 0px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modal__wrapper > .inner__modal .modal__box.edit__card .head__ > h6 {
  margin-top: 0px;
  margin-bottom: 6px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #0A1124;
}
.modal__wrapper > .inner__modal .modal__box.create__subscription,
.modal__wrapper > .inner__modal .modal__box.update__subscription,
.modal__wrapper > .inner__modal .modal__box.cancel__subscription,
.modal__wrapper > .inner__modal .modal__box.delete__template {
  width: 100%;
  max-width: 490px;
  padding: 32px 40px;
  background: #FFFFFF;
  border-radius: 8px;
}
.modal__wrapper > .inner__modal .modal__box.cancel__subscription .delete__button, .modal__wrapper > .inner__modal .modal__box.delete__template .delete__button {
  background-color: #D52B1E;
}
.modal__wrapper > .inner__modal .modal__box.cancel__subscription .delete__button:hover, .modal__wrapper > .inner__modal .modal__box.delete__template .delete__button:hover {
  background-color: #B43228;
}
.modal__wrapper > .inner__modal .modal__box.create__subscription .controls,
.modal__wrapper > .inner__modal .modal__box.update__subscription .controls,
.modal__wrapper > .inner__modal .modal__box.cancel__subscription .controls,
.modal__wrapper > .inner__modal .modal__box.delete__template .controls {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  padding-top: 23px;
  border-top: 1px solid #E8E9ED;
}
.modal__wrapper > .inner__modal .modal__box.cancel__subscription .controls > a, .modal__wrapper > .inner__modal .modal__box.delete__template .controls > a {
  font-weight: 500;
  font-family: "Sohne" ,sans-serif;
}
.modal__wrapper > .inner__modal .modal__box.cancel__subscription .head__, .modal__wrapper > .inner__modal .modal__box.delete__template .head__ {
  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;
  margin-bottom: 23px;
}
.modal__wrapper > .inner__modal .modal__box.cancel__subscription .head__ > .desc__, .modal__wrapper > .inner__modal .modal__box.delete__template .head__ > .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__wrapper > .inner__modal .modal__box.cancel__subscription .head__ > .desc__ > p, .modal__wrapper > .inner__modal .modal__box.delete__template .head__ > .desc__ > p {
  margin-top: 0px;
  margin-bottom: 6px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  font-weight: 600;
}
.modal__wrapper > .inner__modal .modal__box.cancel__subscription .head__ > .desc__ > span, .modal__wrapper > .inner__modal .modal__box.delete__template .head__ > .desc__ > span {
  font-size: 14px;
  line-height: 20px;
  color: #666871;
  font-weight: 400;
}
.modal__wrapper > .inner__modal .modal__box.cancel__subscription .head__ > span, .modal__wrapper > .inner__modal .modal__box.delete__template .head__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 12px;
  -webkit-box-shadow: 0px 60px 72px -48px rgba(188, 194, 197, 0.12);
  box-shadow: 0px 60px 72px -48px rgba(188, 194, 197, 0.12);
}
.modal__wrapper > .inner__modal .modal__box::-webkit-scrollbar {
  width: 4px;
}
.modal__wrapper > .inner__modal .modal__box::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}

.profile__input > input {
  padding-left: 48px;
  background: url("../img/profileicon.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.name > input {
  padding-left: 48px;
  background: url("../img/profileicongrey.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.display__input > input {
  padding-left: 48px;
  background: url("../img/displayicon.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.group__input > textarea {
  height: 125px;
  background: #FFFFFF;
  outline: none;
  padding: 10px 15px;
  resize: none;
  width: 100%;
  font-size: 14px;
  line-height: 19px;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  -webkit-transition: .4s ease border;
  transition: .4s ease border;
}
.group__input > textarea:focus {
  border-color: #002FA7;
}

.group__input.message > textarea {
  background: url("../img/messageicon.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px  10px;
  padding-left: 48px;
}

.about__me > textarea {
  background: url("../img/texticon.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px  10px;
  padding-left: 48px;
}

.group__input > span.area__size {
  display: block;
  text-align: right;
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #596680;
}

.avatar__wrapper > p {
  margin-top: 0px;
  font-size: 12px;
  line-height: 20px;
  color: #090B0C;
  font-weight: 400;
  margin-bottom: 8px;
}
.avatar__wrapper .avatar__box {
  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;
  border: 1px dashed #E3E3E3;
  border-radius: 8px;
  padding: 20px;
  position: relative;
}
.avatar__wrapper .avatar__box > input {
  position: absolute;
  left: -2000px;
}
.avatar__wrapper .avatar__box > .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;
}
.avatar__wrapper .avatar__box > .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;
}
.avatar__wrapper .avatar__box > .left__ .desc__ > p {
  margin: 0px;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 19px;
  color: #090B0C;
  font-weight: 600;
}
.avatar__wrapper .avatar__box > .left__ .desc__ > span {
  font-size: 12px;
  line-height: 18px;
  color: #686B6D;
  font-weight: 500;
}
.avatar__wrapper .avatar__box > .left__ > .placeholder {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 16px;
}
.avatar__wrapper .avatar__box > .left__ > .placeholder > img {
  min-width: 56px;
  max-width: 56px;
  min-height: 56px;
  max-height: 56px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}
.avatar__wrapper .avatar__box > .right__ {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.avatar__wrapper .avatar__box > .right__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 24px;
  padding-right: 24px;
}

.edit__information .group__input {
  margin-top: 20px;
}

.group__input.dropdown, .group__input.segment__group {
  position: relative;
}
.group__input.dropdown .dropdown__box, .group__input.segment__group .dropdown__box {
  position: absolute;
  left: 0px;
  top: 78px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  border-radius: 12px;
  z-index: 2;
}
.group__input.dropdown .dropdown__box .no__results > .inner__no, .group__input.segment__group .dropdown__box .no__results > .inner__no {
  padding-top: 85px;
  padding-bottom: 85px;
  padding-left: 15px;
  padding-right: 15px;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.group__input.dropdown .dropdown__box .no__results > .inner__no > span, .group__input.segment__group .dropdown__box .no__results > .inner__no > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-shadow: 0px 60px 72px -48px rgba(188, 194, 197, 0.12);
  box-shadow: 0px 60px 72px -48px rgba(188, 194, 197, 0.12);
  border-radius: 8px;
}
.group__input.dropdown .dropdown__box .no__results > .inner__no > .desc__, .group__input.segment__group .dropdown__box .no__results > .inner__no > .desc__ {
  text-align: center;
  margin-top: 25px;
}
.group__input.dropdown .dropdown__box .no__results > .inner__no > .desc__ > span, .group__input.segment__group .dropdown__box .no__results > .inner__no > .desc__ > span {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #666871;
  font-weight: 400;
}
.group__input.dropdown .dropdown__box .no__results > .inner__no > .desc__ > p, .group__input.segment__group .dropdown__box .no__results > .inner__no > .desc__ > p {
  font-size: 16px;
  line-height: 22px;
  color: #090B0C;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 4px;
}
.group__input.dropdown .dropdown__box > ul, .group__input.segment__group .dropdown__box > ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
  max-height: 260px;
  overflow-y: auto;
  padding: 8px;
}
.group__input.dropdown .dropdown__box > ul::-webkit-scrollbar, .group__input.segment__group .dropdown__box > ul::-webkit-scrollbar {
  width: 4px;
}
.group__input.dropdown .dropdown__box > ul::-webkit-scrollbar-thumb, .group__input.segment__group .dropdown__box > ul::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.group__input.dropdown .dropdown__box > ul > li, .group__input.segment__group .dropdown__box > ul > li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.group__input.dropdown .dropdown__box > ul > li > a, .group__input.segment__group .dropdown__box > 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;
  width: 100%;
  padding: 8px;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  color: #030A19;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.group__input.dropdown .dropdown__box > ul > li > a:hover, .group__input.segment__group .dropdown__box > ul > li > a:hover {
  background: rgba(0, 128, 255, 0.05);
}
.group__input.dropdown .dropdown__box > ul > li:last-child, .group__input.segment__group .dropdown__box > ul > li:last-child {
  margin-bottom: 0px;
}
.group__input.dropdown.gender, .group__input.segment__group.gender {
  max-width: 275px;
}
.group__input.dropdown > a, .group__input.segment__group > 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;
  height: 48px;
  position: relative;
  width: 100%;
  padding-left: 16px;
  padding-right: 48px;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  text-decoration: none;
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
  font-weight: 400;
}
.group__input.dropdown > a > input, .group__input.segment__group > a > input {
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
  margin-left: 12px;
  outline: none;
  border: 0px;
}
.group__input.dropdown > a > .value, .group__input.segment__group > a > .value {
  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.dropdown > a > .value > img, .group__input.segment__group > a > .value > img {
  max-width: 16px;
  margin-left: 4px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.group__input.dropdown > a > .value > span, .group__input.segment__group > a > .value > span {
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.group__input.dropdown > a > .phone, .group__input.segment__group > a > .phone {
  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.dropdown > a > .phone > img, .group__input.segment__group > a > .phone > img {
  max-width: 16px;
  margin-left: 4px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.group__input.dropdown > a > .phone > span, .group__input.segment__group > a > .phone > span {
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
}
.group__input.dropdown > a > .phone > .flag, .group__input.segment__group > a > .phone > .flag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.group__input.dropdown > a > .phone > .flag > img, .group__input.segment__group > a > .phone > .flag > img {
  min-width: 20px;
  max-width: 20px;
}
.group__input.dropdown > a.opened, .group__input.segment__group > a.opened {
  border: 1px solid #002FA7;
}
.group__input.dropdown > a.opened .phone > img, .group__input.segment__group > a.opened .phone > img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.group__input.dropdown > a.opened > img, .group__input.segment__group > a.opened > img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.group__input.dropdown > a > p, .group__input.segment__group > a > p {
  margin: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.group__input.dropdown > a > span, .group__input.segment__group > a > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.group__input.dropdown > a > img, .group__input.segment__group > a > img {
  position: absolute;
  right: 15px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.group__input.email__input > input {
  padding-left: 48px;
  background: url("../img/leadingemail.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.group__input.dropdown.country > .dropdown__box {
  padding: 12px;
}
.group__input.dropdown.country > .dropdown__box ul {
  max-height: 280px;
  overflow-y: auto;
}
.group__input.dropdown.country > .dropdown__box ul::-webkit-scrollbar {
  width: 4px;
}
.group__input.dropdown.country > .dropdown__box ul::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.group__input.dropdown.country > .dropdown__box ul .country__dropdown.picked > a > .right__ > p {
  color: #090B0C;
}
.group__input.dropdown.country > .dropdown__box ul .country__dropdown > 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;
}
.group__input.dropdown.country > .dropdown__box ul .country__dropdown > a > .right__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #686B6D;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  font-weight: 600;
}
.group__input.dropdown.country > .dropdown__box ul .country__dropdown > a > .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;
}
.group__input.dropdown.country > .dropdown__box ul .country__dropdown > a > .left__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #090B0C;
  font-weight: 600;
}
.group__input.dropdown.country > .dropdown__box ul .country__dropdown > a > .left__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 12px;
}
.group__input.dropdown.country > .dropdown__box ul .country__dropdown > a > .left__ > span > img {
  min-width: 24px;
  max-width: 24px;
}
.group__input.dropdown.country > .dropdown__box > .select__region {
  margin-bottom: 16px;
}
.group__input.dropdown.country > .dropdown__box > .select__region .group__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-top: 0px;
}
.group__input.dropdown.country > .dropdown__box > .select__region .group__input input {
  padding-left: 48px;
}
.group__input.dropdown.country > .dropdown__box > .select__region .group__input > span {
  margin-top: -2px;
  position: absolute;
  left: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.group__input.dropdown.country > .dropdown__box > .select__region > p {
  margin-top: 0px;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 19px;
  color: #090B0C;
  font-weight: 600;
}

.highlight {
  color: #090B0C !important;
}

.group__input.company__input > input {
  padding-left: 48px;
  background: url("../img/companyicon.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.group__input.company__size > input {
  padding-left: 48px;
  background: url("../img/sizeicon.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.group__input.website__input > input {
  padding-left: 48px;
  background: url("../img/external.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.group__input.money > input {
  padding-left: 48px;
  background: url("../img/currency1.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.group__input.range > input, .group__input.range__picker > input {
  padding-left: 48px;
  background: url("../img/calendaricon.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.notification__row {
  margin-bottom: 32px;
}
.notification__row:last-child {
  margin-bottom: 0px;
}
.notification__row > h6 {
  margin-top: 0px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 22px;
  color: #090B0C;
  font-weight: 600;
}
.notification__row .grid__ > .elem__ {
  margin-bottom: 12px;
  padding: 16px 24px;
  border: 1px solid #F5F5F5;
  border-radius: 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;
}
.notification__row .grid__ > .elem__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #090B0C;
  font-weight: 600;
}
.notification__row .grid__ > .elem__:last-child {
  margin-bottom: 0px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 58px;
  height: 32px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F0F1F5;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 28px;
  width: 28px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  z-index: 2;
}

.switcher__ {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.switcher__ .on {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
}
.switcher__ .off {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 10px;
}

input:checked + .slider {
  background-color: #002FA7;
}

input:checked + .slider:before {
  -webkit-transform: translateX(27px);
  transform: translateX(27px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.group__input.dropdown > a > .phone {
  overflow: visible;
}

.register__form .selecting {
  margin-top: 24px;
  text-align: center;
}
.register__form .selecting > p {
  margin: 0px;
  font-size: 12px;
  line-height: 16px;
  color: #090B0C;
}
.register__form .selecting > p a {
  text-decoration: none;
  color: #205375;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.register__form .selecting > p a:hover {
  opacity: .7;
}
.register__form .selecting > p span {
  font-weight: 500;
}

.group__input.search__input .dropdown__search {
  position: absolute;
  left: 0px;
  top: 78px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  border-radius: 12px;
  z-index: 2;
  padding: 12px;
}
.group__input.search__input .dropdown__search > p {
  font-size: 14px;
  line-height: 19px;
  color: #090B0C;
  font-weight: 600;
  margin-top: 0px;
  padding: 8px;
  margin-bottom: 8px;
}
.inner__no {
  padding-top: 85px;
  padding-bottom: 85px;
  padding-left: 15px;
  padding-right: 15px;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.inner__no > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-shadow: 0px 60px 72px -48px rgba(188, 194, 197, 0.12);
  box-shadow: 0px 60px 72px -48px rgba(188, 194, 197, 0.12);
  border-radius: 8px;
}
.inner__no > .desc__ {
  text-align: center;
  margin-top: 25px;
}
.inner__no > .desc__ > span {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #666871;
  font-weight: 400;
}
.inner__no > .desc__ > p {
  font-size: 16px;
  line-height: 22px;
  color: #090B0C;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 4px;
}
.group__input.search__input .dropdown__search > ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
  max-height: 260px;
  overflow-y: auto;
}
.group__input.search__input .dropdown__search > ul::-webkit-scrollbar {
  width: 4px;
}
.group__input.search__input .dropdown__search > ul::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.group__input.search__input .dropdown__search > ul > li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.group__input.search__input .dropdown__search > ul > li.country__dropdown.picked > a > .left__ > p {
  color: #090B0C;
}
.group__input.search__input .dropdown__search > ul > li.country__dropdown.picked > a > .right__ > p {
  color: #090B0C;
}
.group__input.search__input .dropdown__search > ul > li.country__dropdown > 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;
}
.group__input.search__input .dropdown__search > ul > li.country__dropdown > a > .right__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #686B6D;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  font-weight: 600;
}
.group__input.search__input .dropdown__search > ul > li.country__dropdown > a > .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;
}
.group__input.search__input .dropdown__search > ul > li.country__dropdown > a > .left__ > p,
.group__input.search__input .dropdown__search > ul > li.carrier__dropdown > a > .left__ > p{
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #939699;
  font-weight: 600;
}
.group__input.search__input .dropdown__search > ul > li.country__dropdown > a > .left__ > span,
.group__input.search__input .dropdown__search > ul > li.carrier__dropdown > a > .left__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 12px;
}
.group__input.search__input .dropdown__search > ul > li.country__dropdown > a > .left__ > span > img,
.group__input.search__input .dropdown__search > ul > li.carrier__dropdown > a > .left__ > span > img{
  min-width: 24px;
  max-width: 24px;
  border-radius: 250px;
}
.group__input.search__input .dropdown__search > 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;
  width: 100%;
  padding: 10px 16px;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  color: #030A19;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.group__input.search__input .dropdown__search > ul > li > a:hover {
  background: rgba(0, 128, 255, 0.05);
}
.group__input.search__input .dropdown__search > ul > li:last-child {
  margin-bottom: 0px;
}

.group__input.dropdown.contact .dropdown__box 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;
}
.group__input.dropdown.contact .dropdown__box ul > li > a > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 12px;
  min-width: 20px;
  max-width: 20px;
}
.group__input.dropdown.contact .dropdown__box ul > li > a > span > img {
  max-width: 100%;
}
.group__input.dropdown.contact .dropdown__box ul > li > a > p {
  margin: 0px;
  font-size: 14px;
  line-height: 20px;
  color: #090B0C;
  font-family: 'SFProRounded' ,sans-serif;
  font-weight: 600;
}

.range__picker > input {
  cursor: pointer;
}

.analytic__wrapper {
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}
.analytic__wrapper .filter__ {
  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: 24px;
  position: relative;
}
.analytic__wrapper .filter__ .segment__button > a {
  padding-left: 24px;
  padding-right: 24px;
}
.analytic__wrapper .filter__ .right__ {
  position: relative;
}
.analytic__wrapper .filter__ .right__ > .columns {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.analytic__wrapper .filter__ .right__ > .columns svg path {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.analytic__wrapper .filter__ .right__ > .columns.active {
  color: #002FA7;
  border-color: #002FA7;
}
.analytic__wrapper .filter__ .right__ > .columns.active svg path {
  stroke: #002FA7;
}
.analytic__wrapper .filter__ .left__ {
  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;
}
.left__ > .group__input {
  margin-top: 0px;
  width: 100%;
  max-width: 280px;
  margin-right: 20px;
}
.analytic__wrapper .filter__ .left__ > .group__input:last-child {
  margin-right: 0px;
}

.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;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  line-height: 19px;
  color: #393942;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container__check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
  border-radius: 8px;
  background: url("../img/checkdisabled.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  margin-right: 12px;
  background-color: #fff;
}
.checkmark.smaller {
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
}
.checkmark.another {
  background: none;
  border: 2px solid #E3E3E3;
  border-radius: 6px;
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container__check input:checked ~ .checkmark:after {
  display: block;
}

.container__check input:checked ~ .checkmark.another {
  border: 0px;
}

.container__check input:checked ~ .checkmark.another:after {
  border-radius: 0px !important;
}

/* Style the checkmark/indicator */
.container__check .checkmark:after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url("../img/checkactive.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 8px;
  background-position: center;
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
}

div.daterangepicker .calendar-table th {
  font-size: 12px;
  line-height: 16px;
  color: #AEB5CB;
  font-weight: 400;
}

div.daterangepicker select.yearselect {
  font-size: 16px;
  line-height: 24px;
  color: #030A19;
  border: 0px;
  outline: none;
}

div.daterangepicker td.in-range, div.daterangepicker td.available:hover {
  background-color: #E5E9F6;
}

div.daterangepicker td.active, div.daterangepicker td.active:hover {
  background-color: #002FA7;
  color: #fff;
}

div.daterangepicker select.monthselect {
  font-size: 16px;
  outline: none;
  color: #030A19;
  border: 0px;
}

div.daterangepicker .calendar-table th, div.daterangepicker .calendar-table td {
  height: 32px;
}

.drp-selected {
  display: none !important;
}

.drp-buttons {
  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;
}

div.daterangepicker .ranges li {
  font-size: 14px;
  color: #030A19;
  line-height: 22px;
}

div.daterangepicker .ranges {
  max-height: 274px;
  overflow-y: auto;
}
div.daterangepicker .ranges::-webkit-scrollbar {
  width: 4px;
}
div.daterangepicker .ranges::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}

div.daterangepicker .ranges li.active {
  background-color: #002FA7;
}
div.daterangepicker .ranges li.active:hover {
  background-color: #002FA7;
}

div.daterangepicker .ranges li:hover {
  background-color: #E5E9F6;
}

div.daterangepicker.show-calendar .drp-buttons {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

div.daterangepicker .calendar-table .prev span {
  position: relative;
  left: 2px;
}

div.daterangepicker .calendar-table .prev:hover, div.daterangepicker .calendar-table .next:hover {
  background-color: #E5E9F6;
}

div.daterangepicker .calendar-table .next span {
  position: relative;
  right: 2px;
}

div.daterangepicker.show-calendar .drp-buttons > button {
  min-height: 42px;
  height: 42px;
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
  font-family: "Inter" ,sans-serif;
}

.range__picker, .solodate {
  position: relative;
}
.range__picker > input.opened, .solodate > input.opened {
  border-color: #002FA7;
}
.range__picker > input.opened + img, .solodate > input.opened + img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.range__picker > img, .solodate > img {
  position: absolute;
  right: 16px;
  bottom: 15px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  max-width: 18px;
}






.range__picker, .solodate_dob {
  position: relative;
}
.range__picker > input.opened, .solodate_dob > input.opened {
  border-color: #002FA7;
}
.range__picker > input.opened + img, .solodate_dob > input.opened + img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.range__picker > img, .solodate_dob > img {
  position: absolute;
  right: 16px;
  bottom: 15px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  max-width: 18px;
}





.table__wrapper {
  border: 1px solid #E8E9ED;
  border-radius: 8px;
}

.dashboard__graph #chartjs-tooltip {
  min-width: 140px;
  max-width: 140px;
}
.dashboard__graph #chartjs-tooltip table {
  width: 100%;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 17px 16px;
  border-top: 1px solid #E8E9ED;
  position: relative;
}
.pagination > 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: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.pagination > ul > li {
  margin-right: 8px;
}
.pagination > ul > li.active > a {
  background-color: #002FA7;
  color: #fff;
}
.pagination > ul > li.active > a svg path {
  stroke: #fff;
}
.pagination > ul > li:nth-child(1) {
  margin-right: 12px;
}
.pagination > ul > li:last-child {
  margin-left: 4px;
  margin-right: 0px;
}
.pagination > ul > li > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 22px;
  min-height: 22px;
  padding: 3px;
  border-radius: 250px;
  background-color: #F9FAFB;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  font-size: 13px;
  line-height: 21px;
  color: #1D2734;
  transition: .4s ease all;
  text-decoration: none;
}
.pagination > ul > li > a.disabled {
  pointer-events: none;
  opacity: .3;
}
.pagination > ul > li > a svg path {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.pagination > ul > li > a:hover {
  background-color: #002FA7;
  color: #fff;
}
.pagination > ul > li > a:hover svg path {
  stroke: #fff;
}
.pagination .pagination__left {
  position: relative;
}
.pagination .pagination__left .dropdown__entries {
  position: absolute;
  bottom: 30px;
  right: 0px;
  background: #FFFFFF;
  z-index: 2;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.08);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.08);
  border-radius: 8px;
  padding: 8px;
  min-width: 75px;
}
.pagination .pagination__left .dropdown__entries > ul {
  text-align: left;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.pagination .pagination__left .dropdown__entries > ul > li {
  width: 100%;
  margin-bottom: 4px;
}
.pagination .pagination__left .dropdown__entries > ul > li:last-child {
  margin-bottom: 0px;
}
.pagination .pagination__left .dropdown__entries > ul > li > a {
  text-decoration: none;
  font-size: 13px;
  line-height: 16px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  white-space: nowrap;
  border-radius: 8px;
  color: #030A19;
  width: 100%;
  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;
  padding: 5px 10px;
}
.pagination .pagination__left .dropdown__entries > ul > li > a:hover {
  background-color: rgba(0, 128, 255, 0.05);
}
.pagination .pagination__left .dropdown__entries > ul > li > a.active {
  background-color: #002FA7;
  color: #fff;
}
.pagination .pagination__left > p {
  margin: 0px;
  font-size: 14px;
  line-height: 21px;
  color: #4B4C4E;
  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;
}
.pagination .pagination__left > p > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.pagination .pagination__left > p > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 8px;
  font-size: 13px;
  line-height: 19px;
  color: #4B5563;
  font-weight: 500;
  margin-right: 8px;
}

.table__container {
  width: 100%;
  overflow-x: auto;
  min-height: 740px;
  max-height: 840px;
  overflow-y: auto;
}
.table__container > table {
  width: 100%;
  border-collapse: collapse;
}
.table__container > table tr td {
  padding: 21px 15px;
  background-color: #FFFFFF;
}
.table__container > table tr td.plate {
  background-color: #CBD5ED;
  padding-top: 12px;
  padding-bottom: 12px;
}
.table__container > table tr td.plate.red {
  background-color: #F8D6D3;
}
.table__container > table tr td.plate.green {
  background-color: #DCF5D9;
}
.table__container > table tr td > p {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #0F1523;
  margin: 0px;
  white-space: nowrap;
}
.table__container > table tr td > p.status {
  font-weight: 600;
}
.table__container > table tr td > p.status.success {
  color: #2DAB18;
}
.table__container > table tr td > p.status.error {
  color: red;
}
.table__container > table tr td > p.payment__method {
  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__container > table tr td > p.payment__method > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.table__container > table tr td > p.payment__method > span > img {
  max-width: 40px;
  min-width: 40px;
}
.table__container > table tr td > p.currency {
  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-weight: 600;
}
.table__container > table tr td > p.currency > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 4px;
}
.table__container > table tr td > p.currency > span > img {
  max-width: 16px;
}
.table__container > table tr td > p.profit.red {
  color: #D52B1E;
}
.table__container > table tr td > p.profit.green {
  color: #2DAB18;
}
.table__container > table tr td > p.roi.red {
  color: #D52B1E;
}
.table__container > table tr td > p.roi.green {
  color: #2DAB18;
}
.table__container > table tr td > p.country {
  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;
}
.table__container > table tr td > p.country span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 10px;
}
.table__container > table tr td > p.country span > img {
  min-width: 24px;
  max-width: 24px;
}
.table__container > table tr th {
  padding: 16px;
  background: #FAFAFA;
}
.table__container > table tr th:nth-child(1) {
  border-top-left-radius: 8px;
}
.table__container > table tr th:last-child {
  border-top-right-radius: 8px;
}
.table__container > table tr th p {
  margin: 0px;
  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;
  font-size: 12px;
  line-height: 17px;
  color: #393942;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
}
.table__container > table tr th p > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: auto;
}
.table__container::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.table__container::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}

.head__ .credit {
  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;
}
.head__ .credit .desc__ 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;
}
.head__ .credit .desc__ ul > li {
  color: #393942;
  font-size: 16px;
  line-height: 24px;
}
.head__ .credit .desc__ ul > li > a {
  color: #B6B6B6;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}
.head__ .credit .desc__ ul > li.spacer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #B6B6B6;
  font-size: 16px;
  line-height: 22px;
  margin: 0px 4px;
}
.head__ .credit .desc__ > h2 {
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 32px;
  line-height: 41px;
  color: #0F1523;
  font-weight: 600;
}
.head__ .credit > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  margin-right: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  border-radius: 6px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.head__ .credit > a:hover {
  background-color: #F0F0F0;
}

.credit__wrapper {
  padding-top: 30px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 25px;
  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;
}
.credit__wrapper > .transaction__box {
  width: calc(100% - 485px);
  padding: 24px;
  background: #F9F9F9;
  border-radius: 8px;
}
.credit__wrapper > .transaction__box .content__ .pagination {
  background: #FFFFFF;
}
.credit__wrapper > .transaction__box .content__ .table__container {
  min-height: 0px;
}
.credit__wrapper > .transaction__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;
  margin-bottom: 15px;
  position: relative;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper {
  position: relative;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > a svg path {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > a.active {
  color: #002FA7;
  border-color: #002FA7;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > a.active svg path {
  stroke: #002FA7;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > .filter__dropdown {
  position: absolute;
  top: 56px;
  right: 0px;
  min-width: 325px;
  max-width: 325px;
  background: #FFFFFF;
  z-index: 2;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.08);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.08);
  border-radius: 8px;
  padding: 16px;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > .filter__dropdown .controls {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > .filter__dropdown .double__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > .filter__dropdown .double__group > .group__input {
  margin-top: 16px;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > .filter__dropdown .group__input {
  margin-top: 16px;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > .filter__dropdown .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;
  margin-bottom: 24px;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > .filter__dropdown .head__ > 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;
  color: #0F1523;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  text-decoration: none;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > .filter__dropdown .head__ > a:hover {
  color: #002FA7;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > .filter__dropdown .head__ > a > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.credit__wrapper > .transaction__box .head__ .filter__wrapper > .filter__dropdown .head__ > p {
  margin: 0px;
  font-size: 18px;
  line-height: 25px;
  color: #0F1523;
  font-weight: 600;
}
.credit__wrapper > .transaction__box .head__ > h2 {
  margin: 0px;
  font-size: 24px;
  line-height: 33px;
  color: #0F1523;
  font-weight: bold;
}
.credit__wrapper > .transaction__box table tr td > p {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}
.credit__wrapper > .transaction__box table tr td > p.status {
  font-weight: 600;
}
.credit__wrapper > .transaction__box table tr td > p.currency {
  font-weight: 600;
}
.credit__wrapper > .transaction__box table tr th {
  background-color: #F2F3F3;
}

.add__credit--box {
  width: 455px;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
}
.add__credit--box > .content__ {
  padding: 24px;
}
.add__credit--box > .content__ > .box__ {
  background: #F9F9F9;
  border-radius: 8px;
  padding: 16px;
}
.add__credit--box > .content__ > .box__ .inner__success {
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 25px;
}
.add__credit--box > .content__ > .box__ .inner__success > .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.add__credit--box > .content__ > .box__ .inner__success > .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 90px;
}
.add__credit--box > .content__ > .box__ .inner__success > .head__ {
  text-align: center;
  margin-bottom: 45px;
}
.add__credit--box > .content__ > .box__ .inner__success > .head__ > h6 {
  margin-top: 0px;
  margin-bottom: 3px;
  font-size: 24px;
  line-height: 33px;
  color: #0F1523;
  font-weight: bold;
}
.add__credit--box > .content__ > .box__ .inner__success > .head__ > p {
  text-align: center;
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
  font-weight: 400;
}
.add__credit--box > .content__ > .box__ .code__wrapper {
  max-width: 301px;
  margin-left: auto;
  margin-right: auto;
}
.add__credit--box > .content__ > .box__ .code__wrapper .code__info--box {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 35px;
  background-color: #fff;
  border-radius: 8px;
  position: relative;
}
.add__credit--box > .content__ > .box__ .code__wrapper .code__info--box > .copy {
  position: absolute;
  left: 15px;
  top: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.add__credit--box > .content__ > .box__ .code__wrapper .code__info--box > .copy:hover {
  opacity: .7;
}
.add__credit--box > .content__ > .box__ .code__wrapper .code__info--box > .details {
  position: absolute;
  top: 15px;
  right: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.add__credit--box > .content__ > .box__ .code__wrapper .code__info--box > .details:hover {
  opacity: .7;
}
.add__credit--box > .content__ > .box__ .code__wrapper .code__info--box .qr__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.add__credit--box > .content__ > .box__ .code__wrapper .code__info--box .qr__image > img {
  max-width: 210px;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.add__credit--box > .content__ > .box__ .code__wrapper .code__info--box > p {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 22px;
  color: #0F1523;
  font-weight: 600;
}
.add__credit--box > .content__ > .box__ .code__wrapper > p {
  text-align: center;
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 16px;
  color: #666871;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 15px;
}
.add__credit--box > .content__ > .box__ .crypto__form > .group__input {
  margin-bottom: 16px;
}
.add__credit--box > .content__ > .box__ .crypto__form > .group__input:last-child {
  margin-bottom: 0px;
}
.add__credit--box > .content__ > .box__ .double__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  margin-top: 16px;
}
.add__credit--box > .content__ > .box__ .group__submit {
  margin-top: 20px;
}
.add__credit--box > .content__ > .box__ .group__input {
  margin-top: 0px;
}
.add__credit--box > .content__ > .box__ .checkbox {
  margin-top: 20px;
}
.add__credit--box > .content__ > .box__ .cardnumber > input {
  padding-left: 52px;
  background: url("../img/mastercard.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
  background-color: #fff;
}
.add__credit--box > .content__ > .box__ > .header__ {
  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: 20px;
}
.add__credit--box > .content__ > .box__ > .header__ > p {
  margin: 0px;
  font-size: 16px;
  line-height: 22px;
  color: #0F1523;
  font-weight: 600;
}
.add__credit--box > .content__ > .box__ > .header__ > 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: 48px;
  margin-right: 16px;
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E8E9ED;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.add__credit--box > .content__ > .box__ > .header__ > a:hover {
  background-color: #E8E9ED;
}
.add__credit--box > .content__ > .box__ > p {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 22px;
  color: #0F1523;
  font-weight: 600;
}
.add__credit--box > .content__ > .box__ > .pick__method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.add__credit--box > .content__ > .box__ > .pick__method > 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;
  height: 64px;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  margin-bottom: 16px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  background-color: #fff;
}
.add__credit--box > .content__ > .box__ > .pick__method > a:hover {
  opacity: .7;
}
.add__credit--box > .content__ > .box__ > .pick__method > a:last-child {
  margin-bottom: 0px;
}
.add__credit--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: 8px 24px;
  border-bottom: 1px solid #E8E9ED;
}
.add__credit--box > .head__ > h2 {
  text-align: left;
  margin: 0px;
  font-size: 24px;
  line-height: 33px;
  color: #0F1523;
  font-weight: bold;
}
.add__credit--box > .head__ > .balance {
  text-align: right;
}
.add__credit--box > .head__ > .balance > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  line-height: 19px;
  color: #666871;
  font-weight: 600;
}
.add__credit--box > .head__ > .balance > p {
  text-align: center;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  line-height: 28px;
  color: #0C111D;
  font-weight: 600;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.add__credit--box > .head__ > .balance > p > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 4px;
}
.add__credit--box > .head__ > .balance > p > span > img {
  min-width: 20px;
  max-width: 20px;
}

.group__input.dropdown .dropdown__box > 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;
}
.group__input.dropdown .dropdown__box > ul > li > a > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 24px;
  margin-right: 12px;
}
.group__input.dropdown .dropdown__box > 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__input.dropdown > a {
  background-color: #fff;
}

.currency__pick > 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;
}
.currency__pick > a > p > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 6px;
}
.currency__pick > a > p > span > img {
  min-width: 20px;
  max-width: 20px;
}

.group__input.dropdown > a.opened > p > img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tooltip {
  padding: 5px 10px;
  text-align: center;
  background: #414346;
  border-radius: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 240px;
  display: none;
}
.tooltip.tooltip__main {
  pointer-events: none;
}
.tooltip.tooltip__main.shorter {
  max-width: 180px;
}
.tooltip.tooltip__main:before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../img/tooltippin.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 12px;
  top: -8px;
  height: 8px;
  background-position: center;
}
.tooltip.float {
  position: absolute;
  z-index: 20;
}
.tooltip > p {
  margin: 0px;
  font-size: 13px;
  line-height: 17px;
  color: #FFFFFF;
  font-weight: 500;
}

.analytic__wrapper .filter__ .campaign__button > a {
  padding-left: 24px;
  padding-right: 24px;
}

table.bigger.regular-table tr td {
  padding-top: 25px;
  padding-bottom: 25px;
}

table.lesssmaller.regular-table tr td {
  padding-top: 15px;
  padding-bottom: 15px;
}

table.smaller.regular-table tr td {
  padding-top: 13px;
  padding-bottom: 13px;
}

table.tiny.regular-table tr td {
  padding-top: 8px;
  padding-bottom: 8px;
}

table.regular-table .word__break {
  white-space: initial;
}
table.regular-table .center {
  text-align: center;
}
table.regular-table .center > p {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
table.regular-table .center {
  text-align: center;
}
table.regular-table tr td {
  padding-top: 15px;
  padding-bottom: 15px;
}
table.regular-table tr td .text__wrapper.muchlonger > p {
  width: 330px;
}
table.regular-table tr td .text__wrapper.longer > p {
  width: 280px;
}
table.regular-table tr td .text__wrapper.size__smaller > p {
  font-size: 14px;
  line-height: 19px;
}
table.regular-table tr td .text__wrapper.smaller {
  width: 120px;
  max-width: 120px;
}
table.regular-table tr td .text__wrapper.smaller > p {
  width: 120px;
}
table.regular-table tr td .text__wrapper > p {
  width: 178px;
  font-weight: 500;
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
table.regular-table tr td .link__wrapper {
  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.regular-table tr td .link__wrapper > .link {
  font-size: 12px;
  line-height: 16px;
  color: #3369DF;
  font-weight: 500;
  font-family: 'SFProRounded' ,sans-serif;
  text-decoration: none;
  width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 10px;
}
table.regular-table tr td .link__wrapper > .copy__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
table.regular-table tr td .link__wrapper > .copy__button:hover {
  opacity: .7;
}
table.regular-table tr td > p.bigger {
  font-size: 14px;
  line-height: 19px;
}

.action--dropdown, .shortlink__dropdown, .bulk__dropdown, .sms__dropdown {
  position: absolute;
  -webkit-box-shadow: 0px 8px 24px 0px #030A1914;
  box-shadow: 0px 8px 24px 0px #030A1914;
  background: #FFFFFF;
  border-radius: 8px;
  z-index: 3;
  padding: 8px;
  min-width: 135px;
}
.action--dropdown > ul, .shortlink__dropdown > ul, .bulk__dropdown > ul, .sms__dropdown > ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
}
.action--dropdown > ul > li, .shortlink__dropdown > ul > li, .bulk__dropdown > ul > li, .sms__dropdown > ul > li {
  margin-bottom: 8px;
  width: 100%;
}
.action--dropdown > ul > li.delete > a, .shortlink__dropdown > ul > li.delete > a, .bulk__dropdown > ul > li.delete > a, .sms__dropdown > ul > li.delete > a {
  color: #D52B1E;
}
.action--dropdown > ul > li.delete > a:hover, .shortlink__dropdown > ul > li.delete > a:hover, .bulk__dropdown > ul > li.delete > a:hover, .sms__dropdown > ul > li.delete > a:hover {
  background-color: rgba(213, 43, 30, 0.05);
}
.action--dropdown > ul > li > a, .shortlink__dropdown > ul > li > a, .bulk__dropdown > ul > li > a, .sms__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;
  min-height: 44px;
  padding-left: 16px;
  text-decoration: none;
  padding-right: 16px;
  font-size: 14px;
  line-height: 19px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  white-space: nowrap;
  border-radius: 8px;
  color: #030A19;
}
.action--dropdown > ul > li > a:hover, .shortlink__dropdown > ul > li > a:hover, .bulk__dropdown > ul > li > a:hover, .sms__dropdown > ul > li > a:hover {
  background: rgba(0, 128, 255, 0.05);
}
.action--dropdown > ul > li > a span, .shortlink__dropdown > ul > li > a span, .bulk__dropdown > ul > li > a span, .sms__dropdown > ul > li > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.action--dropdown > ul > li > a span > img, .shortlink__dropdown > ul > li > a span > img, .bulk__dropdown > ul > li > a span > img, .sms__dropdown > ul > li > a span > img {
  min-width: 20px;
  max-width: 20px;
}
.action--dropdown > ul > li:last-child, .shortlink__dropdown > ul > li:last-child, .bulk__dropdown > ul > li:last-child, .sms__dropdown > ul > li:last-child {
  margin-bottom: 0px;
}

.action__button > 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: 40px;
  max-width: 40px;
  border-radius: 8px;
  min-height: 40px;
  max-height: 40px;
  border: 1px solid transparent;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.action__button > a.active {
  border: 1px solid #002FA7;
}

.group__input.search__name > input {
  padding-left: 48px;
  background: url("../img/searchfield.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.group__input.created__date > input, .group__input.calendar > input {
  padding-left: 48px;
  background: url("../img/calendaricon.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.group__input.amount__sms > input {
  padding-left: 48px;
  background: url("../img/smsicon.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.group__input.price__per--sms > input {
  padding-left: 48px;
  background: url("../img/coin.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 16px center;
}

.group__input.dropdown > a > p.non__picked, .group__input.segment__group > a > p.non__picked {
  opacity: 0.5;
}

.left__ {
  margin-right: 15px;
  width: 100% !important;
}

table.regular-table tr td {
  padding-top: 21px;
  padding-bottom: 21px;
}

table.regular-table .double__actions {
  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;
}
table.regular-table .double__actions > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 24px;
}
table.regular-table .double__actions > a:last-child {
  margin-right: 0px;
}
table.regular-table .check__row {
  width: 50px;
}
table.regular-table .check__row > .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
table.regular-table .check__row > .checkbox .checkmark {
  margin-right: 0px;
}

.segment__builder, .segment__editor {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}
.segment__builder > .segment__main, .segment__editor > .segment__main {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 32px 24px;
  padding-bottom: 0px;
}
.segment__builder > .segment__main .content__ form, .segment__editor > .segment__main .content__ form {
  width: 100%;
}
.segment__builder > .segment__main .content__ form .segment__side, .segment__editor > .segment__main .content__ form .segment__side {
  min-width: 351px;
  border-right: 1px solid #F1F1F1;
  margin-right: 32px;
  padding-left: 0px;
  padding-right: 24px;
  padding-bottom: 24px;
}
.segment__builder > .segment__main .content__ form .segment__side > .group__input, .segment__editor > .segment__main .content__ form .segment__side > .group__input {
  margin-bottom: 16px;
}
.segment__builder > .segment__main .content__ form .segment__side > .segment__list, .segment__editor > .segment__main .content__ form .segment__side > .segment__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.segment__builder > .segment__main .content__ form .segment__side > .segment__list > .elem__segment, .segment__editor > .segment__main .content__ form .segment__side > .segment__list > .elem__segment {
  padding: 12px 16px;
  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;
  border: 1px solid #E8E9ED;
  border-radius: 9px;
  width: 100%;
  margin-bottom: 8px;
  text-decoration: none;
  font-size: 16px;
  line-height: 23px;
  color: #030A19;
  font-weight: 500;
}
.segment__builder > .segment__main .content__ form .segment__side > .segment__list > .elem__segment:last-child, .segment__editor > .segment__main .content__ form .segment__side > .segment__list > .elem__segment:last-child {
  margin-bottom: 0px;
}
.segment__builder > .segment__main .content__ form .segment__side .head__, .segment__editor > .segment__main .content__ form .segment__side .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;
  margin-bottom: 20px;
}
.segment__builder > .segment__main .content__ form .segment__side .head__ > h6, .segment__editor > .segment__main .content__ form .segment__side .head__ > h6 {
  margin: 0px;
  font-size: 18px;
  line-height: 25px;
  color: #030A19;
  font-weight: 600;
}
.segment__builder > .segment__main .content__ form .segment__side .head__ > a, .segment__editor > .segment__main .content__ form .segment__side .head__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.segment__builder > .segment__main .content__ form .segment__form, .segment__editor > .segment__main .content__ form .segment__form {
  padding-bottom: 32px;
  width: 100%;
}
.segment__builder > .segment__main .content__ form .name__container, .segment__editor > .segment__main .content__ form .name__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.segment__builder > .segment__main .content__ .add__segment, .segment__editor > .segment__main .content__ .add__segment {
  padding: 15px;
  border: 1px solid #ECECEC;
  border-radius: 8px;
  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: .4s ease all;
  transition: .4s ease all;
}
.segment__builder > .segment__main .content__ .add__segment.active, .segment__editor > .segment__main .content__ .add__segment.active {
  background: #E5E9F6;
  border: 1px solid #002FA7;
  border-radius: 8px;
}
.segment__builder > .segment__main .content__ .add__segment > a, .segment__editor > .segment__main .content__ .add__segment > a {
  color: #002FA7;
  font-family: "Inter" ,sans-serif;
  font-weight: 500;
}
.segment__builder > .segment__main .content__ .add__segment > a.active, .segment__editor > .segment__main .content__ .add__segment > a.active {
  background: #FEFEFF !important;
  border: 1px solid #E8E9ED !important;
  border-radius: 8px;
}
.segment__builder > .segment__main .content__ .add__segment > a:hover, .segment__editor > .segment__main .content__ .add__segment > a:hover {
  border-color: #3358B9;
}
.segment__builder > .segment__main .content__ .segment__name, .segment__editor > .segment__main .content__ .segment__name {
  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: 32px;
}
.segment__builder > .segment__main .content__ .segment__name > input, .segment__editor > .segment__main .content__ .segment__name > input {
  width: 100%;
  height: 48px;
  border: 0px;
  border-bottom: 1px solid #B7B6B6;
  outline: none;
  font-size: 18px;
}
.segment__builder > .segment__main .content__ .segment__name > a, .segment__editor > .segment__main .content__ .segment__name > a {
  margin-left: 32px;
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.segment__builder > .segment__main > .head__, .segment__editor > .segment__main > .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;
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 32px;
  margin-bottom: 24px;
}
.segment__builder > .segment__main > .head__ > a, .segment__editor > .segment__main > .head__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.segment__builder > .segment__main > .head__ > h2, .segment__editor > .segment__main > .head__ > h2 {
  margin: 0px;
  font-size: 32px;
  line-height: 44px;
  color: #040404;
  font-weight: 600;
}
.segment__builder > .segment__main::-webkit-scrollbar, .segment__editor > .segment__main::-webkit-scrollbar {
  width: 4px;
}
.segment__builder > .segment__main::-webkit-scrollbar-thumb, .segment__editor > .segment__main::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}

.segment__review {
  padding-left: 24px;
  padding-right: 24px;
  height: 100%;
  overflow-y: auto;
}
.segment__review .content__ {
  padding-bottom: 24px;
}
.segment__review::-webkit-scrollbar {
  width: 4px;
}
.segment__review::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.segment__review .segment__info {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  overflow: hidden;
}
.segment__review .segment__info .segment__conditions {
  padding: 24px 48px;
}
.segment__review .segment__info .segment__conditions > p {
  margin-top: 0px;
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 28px;
  color: #0F1523;
  font-weight: 600;
}
.segment__review .segment__info .segment__conditions .row__condition {
  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: -6px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 17px;
}
.segment__review .segment__info .segment__conditions .row__condition:last-child {
  margin-bottom: 0px;
}
.segment__review .segment__info .segment__conditions .row__condition > .el__condition {
  margin: 3px 6px;
}
.segment__review .segment__info .segment__conditions .row__condition > .el__condition > p {
  margin: 0px;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 16px;
  line-height: 20px;
}
.segment__review .segment__info .header__ {
  padding: 32px 48px;
  border-bottom: 1px solid #E8E9ED;
}
.segment__review .segment__info .header__ > h6 {
  margin-top: 0px;
  margin-bottom: 12px;
  font-size: 32px;
  line-height: 44px;
  color: #0F1523;
  font-weight: 600;
}
.segment__review .segment__info .header__ .bottom__info {
  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;
}
.segment__review .segment__info .header__ .bottom__info > .info__ > p {
  margin: 0px;
  font-size: 18px;
  line-height: 25px;
  color: #0F1523;
  font-weight: 600;
  margin-bottom: 3px;
}
.segment__review .segment__info .header__ .bottom__info > .info__ > 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: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 16px;
  line-height: 20px;
  color: #393942;
}
.segment__review .segment__info .header__ .bottom__info > .info__ > span .tooltip__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 8px;
}
.segment__review .segment__info .header__ .bottom__info > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 16px;
  font-size: 48px;
  color: #0F1523;
  font-weight: bold;
  line-height: 60px;
}
.segment__review .segment__info .controls {
  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 48px;
  background: #F8F8F8;
}
.segment__review .segment__info .controls > p {
  margin: 0px;
  font-size: 18px;
  line-height: 25px;
  color: #666871;
  font-weight: 600;
  margin-right: 15px;
}
.segment__review .segment__info .controls .double__ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.segment__review .segment__info .controls .double__ > a {
  padding-left: 24px;
  padding-right: 24px;
  margin-right: 16px;
}
.segment__review .segment__info .controls .double__ > a:last-child {
  margin-right: 0px;
}
.segment__review > .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-top: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid #EDEDED;
  margin-bottom: 48px;
}
.segment__review > .head__ .right__ {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.segment__review > .head__ .right__ > a {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.segment__review > .head__ .right__ > a:hover {
  opacity: .7;
}
.segment__review > .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;
}
.segment__review > .head__ > .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;
}
.segment__review > .head__ > .left__ .desc__ > p {
  margin: 0px;
  margin-bottom: 4px;
  font-size: 32px;
  line-height: 44px;
  color: #0F1523;
  font-weight: 600;
}
.segment__review > .head__ > .left__ .desc__ > span {
  font-size: 16px;
  line-height: 22px;
  color: #0F1523;
  font-weight: 600;
}
.segment__review > .head__ > .left__ .desc__ > span span {
  color: #B6B6B6;
}
.segment__review > .head__ > .left__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  -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;
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  border-radius: 6px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.segment__review > .head__ > .left__ > a:hover {
  background-color: #F0F0F0;
}

.segment__container {
  margin-bottom: 24px;
}
.segment__container .condition {
  margin-bottom: 15px;
}
.segment__container .condition > 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;
}
.segment__container .condition > ul > li.active > a {
  background-color: #002FA7;
  color: #fff;
  font-weight: 600;
}
.segment__container .condition > ul > li:nth-child(1) > a {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.segment__container .condition > ul > li:nth-child(2) > a {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.segment__container .condition > ul > li > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #E5E9F6;
  min-width: 56px;
  min-height: 46px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  line-height: 20px;
  color: #393942;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  text-decoration: none;
}
.segment__container > .segment__ {
  margin-bottom: 15px;
  padding: 16px 24px;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
}
.segment__container > .segment__ .group__input {
  margin-top: 12px;
}
.segment__container > .segment__ .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;
}
.segment__container > .segment__ .top__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 48px;
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
  background: #FDF3F3;
  border-radius: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.segment__container > .segment__ .top__ > a:hover {
  opacity: .7;
}
.segment__container > .segment__ .top__ > p {
  margin: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #030A19;
  font-weight: 600;
}
.segment__container > .segment__:last-child {
  margin-bottom: 0px;
}

.group__input .dropdown__box > ul > li.active > a {
  color: #FFFFFF !important;
  background-color: #002FA7 !important;
}

.group__input.search__input.no__title .dropdown__search {
  top: 56px;
}

.group__input.dropdown.no__title > .dropdown__box {
  top: 55px;
}

.add__template-button {
  padding-left: 24px;
  padding-right: 24px;
}

table.regular-table .replicate__button {
  color: #002FA7;
  font-weight: 400;
}
table.regular-table .replicate__button:hover {
  border-color: #3358B9;
}
table.regular-table.extrasmall tr td {
  padding-top: 10px;
  padding-bottom: 10px;
}
table.regular-table .sms__action {
  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: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  border: 1px solid transparent;
  border-radius: 8px;
}
table.regular-table .sms__action.active {
  border-color: #002FA7;
}
table.regular-table td p.folder {
  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.regular-table td p.folder > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}

.group__input.dropdown > a > img {
  max-width: 18px;
}

.select__folder {
  position: relative;
}
.select__folder.top > .folder__dropdown {
  top: auto;
  bottom: 56px;
}
.select__folder > .folder__dropdown {
  position: absolute;
  left: 0px;
  top: 56px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.08);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.08);
  border-radius: 8px;
}
.select__folder > .folder__dropdown .buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
.select__folder > .folder__dropdown .buttons > a {
  padding: 0px;
  font-size: 14px;
  line-height: 18px;
  min-height: 41px;
}
.select__folder > .folder__dropdown .dropdown__box--container {
  margin-bottom: 0px;
}
.select__folder > .folder__dropdown .dropdown__box--container > ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
  overflow-y: auto;
  padding: 8px;
}
.select__folder > .folder__dropdown .dropdown__box--container > ul::-webkit-scrollbar {
  width: 4px;
}
.select__folder > .folder__dropdown .dropdown__box--container > ul::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.select__folder > .folder__dropdown .dropdown__box--container > ul > li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.select__folder > .folder__dropdown .dropdown__box--container > ul > li.active > a {
  background-color: #002FA7 !important;
}
.select__folder > .folder__dropdown .dropdown__box--container > ul > li.active > a .folder__icon svg path {
  fill: #fff !important;
}
.select__folder > .folder__dropdown .dropdown__box--container > ul > li.active > a > span {
  color: #fff !important;
}
.select__folder > .folder__dropdown .dropdown__box--container > ul > li.active > a > p {
  color: #fff !important;
}
.select__folder > .folder__dropdown .dropdown__box--container > 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;
  width: 100%;
  padding: 10px 16px;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-decoration: none;
  color: #030A19;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.select__folder > .folder__dropdown .dropdown__box--container > 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;
}
.select__folder > .folder__dropdown .dropdown__box--container > ul > li > a > p > .folder__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 8px;
}
.select__folder > .folder__dropdown .dropdown__box--container > ul > li > a > p > .folder__icon svg path {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.select__folder > .folder__dropdown .dropdown__box--container > ul > li > a:hover {
  background: rgba(0, 128, 255, 0.05);
}
.select__folder > .folder__dropdown .dropdown__box--container > ul > li:last-child {
  margin-bottom: 0px;
}
.select__folder > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: .4s ease border;
  transition: .4s ease border;
  border: 1px solid #E8E9ED;
  min-height: 48px;
  width: 100%;
  max-width: 2500px;
  border-radius: 8px;
  padding-right: 48px;
  position: relative;
  padding-left: 15px;
}
.select__folder > a.picked > span {
  opacity: 1;
}
.select__folder > a.opened > img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.select__folder > a > span {
  font-size: 14px;
  line-height: 19px;
  color: #030A19;
  font-weight: 400;
  opacity: .5;
}
.select__folder > a > img {
  position: absolute;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  max-width: 18px;
  right: 15px;
}

.analytic__wrapper .filter__ .left__ > .group__input.sort__group {
  max-width: 160px;
}

.sort__group .sort {
  font-size: 14px;
  line-height: 19px;
  color: #A4A4A4;
}

.list__picker, .list__picker--input {
  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-left: 2px solid #002FA7;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list__picker > .elem__picker, .list__picker--input > .elem__picker {
  margin: 3px 3px;
  padding-left: 9px;
  padding-right: 9px;
  border: 1px solid #EFEFEF;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  font-size: 12px;
  line-height: 16px;
  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;
  color: #5C6269;
  font-weight: 500;
  min-height: 24px;
  text-decoration: none;
}
.list__picker > .elem__picker.active, .list__picker--input > .elem__picker.active {
  color: #fff;
  background-color: #004BB6;
  border-color: #004BB6;
}

.group__input.personalized .list__picker, .group__input.personalized .list__picker--input {
  margin-top: 12px;
}
.group__input.personalized.opened > p span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.group__input.personalized > p {
  cursor: pointer;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #002FA7;
  font-weight: 600;
}
.group__input.personalized > p span {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 6px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.table__container p.break {
  white-space: initial;
}
.table__container p.templatename {
  width: 120px;
}
.table__container .folder__info {
  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;
  width: 220px;
}
.table__container .folder__info.no__folder > p {
  color: rgba(0, 0, 0, 0.5);
}
.table__container .folder__info > p {
  margin: 0px;
  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;
  font-size: 14px;
  line-height: 140%;
  color: #000000;
}
.table__container .folder__info > p > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}

.table__select .selected td {
  background-color: #E5E9F6;
}

.modal__wrapper.higher {
  z-index: 20;
}

.modal__wrapper .copy__move--templates {
  padding: 24px;
  max-width: 515px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 12px;
}
.modal__wrapper .copy__move--templates .controls {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 15px;
}
.modal__wrapper .copy__move--templates .move__top {
  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;
  padding: 10px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E8E9ED;
}
.modal__wrapper .copy__move--templates .move__top > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 15px;
}
.modal__wrapper .copy__move--templates .move__top .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__wrapper .copy__move--templates .move__top .desc__ > p {
  margin: 0px;
  margin-bottom: 6px;
  font-size: 20px;
  line-height: 28px;
  color: #0A1124;
  font-weight: 600;
}
.modal__wrapper .copy__move--templates .move__top .desc__ > span {
  font-size: 14px;
  line-height: 19px;
  color: #525356;
  font-weight: 400;
}

.manage__actions {
  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;
}
.manage__actions > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 15px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.manage__actions > a:hover {
  opacity: .7;
}
.manage__actions > a:last-child {
  margin-right: 0px;
}

.modal__wrapper.medium {
  z-index: 8;
}

.modal__wrapper.high {
  z-index: 10;
}

.contacts__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contacts__controls .right__ {
  margin-right: 20px;
}
.contacts__controls > .import__button {
  margin-right: 20px;
  position: relative;
}
.contacts__controls > .import__button > .import__dropdown {
  position: absolute;
  top: 56px;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  border-radius: 8px;
  width: 100%;
  padding: 8px;
}
.contacts__controls > .import__button > .import__dropdown > ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
}
.contacts__controls > .import__button > .import__dropdown > ul > li {
  position: relative;
  margin-bottom: 8px;
}
.contacts__controls > .import__button > .import__dropdown > ul > li input[type='file'] {
  position: absolute;
  left: -3000px;
}
.contacts__controls > .import__button > .import__dropdown > ul > li:last-child {
  margin-bottom: 0px;
}
.contacts__controls > .import__button > .import__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: 10px 16px;
  font-size: 14px;
  line-height: 19px;
  text-decoration: none;
  color: #030A19;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.contacts__controls > .import__button > .import__dropdown > ul > li > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.contacts__controls > .import__button > .import__dropdown > ul > li > a:hover {
  background: rgba(0, 128, 255, 0.05);
}
.contacts__controls > .import__button > a {
  text-decoration: none;
}
.contacts__controls > .import__button > a.opened > .dropdown__import > div {
  border-color: #002FA7;
}
.contacts__controls > .import__button > a.opened > .text__part {
  border-color: #002FA7;
}
.contacts__controls > .import__button > a.opened .dropdown__import > div > img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.contacts__controls > .import__button .dropdown__import > div {
  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: 52px;
  min-height: 48px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border: 1px solid #E8E9ED;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.contacts__controls > .import__button .dropdown__import > div > img {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.contacts__controls > .import__button .double__import {
  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;
}
.contacts__controls > .import__button .double__import > .text__part {
  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-right: 16px;
  padding-left: 20px;
  white-space: nowrap;
  border: 1px solid #E8E9ED;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: 0px;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  color: #030A19;
  font-weight: 400;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.contacts__controls > .import__button .double__import > .text__part span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.contacts__controls > .more__info {
  position: relative;
}
.contacts__controls > .more__info > .dropdown__more {
  min-width: 250px;
  max-width: 250px;
  padding: 8px;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  border-radius: 8px;
  position: absolute;
  right: 0px;
  top: 56px;
}
.contacts__controls > .more__info > .dropdown__more > ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
}
.contacts__controls > .more__info > .dropdown__more > ul > li {
  margin-bottom: 8px;
  position: relative;
}
.contacts__controls > .more__info > .dropdown__more > ul > li input[type="file"] {
  position: absolute;
  left: -3500px;
}
.contacts__controls > .more__info > .dropdown__more > ul > li > a {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 19px;
  color: #030A19;
  text-decoration: 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;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.contacts__controls > .more__info > .dropdown__more > ul > li > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.contacts__controls > .more__info > .dropdown__more > ul > li > a:hover {
  background: rgba(0, 128, 255, 0.05);
}
.contacts__controls > .more__info > .dropdown__more > ul > li:last-child {
  margin-bottom: 0px;
}
.contacts__controls > .more__info > 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: 48px;
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.contacts__controls > .more__info > a.opened {
  border-color: #004BB6;
}

.word-break {
  word-break: break-all;
}

.table__wrapper .email__wrapper {
  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 .email__wrapper > p {
  min-width: 130px;
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  max-width: 220px;
}
.table__wrapper .email__wrapper > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 5px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.segment__group {
  position: relative;
}
.segment__group .segment__dropdown {
  position: absolute;
  top: 58px;
  min-width: 540px;
  max-width: 540px;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  border-radius: 8px;
  z-index: 2;
}
.segment__group .segment__dropdown .list__segments {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 16px;
  padding-bottom: 8px;
  max-height: 420px;
  overflow-y: auto;
}
.segment__group .segment__dropdown .list__segments::-webkit-scrollbar {
  width: 4px;
}
.segment__group .segment__dropdown .list__segments::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.segment__group .segment__dropdown .list__segments .elem__segment {
  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 16px;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  border-radius: 8px;
}
.segment__group .segment__dropdown .list__segments .elem__segment.active {
  background-color: #002FA7 !important;
}
.segment__group .segment__dropdown .list__segments .elem__segment.active > .right__ a svg path {
  stroke: #fff !important;
}
.segment__group .segment__dropdown .list__segments .elem__segment.active > .left__ > p {
  color: #FFFFFF !important;
}
.segment__group .segment__dropdown .list__segments .elem__segment:hover {
  background: rgba(0, 128, 255, 0.05);
}
.segment__group .segment__dropdown .list__segments .elem__segment:last-child {
  margin-bottom: 0px;
}
.segment__group .segment__dropdown .list__segments .elem__segment > .right__ > .methods {
  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;
}
.segment__group .segment__dropdown .list__segments .elem__segment > .right__ > .methods > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 16px;
}
.segment__group .segment__dropdown .list__segments .elem__segment > .right__ > .methods > a svg path {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.segment__group .segment__dropdown .list__segments .elem__segment > .right__ > .methods > a:last-child {
  margin-right: 0px;
}
.segment__group .segment__dropdown .list__segments .elem__segment > .left__ {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.segment__group .segment__dropdown .list__segments .elem__segment > .left__ > p {
  margin: 0px;
  font-size: 16px;
  line-height: 24px;
  color: #030A19;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.segment__group .segment__dropdown .head__ {
  padding: 24px;
  border-bottom: 1px solid #E8E9ED;
}
.segment__group .segment__dropdown .head__ > .searchinput > input {
  padding-left: 48px;
  background: url("../img/searchblue.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 18px center;
}

.segment__group > a > img {
  max-width: 18px;
}

.elem__load {
  margin-top: 16px;
}
.elem__load .inner__load {
  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;
}
.elem__load .inner__load > .left__ {
  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-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.elem__load .inner__load > .left__ > span, .elem__load .inner__load > .left__ > a {
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 5px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
}
.elem__load .inner__load > .left__ > .progress {
  width: 100%;
  height: 8px;
  position: relative;
  border-radius: 20px;
}
.elem__load .inner__load > .left__ > .progress .active {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  border-radius: 20px;
}
.elem__load .inner__load > .left__ > p {
  margin-top: 0px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 19px;
  color: #030A19;
  font-weight: 400;
}
.elem__load .inner__load .right__ {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 25px;
}
.elem__load .inner__load .right__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.elem__load:last-child {
  margin-bottom: 0px;
}

.file__load {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  padding: 18px 24px;
  padding-top: 2px;
  z-index: 3;
  min-width: 330px;
  max-width: 330px;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  border-radius: 8px;
}

.create__sendout {
  padding-left: 24px;
  padding-right: 24px;
}

.table__container table.regular-table .sendouts__actions {
  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;
}
.table__container table.regular-table .sendouts__actions > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 24px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.table__container table.regular-table .sendouts__actions > a:hover {
  opacity: .7;
}
.table__container table.regular-table .sendouts__actions > a:last-child {
  margin-right: 0px;
}
.table__container table.regular-table .segment__desc {
  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__container table.regular-table .segment__desc > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}

.sendout__container {
  width: 100%;
  padding-top: 24px;
  padding-left: 32px;
  padding-right: 24px;
  padding-bottom: 24px;
}
.sendout__container .header__ {
  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;
}
.sendout__container .header__ .right__ .inner__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;
}
.sendout__container .header__ .right__ .inner__controls > div {
  margin-right: 15px;
}
.sendout__container .header__ .right__ .inner__controls > div:last-child {
  margin-right: 0px;
}
.sendout__container .header__ .right__ .columns__wrapper {
  position: relative;
}
.sendout__container .header__ .switcher ul {
  padding: 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: 0px;
  list-style-type: none;
}
.sendout__container .header__ .switcher ul > li.active > a {
  border-color: #002FA7;
  color: #002FA7;
}
.sendout__container .header__ .switcher ul > li > a {
  min-width: 144px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 54px;
  font-size: 16px;
  line-height: 22px;
  color: #A3A3A3;
  font-weight: 600;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  border-bottom: 2px solid transparent;
}
.sendout__container .header__ .switcher ul > li > a:hover {
  color: #002FA7;
}

.sendout__content .tab__sendout--container .sendout__status {
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  padding: 32px;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid {
  display: grid;
  margin-top: 32px;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 32px;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid .elem__grid .double__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid .elem__grid .content__ {
  min-height: 88px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -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: 16px;
  background: #FBFBFB;
  border-radius: 8px;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid .elem__grid .content__.longer {
  grid-column-start: 1;
  grid-column-end: 3;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid .elem__grid .content__ > h6 {
  margin: 0px;
  font-size: 24px;
  line-height: 24px;
  color: #0F1523;
  font-weight: bold;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid .elem__grid .content__ > 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;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid .elem__grid .content__ > p span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 10px;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid .elem__grid .content__ > p span > img {
  min-width: 24px;
  max-width: 24px;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid .elem__grid .content__ .head__ {
  margin-bottom: 10px;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid .elem__grid .content__ .head__ > p {
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid .elem__grid .content__ .head__ > p > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 8px;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid .elem__grid .header__ > h6 {
  margin: 0px;
  font-size: 16px;
  line-height: 22px;
  color: #0B1020;
  font-weight: 600;
  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;
}
.sendout__content .tab__sendout--container .sendout__status .info__grid .elem__grid .header__ > h6 > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 13px;
}
.sendout__content .tab__sendout--container .sendout__status .triple__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 16px;
}
.sendout__content .tab__sendout--container .sendout__status .triple__grid > .elem__info {
  background: #FBFBFB;
  border-radius: 8px;
  padding: 16px 24px;
}
.sendout__content .tab__sendout--container .sendout__status .triple__grid > .elem__info > span {
  font-size: 24px;
  line-height: 33px;
  color: #0F1523;
  font-weight: bold;
}
.sendout__content .tab__sendout--container .sendout__status .triple__grid > .elem__info > p {
  margin: 0px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 19px;
  color: #030A19;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.sendout__content .tab__sendout--container .sendout__status .triple__grid > .elem__info > p .tooltip__icon {
  margin-left: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.sendout__content .tab__sendout--container .sendout__status > .header__ {
  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: 24px;
}
.sendout__content .tab__sendout--container .sendout__status > .header__ > h6 {
  margin: 0px;
  font-size: 24px;
  line-height: 33px;
  color: #0F1523;
  font-weight: bold;
}
.sendout__content .tab__sendout--container .sendout__status > .header__ > 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: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
}
.sendout__content .tab__sendout--container .sendout__status > .header__ > p span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 16px;
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
}
.sendout__content .tab__sendout--container .sendout__status > .header__ > p span > img {
  margin-right: 8px;
  max-width: 24px;
}

.sms__status {
  margin-top: 32px;
  padding: 32px;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
}
.sms__status .grid__ {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 16px;
}
.sms__status .grid__ > .content__ {
  padding: 16px 24px;
  background: #FBFBFB;
  border-radius: 8px;
}
.sms__status .grid__ > .content__ > h6 {
  margin: 0px;
  font-size: 24px;
  line-height: 33px;
  color: #0F1523;
  font-weight: bold;
}
.sms__status .grid__ > .content__ .head__ {
  margin-bottom: 4px;
}
.sms__status .grid__ > .content__ .head__ > 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: 19px;
  color: #030A19;
  font-weight: 400;
}
.sms__status .grid__ > .content__ .head__ > p span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 8px;
}
.sms__status > h6 {
  margin-top: 0px;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 33px;
  color: #0F1523;
  font-weight: bold;
}

.dropdown__columns {
  position: absolute;
  top: 56px;
  -webkit-box-shadow: 0px 8px 24px 0px #030A1914;
  box-shadow: 0px 8px 24px 0px #030A1914;
  right: 0px;
  min-width: 355px;
  width: 100%;
  max-width: 355px;
  background: #FFFFFF;
  padding: 12px;
  max-height: 375px;
  overflow-y: auto;
}
.dropdown__columns::-webkit-scrollbar {
  width: 4px;
}
.dropdown__columns::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.dropdown__columns .list__columns > .elem__list {
  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 12px;
  margin-bottom: 16px;
}
.dropdown__columns .list__columns > .elem__list:last-child {
  margin-bottom: 0px;
}
.dropdown__columns .list__columns > .elem__list .icon__drag {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.dropdown__columns .list__columns > .elem__list .list__left {
  margin-right: 12px;
}
.dropdown__columns > p {
  padding: 10px;
  text-align: left;
  margin: 0px;
  font-size: 16px;
  line-height: 20px;
  color: #666871;
  font-weight: 400;
  margin-bottom: 16px;
}

table.regular-table .control__row {
  width: 90px;
}
table.regular-table .control__button > 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: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  background: #E5E9F6;
  border-radius: 6px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
table.regular-table .control__button > a.paused {
  background-color: #002FA7;
}

.config__grid {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 32px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}
.config__grid > .elem__config {
  padding: 15px;
  background: #FBFBFB;
  border-radius: 8px;
  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;
  padding-bottom: 24px;
}
.config__grid > .elem__config > p {
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
  margin: 0px;
  margin-bottom: 8px;
}
.config__grid > .elem__config > h6 {
  margin: 0px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #0F1523;
}

.sendout__wrapper {
  position: relative;
}

body {
  min-height: 100vh;
}

.sendout__form {
  position: static;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: #FFFFFF;
  padding: 24px;
  overflow-y: auto;
}
.sendout__form .content__ {
  width: 100%;
  margin-top: 32px;
}
.sendout__form .content__ form {
  width: 100%;
}
.sendout__form .content__ form .main__form {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  -webkit-box-shadow: 0px 4px 64px rgba(90, 113, 154, 0.05);
  box-shadow: 0px 4px 64px rgba(90, 113, 154, 0.05);
  border-radius: 12px;
  max-width: 685px;
  margin-left: auto;
  padding: 32px 64px;
  margin-right: auto;
}
.sendout__form .content__ form .main__form .form__container > .elem__form {
  padding: 32px 0px;
  border-bottom: 1px solid #E8E9ED;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .button__submit {
  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;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .button__submit > a {
  padding-left: 24px;
  padding-right: 24px;
  width: auto;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem {
  margin-bottom: 24px;
  background: #F7F7F9;
  border-radius: 12px;
  padding: 24px;
  padding-bottom: 36px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .link__wrapper > p {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
  color: #030A19;
  font-weight: 400;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .link__wrapper > .link {
  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: 25px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .link__wrapper > .link > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .link__wrapper > .link > a {
  text-decoration: none;
  font-size: 14px;
  color: #002FA7;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 140%;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .dbl {
  margin-bottom: 25px;
  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;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .dbl > .el__ {
  margin-right: 34px;
  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;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .dbl > .el__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px;
  line-height: 16px;
  color: #030A19;
  margin-bottom: 10px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .dbl > .el__ > p {
  margin: 0px;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 19px;
  color: #030A19;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .dbl > .el__ > p > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .dbl > .el__:last-child {
  margin-right: 0px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .info__detailed {
  margin-bottom: 16px;
  padding: 16px;
  background: #EFEFF4;
  border-radius: 10px;
  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;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .info__detailed .dbl {
  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;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .info__detailed .dbl > .el__ {
  margin-right: 24px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .info__detailed .dbl > .el__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
  color: #030A19;
  font-weight: 400;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .info__detailed .dbl > .el__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #030A19;
  font-weight: 500;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .info__detailed .dbl > .el__:last-child {
  margin-right: 0px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .info__detailed > p {
  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: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 14px;
  line-height: 20px;
  color: #151622;
  font-weight: 500;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .info__detailed > p > 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: 12px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .info__detailed > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  font-weight: 600;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .info__detailed:last-child {
  margin-bottom: 0px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .double__info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 28px;
  grid-column-gap: 25px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .double__info > .el__ {
  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;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .double__info > .el__ > p {
  margin: 0px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 140%;
  color: #030A19;
  font-weight: 500;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .double__info > .el__ > p > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .double__info > .el__ > p > span > img {
  min-width: 24px;
  max-width: 24px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .double__info > .el__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
  color: #030A19;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .option__ {
  margin-bottom: 34px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .option__ > p {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 19px;
  color: #0A0D16;
  font-weight: 600;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .option__ .option__elem {
  margin-bottom: 16px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .option__ .option__elem > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
  color: #030A19;
  font-weight: 400;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .option__ .option__elem > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #030A19;
  font-weight: 500;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .option__ .option__elem:last-child {
  margin-bottom: 0px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem .option__:last-child {
  margin-bottom: 0px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .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;
  margin-bottom: 16px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .head__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #002FA7;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .head__ > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .head__ > p {
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 22px;
  color: #0B1020;
  font-weight: 600;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem > .head__ > p > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 12px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .result__elem:last-child {
  margin-bottom: 0px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ > h6 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 28px;
  color: #121830;
  font-weight: 600;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .double__group,
.force__double__group .double__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 33px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 16px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ .double__group .group__input,
.force__double__group .double__group .group__input {
  margin-top: 0px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form > .content__ > p {
  margin-top: 0px;
  line-height: 17px;
  color: #343434;
  margin-top: -25px;
  padding-left: 35px;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 32px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .next__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .next__step > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  padding-left: 24px;
  margin-right: 16px;
  padding-right: 20px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .next__step > a:last-child {
  margin-right: 0px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .next__step > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 4px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .content__ .button__wrapper {
  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;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .content__ .button__wrapper > a {
  width: auto;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .content__ > div {
  margin-top: 0px;
  margin-bottom: 35px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .content__ > div:last-child {
  margin-bottom: 0px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form.opened .tab__ .right__ > img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sendout__form .content__ form .main__form .form__container > .elem__form.opened .tab__ .left__ > p {
  color: #002FA7;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .tab__ {
  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;
  cursor: pointer;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .tab__ .right__ {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .tab__ .right__ > img {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .tab__ .left__ {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .tab__ .left__ > p {
  margin: 0px;
  font-size: 16px;
  line-height: 22px;
  color: #0A0D16;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .tab__ .left__ > p span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 24px;
  max-width: 24px;
  margin-right: 12px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .tab__ .left__ > p span img {
  max-width: 100%;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group:nth-child(2) .personalized .personalized__controls .buttons__ > a:nth-child(1) {
  display: none;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .personalized {
  margin-top: -15px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group > textarea {
  width: 100%;
  resize: vertical;
  background: url("../img/resize.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: bottom right;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group > textarea::-webkit-resizer {
  display: none;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .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: 8px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat {
  position: relative;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown {
  padding: 16px;
  position: absolute;
  right: 0px;
  top: 35px;
  width: 556px;
  background: #FFFFFF;
  border-radius: 8px;
  z-index: 3;
  -webkit-box-shadow: 0px 8px 24px 0px #030A1914;
  box-shadow: 0px 8px 24px 0px #030A1914;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants {
  max-height: 640px;
  overflow-y: auto;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants > .elem__variant {
  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;
  background: #FEFEFF;
  border: 1px solid #E8E9ED;
  cursor: pointer;
  border-radius: 8px;
  padding: 10px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants > .elem__variant:hover {
  background: #FEFEFF;
  border: 1px solid #B2C0E5;
  border-radius: 8px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants > .elem__variant:hover .variant__check {
  background-color: #E5E9F6;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants > .elem__variant.active {
  background: #E5E9F6;
  border: 1px solid #98ABDC;
  border-radius: 8px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants > .elem__variant.active .variant__check {
  background-color: #CBD5ED;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants > .elem__variant:last-child {
  margin-bottom: 0px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants > .elem__variant > .variant__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;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants > .elem__variant > .variant__desc > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 18px;
  color: #0F1523;
  font-weight: 600;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants > .elem__variant > .variant__desc > p {
  margin: 0px;
  font-size: 13px;
  line-height: 18px;
  color: #0F1523;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants > .elem__variant > .variant__desc > p span {
  font-weight: 600;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants > .elem__variant > .variant__check {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 48px;
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
  border-radius: 8px;
  background-color: #FBFBFB;
  -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;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants > .elem__variant > .variant__check .checkmark {
  margin-right: 0px;
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants::-webkit-scrollbar {
  width: 4px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .list__variants::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .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;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .controls > a {
  margin-right: 10px;
  width: auto;
  min-width: 120px;
  margin-top: 20px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .controls > a:last-child {
  margin-right: 0px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .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: 11px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .top__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 22px;
  color: #0F1523;
  font-weight: 600;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown .top__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  line-height: 22px;
  color: #002FA7;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid #002FA7;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat .chat__dropdown:before {
  content: '';
  width: 8px;
  height: 28px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -7px;
  background: url("../img/rightrect.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 28px;
  background: #E5E9F6;
  border-radius: 6px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 14px;
  line-height: 19px;
  color: #002FA7;
  text-decoration: none;
  font-weight: 600;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ .improve__chat > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 4px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form .sms__group .title__ > span {
  font-size: 12px;
  line-height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #030A19;
}
.sendout__form .content__ form .main__form .form__container > .elem__form:nth-child(1) {
  padding-top: 0px;
}
.sendout__form .content__ form .main__form .form__container > .elem__form:last-child {
  padding-bottom: 0px;
  border-bottom: 0px;
}
.sendout__form .content__ form .main__form .top__part {
  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;
  margin-bottom: 40px;
}
.sendout__form .content__ form .main__form .top__part .progress {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 8px;
  width: 100%;
}
.sendout__form .content__ form .main__form .top__part .progress .progress__bar {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 6px;
  background: #F0F1F5;
  border-radius: 20px;
}
.sendout__form .content__ form .main__form .top__part .progress .progress__bar.active {
  background-color: #22DA40;
}
.sendout__form .content__ form .main__form .top__part .progress .progress__bar.filled {
  background-color: #22DA40;
}
.sendout__form .content__ form .main__form .top__part > h6 {
  margin-top: 0px;
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  font-weight: bold;
}
.sendout__form .content__ form .main__form .top__part > p {
  margin: 0px;
  font-size: 16px;
  line-height: 22px;
  color: #2C3442;
  font-weight: 600;
}
.sendout__form .header__ {
  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;
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 32px;
}
.sendout__form .header__ .close__ {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.sendout__form .header__ .close__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.sendout__form .header__ .close__ > a:hover {
  opacity: .7;
}

.personalized__controls {
  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-top: 8px;
}
.personalized__controls > .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;
}
.personalized__controls > .left__ > a {
  min-height: 32px;
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
  padding-left: 15px;
  padding-right: 15px;
  font-family: "Inter" ,sans-serif;
  font-weight: 600;
}
.personalized__controls > .left__ .buttons__ {
  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;
}
.personalized__controls > .left__ .buttons__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.personalized__controls > .left__ .buttons__ > a:last-child {
  margin-right: 0px;
}

.switcher__v--label {
  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;
}
.switcher__v--label .label__for--switcher {
  margin-left: 12px;
}
.switcher__v--label .label__for--switcher > p {
  margin: 0px;
  font-size: 16px;
  line-height: 24px;
  color: #030A19;
  font-weight: 400;
}

.sender__name {
  position: relative;
}
.sender__name .group__input.error > label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.sender__name .switcher__v--label {
  margin-top: 8px;
}
.sender__name .group__input {
  position: relative;
  margin-top: 0px;
}
.sender__name .group__input > label {
  position: absolute;
  left: 0px;
  top: auto;
  font-size: 12px;
  line-height: 16px;
  color: #CA0000;
  font-weight: 400;
  bottom: -31px;
  display: none;
}

.tag__input {
  cursor: pointer;
}
.tag__input .main__box {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 48px;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  padding: 8px 14px;
  padding-left: 11px;
}
.tag__input .main__box .tag__name {
  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;
  background: #E5E9F6;
  border-radius: 4px;
  padding-left: 8px;
  padding-right: 8px;
  margin: 3px 4px;
}
.tag__input .main__box .tag__name a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tag__input .main__box .tag__name span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 7px;
  font-size: 14px;
  line-height: 22px;
  color: #002FA7;
  font-weight: 400;
}
.tag__input .main__box input {
  width: 140px;
  background-color: transparent;
  border: 0px;
  outline: none;
  font-size: 14px;
  padding-left: 16px;
  padding-left: 0px;
  line-height: 19px;
  color: #030A19;
}

.group__input.disabled > span.arrow {
  opacity: .6;
}
.group__input.disabled > input {
  opacity: .6;
  pointer-events: none;
}
.group__input.disabled > a {
  opacity: .6;
  pointer-events: none;
}

.country__search > span.arrow,
.carrier__search > span.arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  right: 16px;
  bottom: 15px;
}
.country__search > span.arrow > img,
.carrier__search > span.arrow > img {
  max-width: 18px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.group__search {
  position: relative;
}
.group__search.opened > span.arrow > img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.group__search > span.arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  right: 16px;
  bottom: 15px;
}
.group__search > span.arrow > img {
  max-width: 18px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.country__search.opened > span.arrow > img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.country__search.top .dropdown__search {
  top: auto;
  bottom: 58px;
}

.country__search.picked img {
  position: absolute;
  left: 16px;
  bottom: 12px;
  width: 24px;
}
.country__search.picked input {
  /*padding-left: 48px;*/
}

.group__input.search__input .dropdown__search {
  padding-bottom: 5px;
}

.group__input.search__input .dropdown__search > ul > li:last-child {
  margin-bottom: 7px;
}

.group__input.dropdown .dropdown__box > ul, .group__input.segment__group .dropdown__box > ul {
  padding-bottom: 1px;
}

.group__input.dropdown .dropdown__box > ul > li:last-child, .group__input.segment__group .dropdown__box > ul > li:last-child {
  margin-bottom: 7px;
}

.sms__info--fields {
  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;
}
.sms__info--fields > .group__input {
  margin-top: 0px;
}
.sms__info--fields > .group__input:nth-child(1) {
  max-width: 150px;
  margin-right: 32px;
}
.sms__info--fields > .group__input:nth-child(2) {
  max-width: 150px;
}

.sending__time {
  padding: 16px;
  background: #FAFAFA;
  border-radius: 10px;
}
.sending__time .sending__picker {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 24px;
}
.sending__time .sending__picker .group__input {
  margin-top: 0px;
}
.sending__time .sending__picker .group__input input {
  background-color: #fff;
}
.sending__time .sending__picker > .elem__sending {
  padding: 12px 16px;
  background: #FFFFFF;
  border: 1px solid #F2F2F2;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.sending__time .sending__picker > .elem__sending.active {
  border-color: #002FA7;
}
.sending__time > p {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  font-weight: 600;
}

.container__radio {
  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-weight: 500;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  color: #151622;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

/* Hide the browser's default radio button */
.container__radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio {
  position: relative;
  top: 0;
  left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
  margin-right: 8px;
  background-color: #eee;
  border-radius: 50%;
  background: #FFFFFF;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  /* Background/Light/Quaternary */
  border: 1px solid #E3E3E3;
  border-radius: 32px;
}

/* When the radio button is checked, add a blue background */
.container__radio input:checked ~ .radio {
  background-color: #002FA7;
  border-color: #002FA7;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container__radio input:checked ~ .radio:after {
  opacity: 1;
}

/* Style the indicator (dot/circle) */
.container__radio .radio:after {
  position: absolute;
  left: 50%;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 12px;
  max-width: 12px;
  min-height: 12px;
  max-height: 12px;
  border-radius: 250px;
  opacity: 0;
  display: block;
  content: "";
  background-color: #FFFFFF;
}

.batches {
  padding: 16px;
  background: #FAFAFA;
  border-radius: 10px;
}
.batches .batches__info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  margin-top: 20px;
}
.batches .batches__info .group__input {
  margin-top: 0px;
}
.batches .switcher__v--label {
  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;
}
.batches .switcher__v--label .label__for--switcher {
  margin-left: 0px;
}

.group__input > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #596680;
  font-weight: 400;
}

.switcher__ > img {
  pointer-events: none;
}

.loading__ {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 5;
}
.loading__ > .loading__inner {
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.loading__ > .loading__inner > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 12px;
}
.loading__ > .loading__inner > span > img {
  -webkit-animation: rotating 2s linear infinite;
}
.loading__ > .loading__inner > p {
  margin: 0px;
  font-size: 18px;
  line-height: 22px;
  color: #F9F9F9;
  font-weight: 500;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.message__sent {
  padding-top: 120px;
  padding-bottom: 80px;
}
.message__sent > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}
.message__sent > p {
  margin-top: 0px;
  margin-bottom: 48px;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  text-align: center;
}
.message__sent .button__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.message__sent .button__wrapper > a {
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.message__sent > h6 {
  margin-top: 0px;
  margin-bottom: 32px;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
  font-weight: bold;
  text-align: center;
}
.message__sent > h4 {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 16px;
  font-size: 32px;
  line-height: 44px;
  color: #000000;
  font-weight: 600;
}

.growth__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;
  margin-bottom: 25px;
}
.growth__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;
}
.growth__head > .right__ .more__audience {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.growth__head > .right__ .more__audience > .dropdown__box {
  position: absolute;
  right: 0px;
  top: 59px;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  min-width: 250px;
  padding: 8px;
  display: none;
  z-index: 2;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.04);
  border-radius: 8px;
}
.growth__head > .right__ .more__audience > .dropdown__box ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
}
.growth__head > .right__ .more__audience > .dropdown__box ul > li {
  width: 100%;
  margin-bottom: 8px;
}
.growth__head > .right__ .more__audience > .dropdown__box ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 19px;
  color: #030A19;
  font-weight: 400;
  text-decoration: none;
  border-radius: 8px;
  white-space: nowrap;
  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%;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.growth__head > .right__ .more__audience > .dropdown__box ul > li > a:hover {
  background: rgba(0, 128, 255, 0.05);
}
.growth__head > .right__ .more__audience > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 48px;
  max-width: 48px;
  min-height: 48px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  max-height: 48px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
}
.growth__head > .right__ .more__audience > a.opened {
  border-color: #004BB6;
}
.growth__head > .right__ .create__sendout {
  margin-left: 24px;
}
.growth__head > .right__ .create__sendout > a {
  padding-left: 24px;
  padding-right: 24px;
}
.growth__head > .right__ .view__contacts {
  margin-left: 16px;
  margin-right: 16px;
}
.growth__head > .right__ .view__contacts > a {
  padding-left: 24px;
  padding-right: 24px;
}
.growth__head > .left__ {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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;
}
.growth__head > .left__ > h6 {
  margin: 0px;
  font-size: 34px;
  line-height: 47px;
  color: #0F1523;
  font-weight: 500;
}
.growth__head > .left__ > p {
  margin: 0px;
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 28px;
  color: #1D2129;
  font-weight: 600;
}
.growth__head > .left__ > span {
  font-size: 12px;
  line-height: 16px;
  color: #666871;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.main__graph {
  width: 100%;
}
.main__graph .graph__container canvas {
  width: 100%;
  max-height: 500px;
}
.main__graph .main__graph--head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main__graph .main__graph--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;
}
.main__graph .main__graph--head > .right__ .info__ {
  text-align: right;
}
.main__graph .main__graph--head > .right__ .info__ .top__ {
  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;
  margin-bottom: 12px;
}
.main__graph .main__graph--head > .right__ .info__ .top__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 24px;
  min-height: 4px;
  border-radius: 6px;
}
.main__graph .main__graph--head > .right__ .info__ .top__ > p {
  margin: 0px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #393942;
  text-transform: uppercase;
  margin-left: 12px;
}
.main__graph .main__graph--head > .right__ .info__ .desc__ > p {
  margin: 0px;
  font-size: 18px;
  line-height: 22px;
  color: #1D2129;
  font-weight: 600;
}
.main__graph .main__graph--head > .right__ .spacer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0px 32px;
  min-width: 1px;
  min-height: 56px;
  background-color: #EDEDED;
}
.main__graph .main__graph--head > .left__ {
  text-align: left;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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;
}
.main__graph .main__graph--head > .left__ > span {
  font-size: 12px;
  line-height: 16px;
  color: #393942;
  font-weight: 500;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 8px;
}
.main__graph .main__graph--head > .left__ > p {
  margin: 0px;
  font-size: 24px;
  line-height: 33px;
  color: #1D2129;
  font-weight: bold;
}

#chartjs-tooltip {
  padding: 10px 15px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 10px 44px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 44px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
  border-radius: 8px;
  text-align: center;
  min-width: 100px;
  max-width: 100px;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 4;
}
#chartjs-tooltip tbody {
  width: 100%;
}
#chartjs-tooltip tbody tr {
  width: 100%;
}
#chartjs-tooltip tbody tr:nth-child(1) p {
  color: #3358B9;
}
#chartjs-tooltip tbody tr:nth-child(2) p {
  color: #8F72E0;
}
#chartjs-tooltip tbody tr:nth-child(3) p {
  color: #50B0AE;
}
#chartjs-tooltip tbody tr td {
  font-size: 14px;
  line-height: 20px;
  color: #0E0F10;
}
#chartjs-tooltip tbody tr td p {
  font-weight: 600;
  margin: 0px;
}
#chartjs-tooltip tbody tr td {
  width: 100%;
}
#chartjs-tooltip tbody tr td span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 52px;
  min-height: 22px;
  margin-right: 12px;
  border-radius: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
#chartjs-tooltip thead tr th {
  font-size: 12px;
  line-height: 20px;
  color: #393942;
  font-weight: 500;
}

#chartjs-tooltip1, #chartjs-tooltip2, #chartjs-tooltip3 {
  padding: 10px 15px;
  z-index: 4;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 10px 44px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 44px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
  border-radius: 8px;
  text-align: center;
  min-width: 100px;
  max-width: 100px;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#chartjs-tooltip1:before, #chartjs-tooltip2:before, #chartjs-tooltip3:before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../img/graphpin.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 12px;
  bottom: -8px;
  margin-left: -13px;
  height: 8px;
  -webkit-transform: rotate(180deg) translateX(-50%);
  transform: rotate(180deg) translateX(-50%);
  background-position: center;
}
#chartjs-tooltip1 tbody, #chartjs-tooltip2 tbody, #chartjs-tooltip3 tbody {
  width: 100%;
}
#chartjs-tooltip1 tbody tr, #chartjs-tooltip2 tbody tr, #chartjs-tooltip3 tbody tr {
  width: 100%;
}
#chartjs-tooltip1 tbody tr td, #chartjs-tooltip2 tbody tr td, #chartjs-tooltip3 tbody tr td {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #0E0F10;
}
#chartjs-tooltip1 tbody tr td p, #chartjs-tooltip2 tbody tr td p, #chartjs-tooltip3 tbody tr td p {
  font-weight: 600;
  margin: 0px;
}
#chartjs-tooltip1 tbody tr td, #chartjs-tooltip2 tbody tr td, #chartjs-tooltip3 tbody tr td {
  width: 100%;
}
#chartjs-tooltip1 tbody tr td span, #chartjs-tooltip2 tbody tr td span, #chartjs-tooltip3 tbody tr td span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 52px;
  min-height: 22px;
  margin-right: 12px;
  border-radius: 50px;
  color: #95989D;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
#chartjs-tooltip1 thead tr th, #chartjs-tooltip2 thead tr th, #chartjs-tooltip3 thead tr th {
  font-size: 12px;
  line-height: 20px;
  color: #393942;
  font-weight: 500;
}

body, html {
  overflow-x: hidden;
}

.triple__graph {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 32px;
}
.triple__graph .elem__triple--graph {
  position: relative;
}
.triple__graph .elem__triple--graph .content {
  width: 100%;
}
.triple__graph .elem__triple--graph .content > canvas {
  max-height: 240px;
  width: 100% !important;
}
.triple__graph .elem__triple--graph .value {
  margin-bottom: 20px;
}
.triple__graph .elem__triple--graph .value > p {
  margin: 0px;
  font-size: 24px;
  line-height: 33px;
  color: #1D2129;
  font-weight: bold;
}
.triple__graph .elem__triple--graph > .head__ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.triple__graph .elem__triple--graph > .head__ > p {
  margin: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #1D2129;
  font-weight: 600;
}
.triple__graph .elem__triple--graph > .head__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 16px;
}

.graph__container {
  position: relative;
}

.main__dashboard .main__ {
  width: 100%;
  margin-right: 24px;
}
.main__dashboard .main__ .plates__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 16px;
}
.main__dashboard .main__ .plates__wrapper .elem__plate {
  padding: 16px;
  background: #FFFFFF;
  border: 1px solid #F5F5F5;
  border-radius: 8px;
  cursor: pointer;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ > a p {
  margin: 0px;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ > a span {
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  background: #F8F8F8;
  border-radius: 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;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ > 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: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  background: #F8F8F8;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost__default {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  cursor: pointer;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost__default.active__plate {
  background: #FAF4E1;
  border-radius: 8px;
}
/*.main__dashboard .main__ .plates__wrapper .elem__plate.cost__default.active__plate:hover {
  background: #EFEDB8;
  border: 1px solid #CEA71E;
  border-radius: 8px;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost__default.active__plate:hover .head__ > a span {
  background-color: #F8F8F8;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost__default.active__plate:hover .head__ > a span svg path {
  fill: #BCB626;
}*/
.main__dashboard .main__ .plates__wrapper .elem__plate.cost__default.active__plate .head__ > a span {
  background-color: #CEA71E;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost__default.active__plate .head__ > a span svg path {
  fill: #fff;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost__default .head__ > a span {
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  background: #F8F8F8;
  border-radius: 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;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost__default .head__ > a span svg path {
  fill: #cea71e;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
/*.main__dashboard .main__ .plates__wrapper .elem__plate.cost__default:hover {

  background: #FFFFFF;
  border: 1px solid #CEA71E;
  border-radius: 8px;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost__default:hover .head__ > a span svg path {
  fill: #BCB626;
}*/
.main__dashboard .main__ .plates__wrapper .elem__plate.impression__default {
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  cursor: pointer;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.impression__default.active__plate {
  background: #f9c4df;
  border-radius: 8px;
}
/*.main__dashboard .main__ .plates__wrapper .elem__plate.impression__default.active__plate:hover {
  background: #f2a6cd;
  border: 1px solid #B6176A;
  border-radius: 8px;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.impression__default.active__plate:hover .head__ > a span {
  background-color: #F8F8F8;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.impression__default.active__plate:hover .head__ > a span svg path {
  fill: #B6176A;
}*/
.main__dashboard .main__ .plates__wrapper .elem__plate.impression__default.active__plate .head__ > a span {
  background-color: #B6176A;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.impression__default.active__plate .head__ > a span svg path {
  fill: #fff;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.impression__default .head__ > a span {
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  background: #F8F8F8;
  border-radius: 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;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.impression__default .head__ > a span svg path {
  fill: #B6176A;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
/*.main__dashboard .main__ .plates__wrapper .elem__plate.impression__default:hover {
  background: #FFFFFF;
  border: 1px solid #B6176A;
  border-radius: 8px;
}*/
.main__dashboard .main__ .plates__wrapper .elem__plate.impression__default:hover .head__ > a span svg path {
  fill: #B6176A;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost {
  background: #FBFBFF;
  border-color: #FbFBFF;
}
/*.main__dashboard .main__ .plates__wrapper .elem__plate.cost:hover {
  border-color: #204EC4 !important;
}*/
.main__dashboard .main__ .plates__wrapper .elem__plate.cost.active__plate {
  background: #FBFBFF;
  border-radius: 8px;
}
/*.main__dashboard .main__ .plates__wrapper .elem__plate.cost.active__plate:hover {
  background: #FBFBFF;
  border: 1px solid #204EC4;
  border-radius: 8px;
}*/
.main__dashboard .main__ .plates__wrapper .elem__plate.cost.active__plate .head__ > a span {
  background-color: #204EC4;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost.active__plate .head__ > a span svg path {
  fill: #fff;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost .head__ > a span {
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  background: #F8F8F8;
  border-radius: 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;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost .head__ > a span svg path {
  fill: #204EC4;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.cost:hover {
  background: #FFFFFF;
  border: 1px solid #204EC4;
  border-radius: 8px;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.clicks {
  border-color: #EEFCFC;
  background: #EEFCFC;
  border-radius: 8px;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.clicks:hover {
  border-color: #50B0AE !important;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.clicks.active__plate {
  background: #EEFCFC;
  border-radius: 8px;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.clicks.active__plate:hover {
  background: #EEFCFC;
  border: 1px solid #50B0AE;
  border-radius: 8px;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.clicks.active__plate .head__ > a span {
  background-color: #50B0AE;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.clicks.active__plate .head__ > a span svg path {
  fill: #fff;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.clicks .head__ > a span {
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  background: #F8F8F8;
  border-radius: 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;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.clicks .head__ > a span svg path {
  fill: #50B0AE;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.main__dashboard .main__ .plates__wrapper .elem__plate.clicks:hover {
  background: #EEFCFC;
  border: 1px solid #50B0AE;
  border-radius: 8px;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .content__ {
  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;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .content__ > span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .content__ > span.plus {
  color: #3AAF5D;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .content__ > span.minus {
  color: #E84A3E;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .content__ > p {
  margin: 0px;
  margin-right: 8px;
  font-size: 24px;
  line-height: 33px;
  color: #0C111D;
  font-weight: bold;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ {
  margin-bottom: 8px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ .plate__dropdown {
  position: absolute;
  top: 35px;
  width: auto;
  padding: 8px;
  right: 0px;
  background: #FBFBFF;
  z-index: 2;
  display: none;
  -webkit-box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.08);
  box-shadow: 0px 8px 24px rgba(3, 10, 25, 0.08);
  border-radius: 4px;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ .plate__dropdown > ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ .plate__dropdown > ul > li {
  margin-bottom: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ .plate__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: 4px 8px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  width: 100%;
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ .plate__dropdown > ul > li > a:hover {
  background: rgba(0, 128, 255, 0.05);
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ > p, .main__dashboard .main__ .plates__wrapper .elem__plate .head__ > 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;
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  font-weight: 600;
  text-decoration: none;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ > p.active > img, .main__dashboard .main__ .plates__wrapper .elem__plate .head__ > a.active > img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ > p > img, .main__dashboard .main__ .plates__wrapper .elem__plate .head__ > a > img {
  position: relative;
  margin-left: 2px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.main__dashboard .main__ .plates__wrapper .elem__plate .head__ > p > span, .main__dashboard .main__ .plates__wrapper .elem__plate .head__ > a > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 12px;
}
.main__dashboard .top__part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main__dashboard .top__part .side__sendout {
  min-width: 360px;
  max-width: 360px;
  padding: 16px;
  background: #F9F9F9;
  border-radius: 8px;
  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;
}
.main__dashboard .top__part .side__sendout > .bottom__part {
  margin-top: 10px;
}
.main__dashboard .top__part .side__sendout > .bottom__part > a {
  width: 100%;
  color: #002FA7;
  font-weight: 400;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ {
  max-height: 495px;
  overflow-y: auto;
}
.main__dashboard .top__part .side__sendout .upper__part .list__::-webkit-scrollbar {
  width: 4px;
}
.main__dashboard .top__part .side__sendout .upper__part .list__::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list {
  padding: 8px 12px;
  background: #FFFFFF;
  border-radius: 8px;
  margin-bottom: 10px;
  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;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list:last-child {
  margin-bottom: 0px;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list .right__ {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list .right__ > button {
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  background: #E5E9F6;
  border-radius: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list .right__ > button.paused {
  background-color: #002FA7;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list .right__ > button.delivered {
  background-color: #DCF5D9;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .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;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .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;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .left__ .desc__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 4px;
  -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;
  line-height: 16px;
  font-weight: 600;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .left__ .desc__ > span span.dot {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 16px;
  max-width: 16px;
  min-height: 16px;
  max-height: 16px;
  border: 2px solid #F8F8F8;
  margin-right: 4px;
  border-radius: 250px;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .left__ .desc__ > span.progress {
  color: #002FA7;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .left__ .desc__ > span.progress > span {
  background-color: #002FA7;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .left__ .desc__ > span.paused {
  color: #BCB626;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .left__ .desc__ > span.paused > span {
  background-color: #BCB626;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .left__ .desc__ > span.delivered {
  color: #2DAB18;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .left__ .desc__ > span.delivered > span {
  background-color: #2DAB18;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .left__ .desc__ > p {
  margin-top: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
  font-weight: 600;
  margin-bottom: 0px;
}
.main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .left__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 12px;
}
.main__dashboard .top__part .side__sendout .upper__part .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;
  margin-bottom: 15px;
}
.main__dashboard .top__part .side__sendout .upper__part .head__ > p {
  margin: 0px;
  font-size: 18px;
  line-height: 24px;
  color: #1D2129;
  font-weight: 600;
}
.main__dashboard .top__part .side__sendout .upper__part .head__ > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px;
  line-height: 16px;
  color: #002FA7;
  font-weight: 500;
  text-decoration: none;
}
.main__dashboard .top__part .side__sendout .upper__part .head__ > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 4px;
}

.dashboard__graph {
  position: relative;
}
.dashboard__graph > canvas {
  width: 100% !important;
}
.dashboard__graph #chartjs-tooltip {
  text-align: left;
}
.dashboard__graph #chartjs-tooltip tbody > tr:nth-child(2) p {
  color: #50B0AE !important;
}
.dashboard__graph #chartjs-tooltip tbody > tr:nth-child(3) p {
  color: #CEA71E !important;
}
.dashboard__graph #chartjs-tooltip tbody > tr:nth-child(4) p {
  color: #B6176A !important;
}
.dashboard__graph #chartjs-tooltip tbody > tr.data1 p {
  color: #002FA7 !important;
}
.dashboard__graph #chartjs-tooltip tbody > tr.data2 p {
  color: #50B0AE !important;
}
.dashboard__graph #chartjs-tooltip tbody > tr.data3 p {
  color: #CEA71E !important;
}
.dashboard__graph #chartjs-tooltip tbody > tr.data4 p {
  color: #B6176A !important;
}

.dash__graph--wrapper {
  background: #FFFFFF;
  border: 1px solid #F5F5F5;
  border-radius: 8px;
  padding: 16px;
}
.dash__graph--wrapper > .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;
}
.dash__graph--wrapper > .head__ 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: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.dash__graph--wrapper > .head__ ul > li {
  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;
  font-size: 12px;
  line-height: 20px;
  color: #393942;
  font-weight: 500;
}
.dash__graph--wrapper > .head__ ul > li span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 6px;
  min-width: 12px;
  max-width: 12px;
  min-height: 12px;
  max-height: 12px;
  border-radius: 4px;
}
.dash__graph--wrapper > .head__ ul > li:last-child {
  margin-right: 0px;
}
.dash__graph--wrapper > .head__ > p {
  margin: 0px;
  font-size: 20px;
  line-height: 28px;
  color: #1D2129;
  font-weight: 600;
}

.bottom__information {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bottom__information > .el__ {
  width: calc(33% - 16px);
  background: #FEFEFF;
  border: 1px solid #E7E7E7;
  border-radius: 8px;
}
.bottom__information > .el__ .content__ {
  height: 240px;
  overflow-y: auto;
}
.bottom__information > .el__ .content__ .sent__text {
  padding: 12px 16px;
}
.bottom__information > .el__ .content__ .sent__text .message__table {
  margin-bottom: 15px;
}
.bottom__information > .el__ .content__ .sent__text .message__table > .message__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 12px;
}
.bottom__information > .el__ .content__ .sent__text .message__table > .message__element > .box {
  padding: 8px;
  background: #FAFAFA;
  border-radius: 8px;
  width: 100%;
  margin-right: 4px;
}
.bottom__information > .el__ .content__ .sent__text .message__table > .message__element > .box.big {
  width: calc(100% - 228px);
}
.bottom__information > .el__ .content__ .sent__text .message__table > .message__element > .box:last-child {
  margin-right: 0px;
}
.bottom__information > .el__ .content__ .sent__text .message__table > .message__element > .box.small {
  min-width: 72px;
  max-width: 72px;
}
.bottom__information > .el__ .content__ .sent__text .message__table > .message__element > .box > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 13px;
  font-size: 10px;
  line-height: 14px;
  color: #666871;
}
.bottom__information > .el__ .content__ .sent__text .message__table > .message__element > .box > p {
  font-size: 14px;
  line-height: 19px;
  color: #050505;
  font-weight: 600;
  margin: 0px;
}
.bottom__information > .el__ .content__ .sent__text .message__table > .message__element > .box > p.text {
  font-size: 12px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bottom__information > .el__ .content__ .sent__text .message__table > .message__element:last-child {
  margin-bottom: 0px;
}
.bottom__information > .el__ .content__ .message {
  padding: 16px;
  background: #F5F5F5;
  border-radius: 8px;
  position: relative;
}
.bottom__information > .el__ .content__ .message:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 20px;
  background: url("../img/textmessageicon.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 3px;
  left: -12px;
}
.bottom__information > .el__ .content__ .message .text__ > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #101D3E;
  font-weight: 600;
}
.bottom__information > .el__ .content__ .message .date {
  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;
}
.bottom__information > .el__ .content__ .message .date > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.bottom__information > .el__ .content__ .message .date > p {
  margin: 0px;
  font-size: 12px;
  line-height: 16px;
  color: #575C6B;
  font-weight: 500;
}
.bottom__information > .el__ .content__::-webkit-scrollbar {
  width: 4px;
}
.bottom__information > .el__ .content__::-webkit-scrollbar-thumb {
  background-color: #E8E9ED;
  border-radius: 5px;
}
.bottom__information > .el__ .bottom__controls {
  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;
  width: 100%;
  padding: 15px;
}
.bottom__information > .el__ .bottom__controls .pagination {
  padding: 0px;
  border-top: 0px;
}
.bottom__information > .el__ .bottom__controls > .left__ {
  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;
}
.bottom__information > .el__ .bottom__controls > .left__ > a {
  min-height: 24px;
  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;
  background: #FAFAFA;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #002FA7;
  font-weight: 500;
  text-decoration: none;
  padding-left: 12px;
  padding-right: 12px;
  margin-right: 8px;
}
.bottom__information > .el__ .bottom__controls > .left__ > a:last-child {
  margin-right: 0px;
}
.bottom__information > .el__ .table__wrapper {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: 0px;
}
.bottom__information > .el__ .table__wrapper .table__container > table tr:last-child td:nth-child(1) {
  border-bottom-left-radius: 8px;
}
.bottom__information > .el__ .table__wrapper .table__container > table tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
.bottom__information > .el__ .table__wrapper .table__container > table tr th:nth-child(1) {
  border-top-left-radius: 0px;
}
.bottom__information > .el__ .table__wrapper .table__container > table tr th:last-child {
  border-top-right-radius: 0px;
}
.bottom__information > .el__ .table__wrapper .table__container {
  min-height: 0px;
}
.bottom__information > .el__ .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;
  border-bottom: 1px solid #E7E7E7;
  padding: 5px 16px;
  min-height: 81px;
}
.bottom__information > .el__ .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;
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
}
.bottom__information > .el__ .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;
}
.bottom__information > .el__ .head__ .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;
}
.bottom__information > .el__ .head__ .left__ .desc__ > span {
  font-size: 12px;
  line-height: 16px;
  color: #666871;
  font-weight: 500;
}
.bottom__information > .el__ .head__ .left__ .desc__ > p {
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 25px;
  color: #1D2129;
  font-weight: 600;
}
.bottom__information > .el__ .head__ .left__ > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 16px;
}

.short__links--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;
}
.short__links--right .filter__short--links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 16px;
  position: relative;
}
.short__links--right .filter__short--links .double__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.short__links--right .filter__short--links .double__buttons > a {
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
  margin-right: 16px;
}
.short__links--right .filter__short--links .double__buttons > a:last-child {
  margin-right: 0px;
}
.short__links--right .filter__short--links .group__input {
  margin-top: 16px;
  position: relative;
}
.short__links--right .filter__short--links .group__input > .tooltip__icon {
  position: absolute;
  right: 0px;
  top: -7px;
}
.short__links--right .filter__short--links .filter__dropdown {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 470px;
  background: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: 0px 8px 24px 0px #030A1914;
  box-shadow: 0px 8px 24px 0px #030A1914;
  z-index: 3;
  top: 60px;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}
.short__links--right .filter__short--links .filter__dropdown:before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../img/whitearr.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  top: -6px;
  height: 7px;
  background-position: center;
}
.short__links--right .filter__short--links .filter__dropdown > p {
  margin-top: 0px;
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 28px;
  color: #0F1523;
  font-weight: 600;
}
.short__links--right .filter__short--links > a, .edit__conditions > 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;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  white-space: nowrap;
  padding-right: 24px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 24px;
  color: #030A19;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.short__links--right .filter__short--links > a.active {
  border-color: #002FA7;
}
.short__links--right .filter__short--links > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
}
.short__links--right > .bulk__options {
  margin-right: 16px;
  position: relative;
}
.short__links--right > .bulk__options .bulk__dropdown {
  right: 0px;
  top: 56px;
}
.short__links--right > .bulk__options > 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;
  padding-right: 20px;
  padding-left: 24px;
  min-height: 48px;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #030A19;
  font-weight: 500;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.short__links--right > .bulk__options > a.active {
  border-color: #002FA7;
}
.short__links--right > .bulk__options > a.active img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.short__links--right > .bulk__options > a img {
  margin-left: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  max-width: 20px;
}
.short__links--right > a.regular-btn {
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: 16px;
}

.action__short--link {
  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;
}
.action__short--link > 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: 40px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  border-radius: 8px;
  border: 1px solid transparent;
}
.action__short--link > a.active {
  border-color: #002FA7;
}

.buy__domains, .redirect__domain {
  margin-left: 16px;
  position: relative;
}
.buy__domains > a, .redirect__domain > a {
  width: auto;
}

.domains__dropdown, .redirect__domains {
  min-width: 455px;
  max-width: 455px;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 8px;
  position: absolute;
  top: 56px;
  right: 0px;
  -webkit-box-shadow: 0px 8px 24px 0px #030A1914;
  box-shadow: 0px 8px 24px 0px #030A1914;
  display: none;
}
.domains__dropdown .group__submit, .redirect__domains .group__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.domains__dropdown .group__submit > a, .domains__dropdown .group__submit > button, .redirect__domains .group__submit > a, .redirect__domains .group__submit > button {
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.domains__dropdown .extensions > span, .redirect__domains .extensions > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #030A19;
}
.domains__dropdown .extensions > p, .redirect__domains .extensions > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
}
.domains__dropdown .info, .redirect__domains .info {
  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;
  margin-bottom: 32px;
}
.domains__dropdown .info > .el__info, .redirect__domains .info > .el__info {
  margin-right: 32px;
}
.domains__dropdown .info > .el__info > span, .redirect__domains .info > .el__info > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #030A19;
}
.domains__dropdown .info > .el__info > p, .redirect__domains .info > .el__info > p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
  color: #0F1523;
}
.domains__dropdown .info > .el__info:last-child, .redirect__domains .info > .el__info:last-child {
  margin-right: 0px;
}
.domains__dropdown:before, .redirect__domains:before {
  content: "";
  position: absolute;
  right: 20px;
  background: url("../img/whitearr.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  top: -6px;
  height: 7px;
  background-position: center;
}
.domains__dropdown .shortlinks, .redirect__domains .shortlinks {
  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%;
}
.domains__dropdown .shortlinks > .group__input, .redirect__domains .shortlinks > .group__input {
  margin-right: 15px;
  margin-top: 0px;
  width: 100%;
}
.domains__dropdown .shortlinks > .group__input.quantity, .redirect__domains .shortlinks > .group__input.quantity {
  min-width: 120px;
  max-width: 120px;
}
.domains__dropdown .shortlinks > .group__input:last-child, .redirect__domains .shortlinks > .group__input:last-child {
  margin-right: 0px;
}
.domains__dropdown .double__buttons, .redirect__domains .double__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;
  margin-top: 15px;
}
.domains__dropdown .double__buttons > a, .domains__dropdown .double__buttons > button, .redirect__domains .double__buttons > a, .redirect__domains .double__buttons > button {
  width: auto;
  margin-right: 15px;
  padding-left: 24px;
  padding-right: 24px;
}
.domains__dropdown .double__buttons > a:last-child, .domains__dropdown .double__buttons > button:last-child, .redirect__domains .double__buttons > a:last-child, .redirect__domains .double__buttons > button:last-child {
  margin-right: 0px;
}
.domains__dropdown .enabled__countries, .redirect__domains .enabled__countries {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 15px;
  background: #F8F8F8;
  border-radius: 8px;
}
.domains__dropdown .enabled__countries > h6, .redirect__domains .enabled__countries > h6 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 22px;
  color: #0F1523;
  font-weight: 600;
}
.domains__dropdown > .step > p, .redirect__domains > .step > p {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 28px;
  color: #0F1523;
  font-weight: 600;
}

.buy__domains > a {
  padding-left: 24px;
  padding-right: 24px;
}

.modal__box.add__template .sms__group .personalized {
  margin-top: -13px;
}

.dashboard__graph > canvas {
  max-height: 450px;
}

.redirect__domains {
  display: none;
  position: absolute;
}
.redirect__domains .enabled__ {
  margin-top: 16px;
}

.modal__box.templates .bottom__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.modal__box.templates .bottom__controls > a, .modal__box.templates .bottom__controls > button {
  width: auto;
  padding-left: 32px;
  padding-right: 32px;
  margin-right: 10px;
}
.modal__box.templates .bottom__controls > a:last-child, .modal__box.templates .bottom__controls > button:last-child {
  margin-right: 0px;
}
.modal__box.templates td.check__row .checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 48px;
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
  background: #FBFBFB;
  border-radius: 8px;
}

.file__wrapper > 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;
  margin: 0px;
  font-size: 14px;
  line-height: 19px;
}
.file__wrapper > p span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 10px;
}

.file__td {
  width: 205px;
}

.file__upload--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;
  width: 205px;
}
.file__upload--info > .left__part {
  min-width: 155px;
  max-width: 155px;
}
.file__upload--info > .left__part .progress {
  position: relative;
  min-width: 160px;
  max-width: 160px;
  min-height: 8px;
  max-height: 8px;
  background: #E5E9F6;
  border-radius: 20px;
}
.file__upload--info > .left__part .progress .active {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  border-radius: 20px;
}
.file__upload--info > .left__part > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 6px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
}
.file__upload--info > .right__part {
  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;
}

.segment__element--info > .group__input {
  max-width: 285px;
}

.segment__ .group__input {
  min-width: 285px;
}
.segment__ .double__group {
  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;
}
.segment__ .double__group > .group__input {
  min-width: 285px;
  margin-right: 15px;
}
.segment__ .double__group > .group__input:last-child {
  margin-right: 0px;
}

.segment__contacts {
  padding: 24px;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  margin-bottom: 15px;
  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;
}
.segment__contacts .right__segment > 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: 44px;
  max-width: 44px;
  min-height: 44px;
  max-height: 44px;
  background: #FFFFFF;
  border: 1px solid #E8E9ED;
  border-radius: 8px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.segment__contacts .right__segment > a:hover {
  background-color: #E8E9ED;
}
.segment__contacts .left__segment .segment__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;
  flex-direction: column;
}
.segment__contacts .left__segment .segment__desc > p {
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 20px;
  color: #393942;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.segment__contacts .left__segment .segment__desc > p span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 8px;
}
.segment__contacts .left__segment .segment__desc > h6 {
  margin: 0px;
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 25px;
  color: #0F1523;
  font-weight: 600;
}
.segment__contacts .left__segment > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 48px;
  line-height: 67px;
  color: #0F1523;
  font-weight: bold;
  margin-right: 15px;
}

.head__ .title__back {
  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;
}
.head__ .title__back .desc > 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;
}
.head__ .title__back .desc > ul > li {
  font-size: 16px;
  line-height: 24px;
  color: #0F1523;
  font-weight: 600;
}
.head__ .title__back .desc > ul > li > a {
  text-decoration: none;
  font-size: 16px;
  color: #B6B6B6;
  line-height: 22px;
}
.head__ .title__back .desc > ul > li.spacer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0px 4px;
  font-size: 16px;
  line-height: 22px;
  color: #B6B6B6;
  font-weight: 600;
}
.head__ .title__back .desc > h6 {
  margin: 0px;
  margin-bottom: 4px;
  font-size: 32px;
  line-height: 44px;
  color: #0F1523;
  font-weight: 600;
}
.head__ .title__back > 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: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  border-radius: 6px;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  margin-right: 24px;
}
.head__ .title__back > a:hover {
  background-color: #F0F0F0;
}

.total__contacts {
  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;
}
.total__contacts > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 19px;
  color: #666871;
  font-weight: 500;
}
.total__contacts > p {
  margin: 0px;
  font-size: 32px;
  line-height: 40px;
  color: #000000;
  font-weight: 600;
}

.segment__details--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;
  width: 100%;
}
.segment__details--controls > a {
  min-width: 0px;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.segment__details--controls .search__name {
  min-width: 280px;
}
.segment__details--controls > .group__input {
  margin-right: 24px;
}
.segment__details--controls > a.regular-btn {
  margin-right: 24px;
}

.group__input.dropdown.country.top .dropdown__box {
  top: auto;
  bottom: 58px;
}

.modal__box.edit__info .group__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.modal__box.edit__info .group__controls > a {
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.modal__box.edit__info .group__input.search__input .dropdown__search > ul {
  max-height: 230px;
}

.import__history .table__container tr {
  cursor: pointer;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}
.import__history .table__container tr:nth-child(1) {
  cursor: initial;
}
.import__history .table__container tr:hover td {
  background-color: #fafafa;
}

@media (max-width: 1640px) {
  .dashboard__graph > canvas {
    max-height: 350px;
  }

  .main__dashboard .top__part .side__sendout .upper__part .list__ {
    max-height: 396px;
  }
}
@media (max-width: 1440px) {
  .main__dashboard .main__ .plates__wrapper .elem__plate .content__ > p {
    font-size: 21px;
    line-height: 30px;
  }

  .modal__wrapper > .inner__modal .modal__box.upload__csv {
    max-height: calc(100vh - 40px);
    overflow-y: auto;
  }
}
@media (max-width: 1430px) {
  .dashboard__graph > canvas {
    max-height: 280px;
  }

  .main__dashboard .top__part .side__sendout .upper__part .list__ {
    max-height: 326px;
  }
}
@media (max-width: 1400px) {
  .bottom__information > .el__ .content__ .sent__text .message__table > .message__element {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }
  .bottom__information > .el__ .content__ .sent__text .message__table > .message__element > .box {
    min-width: 0px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .bottom__information > .el__ .head__ .left__ .desc__ > p {
    font-size: 16px;
    margin-bottom: 0px;
  }

  .bottom__information > .el__ .head__ .left__ > span {
    margin-right: 12px;
  }

  .main__dashboard .top__part .side__sendout {
    min-width: 320px;
    max-width: 320px;
  }

  .main__dashboard .top__part .side__sendout .upper__part .list__ > .elem__list > .left__ .desc__ > p {
    font-size: 13px;
  }

  .message__sent {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .message__sent > span img {
    max-width: 240px;
  }

  .message__sent > h4 {
    font-size: 26px;
    line-height: 34px;
  }

  .message__sent > h6 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px;
  }

  .message__sent > p {
    margin-bottom: 24px;
  }

  .sendout__container .header__ .switcher ul > li > a {
    font-size: 15px;
    min-width: 134px;
  }

  .sign__box > .sign__main > .spacer__box .need__help {
    bottom: -40px;
  }

  .sign__box > .sign__main .box__ .verification > .inner__verification .head__ > h6 {
    font-size: 26px;
    line-height: 32px;
  }

  .sign__box > .sign__main .box__ .inner__box .back__button {
    top: 12px;
    left: 12px;
  }

  .pass__requirements {
    margin-top: 15px;
  }

  .sign__box > .sign__desc {
    padding-top: 25px;
  }

  .sign__box > .sign__main .box__ {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .sign__box > .sign__main {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .sign__box > .sign__desc > .sign__slider .elem__slide > .media {
    max-width: 290px;
  }

  .sign__box > .sign__desc > .sign__slider .elem__slide .desc__ {
    margin-top: 40px;
  }

  .sign__box > .sign__desc > .sign__slider .elem__slide .desc__ > h6 {
    font-size: 18px;
    line-height: 26px;
  }

  .sign__box > .sign__desc > .sign__slider .slick-dots {
    margin-top: 25px;
  }

  .sign__box > .sign__main .box__ .inner__box .head__ > h2 {
    font-size: 26px;
    line-height: 32px;
  }

  .sign__box > .sign__main .box__ .inner__box .head__ {
    margin-bottom: 16px;
  }

  .sign__box > .sign__main .box__ {
    max-width: 520px;
  }

  .sign__box > .sign__main .box__ .inner__box .fields__ {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .error__popup {
    bottom: 25px;
  }

  .sign__box > .sign__main .box__ .inner__box .fields__ .group__submit {
    margin-top: 16px;
  }
  .sign__box > .sign__main .box__ .inner__box .fields__ .group__submit > button {
    height: 40px;
  }

  .sign__box > .sign__main .box__ .inner__box .or__wrapper {
    margin-top: 16px;
  }
}
