.v2 *{
  font-family: 'Inter', sans-serif;
}

.v2{
  background-color: #ffffff;
}

.v2 .container{
  box-sizing: border-box;
  max-width: 1280px;
  width: 100%;
}

.v2 .container-flex{
  display: flex;
  align-items: center;
  padding: 0 32px;
  box-sizing: border-box;
}

.v2-login .login-bg{
  background-image: url("/tpl/img/login-bg.png");
  /*background-size: 100%;*/
  background-repeat: no-repeat;
  background-position: left;
  width: 100%;
  height: auto;

}

.main-content{
  margin-top: 72px;
}

.login-flex{
  display: flex;
  align-items: center;
}

.v2-login{
  padding: 0;
}

.v2-login .item{
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1000px) {
  .v2-login .item{
    width: 100%;
  }
  .v2-login .login-bg{
    display: none;
  }
}

.v2-login{
  height: 100vh;
}

.text-center{
  text-align: center;
}

.login-content{
  width: 360px;
}
.login-top{
  width: 100%;
}
.flex-center{
  justify-content: center;
  display: flex;
}

.flex-space-between{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.flex-end{
  display: flex;
  justify-content: flex-end;
}

.header-1{
  color: #101828;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px; /* 122.222% */
  letter-spacing: -0.72px;
}

.header-2{
  color: #101828;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px; /* 126.667% */
}

.header-3{
  color: #101828;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}

.header-5{
  color: #101828;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.header-4{
  color: #667085;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.header-6{
  color: #667085;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.flex-align-middle{
  align-items: center;
}

.v2 input{

}

.login-top{
  margin-bottom: 30px;
}

.input-group{
  margin-bottom: 20px;
}

.input-group §{
  color:#344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.input-group input::placeholder{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.input-group input, .input-group .nice-select, .input-group .select2-selection{
  color: #101828;
  padding: 10px 14px!important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-radius: 8px!important;
  border: 1px solid #D0D5DD!important;
  margin: 5px 0;
}

.v2 .nice-select:after{
  content: url('/tpl/img/input-icon/chevron-down.svg');
  top: 35%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
  margin-top: 0px!important;
  border: 1px solid #525199!important;
  color: #525199;
  background-color: #fff!important;
}
.select2-selection__choice__display{
  color: #525199;
}
.select2-selection__choice__remove span{
  color: #525199;
}
.select2-selection__choice__remove {
  border-right: none!important;
}

.select2-container .select2-search--inline .select2-search__field{
  height: 20px!important;
  margin-top: 0!important;
}

.input-group .select2-selection{
  padding-left: 20px;
}

.input-group-icon{
  position: relative;
}

.input-group-icon input, .input-group-icon .select2-selection{
  padding: 10px 14px 10px 44px!important;
}

.input-group-icon img {
  position: absolute;
  top: 17px;
  left: 14px;
}

.btn-link{
  color: #525199;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.underline{
  text-decoration-line: underline;
}

.btn-full{
  width: 100%;
}

.v2 .btn{
  position: relative;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  text-transform: none;
  border-radius: 8px;
}

.v2 .group-checkbox label:before{
  width: 20px;
  height: 20px;
  border: 1px solid #D0D5DD;
  border-radius: 4px;
  top:-3px;
}

.v2 .login-content .other{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.other {
  margin-top: 0;
  margin-bottom: 26px;
}
.v2 .group-checkbox [type="checkbox"]:checked + label:before{
  border: 1px solid #FF6200;
  background-color: #F9F5FF;
}

.v2 [type="checkbox"]:checked:focus + label:before{
  border: 1px solid #FF6200!important;
}
.v2 [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px solid #D0D5DD!important;
}

.v2 .group-checkbox label:after{
  left: 5px;
  top: 0;
  content: url("/tpl/img/check.png");
}

.v2-login .contact-box{
  position: absolute;
  left: 32px;
  bottom: 32px;
  display: flex;
}
.v2-login .contact-box{
  text-decoration: none;
}

.v2-login .contact-box .phone-ico{
  margin-right: 10px;
}
.v2-login .contact-box span{
  margin-right: 10px;
  color: #525199;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.v2-login .links{
  margin-top: 20px;
}

.login-top-img{
  margin-bottom: 20px;
}
.btn-link img{
  margin-right: 10px;
}
.btn-link:hover {
  color: #2B2B2B;
}
.width-100{
  width: 100%;
}


.v2 .main-nav{
  margin: 0;
}

.v2 .header-top{
  /*height: 72px;*/
  min-height: 72px;
  margin: 0;
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 1000;
  background-color: #ffffff;
  border-bottom: 1px solid #EAECF0;
  top:0;
}
.v2 .top{
  display: flex;
  align-items: center;
}

.v2 .header-top .buttons-top{
  border-top: 1px solid #EAECF0;
  padding: 5px 0;
}

.v2 .header-top .buttons-top .container{
  display: flex;
  justify-content: flex-end;
}

.v2 .header-top .buttons-top .container .btn{
  margin-left: 15px;
}
.v2 .main-nav a{
  color: #667085;
  font-size: 16px;
  font-weight: 600;
}

.v2 .main-nav li{
  display: flex;
  padding: 8px 12px;
  align-items: center;
  gap: 8px;
  border-left: none;
}

.v2 .main-nav li.actv{
  border-radius: 6px;
  background: #F9FAFB;
}

.v2 .main-nav li.actv *{
  color: #101828;
}

.main-nav li.main-nav-title{
  margin-right: 10px;
  padding-left: 0;
}
.main-nav .main-nav-title, .main-nav .main-nav-title a{
  font-size: 20px;
  font-weight: 600;
  color: #101828;
}

.v2 .btn.plus{
  padding-left: 45px;
}
.v2 .plus:before {
  content: url(../img/input-icon/plus.png);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}

.v2 .btn.icon-download-2{
  padding-left: 45px;
}
.v2 .icon-download-2:before {
  content: url(../img/input-icon/upload-01.svg);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}

.v2 .btn.icon-bin{
  padding-left: 45px;
}
.v2 .icon-bin:before {
  content: url(../img/input-icon/trash-01.svg);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}

.v2 .btn.icon-edit{
  padding-left: 45px;
}
.v2 .icon-edit:before {
  content: url(../img/input-icon/edit-02.png);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}

.v2 .btn.icon-clone{
  padding-left: 45px;
}
.v2 .icon-clone:before {
  content: url(../img/input-icon/file-download-02.svg);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}

.v2 .btn.icon-download{
  padding-left: 45px;
}
.v2 .icon-download:before {
  content: url(../img/input-icon/download-03.svg);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}

.v2 .btn.icon-back{
  padding-left: 45px;
}
.v2 .icon-back:before {
  content: url(../img/input-icon/flip-backward.svg);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}


.v2 .btn.icon-copy{
  padding-left: 45px;
}
.v2 .icon-copy:before {
  content: url(../img/input-icon/copy-01.svg);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}

.v2 .btn.icon-save{
  padding-left: 45px;
}
.v2 .icon-save:before {
  content: url(../img/input-icon/save-02.svg);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}

.v2 .btn.plus-circle{
  padding-left: 45px;
}
.v2 .plus-circle:before {
  content: url(../img/input-icon/plus-circle.svg);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}

.v2 .icon-filter{
  padding-left: 45px;
}

.v2 .icon-filter:before {
  content: url(../img/input-icon/filter-lines-white.svg);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}

.btn-filter{
  padding-left: 45px;
}

.btn-filter:before {
  content: url(../img/input-icon/filter-lines.svg);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}
.btn-filter{
  padding-left: 45px;
}

.btn-sort{
  padding-left: 45px;
}

.btn-sort:before {
  content: url(../img/input-icon/filter-funnel-01.svg);
  position: absolute;
  top: 5px;
  left: 16px;
  padding-left: 0px;
}

.no-margin{
  margin: 0!important;
}
.no-margin-down{
  margin-bottom: 0!important;
}

.v2 .right-space{
  margin-right: 16px;
}

.header-top .menu-dropdown{
  font-size: 14px;
  font-weight: 400;
  color: #667085;
  cursor: pointer;
}

.header-top .menu-dropdown img{
  margin-left: 4px;
}

.v2 section{
  padding-top: 48px;
}
.campaigns{
  background-color: #ffffff;
}

.campaigns .top {
  margin-bottom: 32px;
}

.campaigns .top .choose-view .item{
  color: #667085;
  font-size: 16px;
}
.v2 .choose-view .active {
  background-color: transparent;
}
.campaigns .top .choose-view .item.active .box-active{

 display: block;
}
.campaigns .top .choose-view .item.active .box-natural{
  display: none
}
.campaigns .top .choose-view .item .box-active{
  display: none;
}
.campaigns .top .choose-view .item .box-natural{
  display: block
}

.btn.btn-2{
  border: 1px solid #525199;
  color: #525199;
  background-color: #ffffff;
}

.btn.btn-2:hover{
  background-color: #ececf6;
}

.list-boxes{
  margin: 24px auto 0 auto;
  width: 100%;
  gap: 2%;
}

.list-boxes .list-boxes-item{
  width: 32%;
  margin-bottom: 2%;
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid #EAECF0;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}

@media screen and (max-width: 1000px){
  .list-boxes .list-boxes-item{
    width: 49%;
  }
}

@media screen and (max-width: 650px){
  .list-boxes .list-boxes-item{
    width: 100%;
  }
}

.icons a{
  text-decoration: none;
}
.list-boxes .list-boxes-item .icons a, .list-table .icons a:last-of-type{
  margin-left: 15px;
}

.text-style-2{
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: #667085;
}
.text-style-3{
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #344054;
}

.width-100{
  width: 100%;
}

.text-style-2-thin{
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.list-box-img{
  max-width: 80px;
  max-height: 100px;
}

.list-box-title-header{
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin:0 0 16px 0;
  word-break: break-all;
}

.row-2{
  height: 120px;
  margin-bottom: 15px;
  color: #101828;
  text-decoration: none;
}

.commient-icon-box img{
  margin-right: 5px;
}

.commient-icon-box{
  cursor: pointer;
}

.no-wrap{
  flex-wrap: nowrap;
}

.list-box-title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 16px;
}

.list-table-box{
  width: 100%;
  margin: 24px auto;
  overflow-x: auto;
  border-radius: 12px;
  border: 1px solid #EAECF0;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}

.list-table th img{
  margin-left: 4px;
}

.row-white{
  background-color: #ffffff;
}

.list-table th{
  padding: 12px 24px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  border-bottom: 1px solid #EAECF0;
  /*border-right: 1px solid #EAECF0;*/
}

.list-table th:last-child{
  border-right: none;
}
.list-table{
  width: 100%;
  border-collapse: collapse;
}

@media screen and (max-width: 1200px) {
  .list-table {
    min-width: 1200px;
  }
}

.list-table td{
  border-bottom: 1px solid #EAECF0;
  /*border-right: 1px solid #EAECF0;*/
  padding: 16px 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #101828;
}
.list-table td .table-name{
  flex-wrap: nowrap;
  text-decoration: none;
}



.list-table td .table-name img{
  max-height: 40px;
  max-width: 50px;
  margin-right: 12px;
}
.list-table td .table-name span{
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #101828;
}
.list-table tr.row-gray td{
  background: #F9FAFB;
}
.list-table td:last-child{
  border-right: none;
}


.pagination .prev a, .pagination .next a{
  display: flex;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: #344054;
  text-decoration: none;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  padding: 8px 14px;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.pagination .prev a:hover, .pagination .next a:hover{
  background: #DCDFEA;
}

.pagination .prev a span, .pagination .next a span{
  margin: 0 8px;
}

.pagination .pages a{
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #475467;
  padding: 12px 18px;
  border-radius: 8px;
  text-decoration: none;
}

.pagination .pages a:hover{

  background: #DCDFEA;
}

.pagination .pages a.active{
  background: #DCDFEA;
}

.pagination .pages .page-number{
  width: 45px;
  padding: 5px 12px;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background:  #FFF;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.table-pagination{
  padding: 8px 24px;
}

.boxes-pagination{
  padding-top: 8px;
  border-top: 1px solid #EAECF0;
}

.relative{
  position: relative;
}

.menu-action{
  z-index: 10;
  display: none;
  padding: 5px 0;
  position: absolute;
  right: 0;
  border-radius: 4px;
  border: 1px solid #525199;
  background: #F9FAFB;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.20), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.menu-action .action-box-link{
  flex-wrap: nowrap;
  margin-left: 0!important;
  padding: 7px 45px 7px 15px;
}
.menu-action .action-box-link,.menu-action .action-box-link span{
  margin-left: 8px;
  color: #344054;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}


.menu-action .action-box-link:hover{
  background: #edf0f3;
}

.menu-action-trigger .close{
  display: none;
}

.menu-action-trigger.active .close{
  display: inline-block;
}
.menu-action-trigger.active .open{
  display: none;
}

.footer{
  height: 125px;
  background-color: #1D2939;
  color: #EAECF0;
}
.footer .container{
  height: 125px;
  color: #EAECF0;
}

.footer-title{
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 150% */
  color: #EAECF0;
  text-decoration: none;
}

.footer-item{
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #EAECF0;
  text-decoration: none;
  margin-left: 32px;
}

.list-boxes-container{
  width: 100%;
}

.page-number-form{
  display: inline-block;
}

.box-shadow{
  border-radius: 12px;
  border: 1px solid #EAECF0;
  background: #FFF;
  padding: 24px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
  transition: all 0.5s ease;
}

.edit-campaign-form .item{
  width: 49%;
  margin: 0 1%;
}

.camp-form-info p{
  margin-top: 0;
}

.v2 .form-companies{
  padding-top: 0;
}

.form-companies .filter-box{
  border-radius: 12px;
  border: 1px solid #525199;
  padding: 20px;
  background: #F9FAFB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.select2.select2-container.select2-container--default{
  width: 100%!important;
}

.form-companies .fc-inputs{
  width: 49%;
}
.form-companies .fc-inputs select{
  width: 100%;

}

.fc-datapicker .input-group {
  margin-right: 20px;
}
.js-form-list {
  display: none;
}

.menu-sort{
  top: 40px;
  padding: 8px 0;
  z-index: 20;
}

.menu-sort .group-checkbox{
  cursor: pointer;
}
.menu-sort-direction{
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.v2 .menu-sort .group-checkbox label:after{
  content: url("/tpl/img/input-icon/check.svg");
  top: -13px;
}
.v2 .menu-sort  .group-checkbox label:before{
  background-color: transparent;
  border: none;
}

.menu-sort label{
  width: 100%;
  display: block;
  padding: 4px 40px 4px 40px!important;
  box-sizing: border-box;
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.17px;
}
.menu-sort .group-checkbox:hover{
  background-color: rgba(0, 0, 0, 0.04);
}
.btn-blue{
  background-color: #525199;
  color: white;
}

.btn-blue:hover{
  background-color: #3c3b77;
}

.v2 .campaigns{
  padding-top: 48px;
}

.v2 label{
  color: #344054;
}

.edit-campaign-form .item{
  margin: 0;
  margin-bottom: 20px;
}

.inputs-edit-campaign{
  flex-wrap: wrap;
}

.inputs-edit-campaign .input-group{
  width: 49%;
}

.groups-header{
 margin: 20px 0;
}
.v2 .gray-bg{
  background-color: #F9FAFB;
}
.v2 .group h3{
  margin-top: 0;
}

.items-input-1 .input-group{
  width: 49%;
}

.title-format{
  color: #344054;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin: 0;
}
.v2 .bar{
  width: 80%;
  height: 8px;
  border-radius: 4px;
  background-color: #EAECF0;
  margin: 10px 0 15px 0;
}

.v2 .bar1{
  height: 8px;
  border-radius: 4px;
  margin: 0;
}
.v2 .group .box{
  display: block;
  max-width: calc(25% - 20px);
}

.border-red{
  border: 1px solid #D92D20!important;
}
.border-blue{
  border: 1px solid #525199;
}
.border-green{
  border: 1px solid #4CA30D!important;
}

.border-red .bar1{
  background-color: #D92D20;
}
.border-blue .bar1{
  background-color: #525199;
}
.border-green .bar1{
  background-color: #4CA30D;
}

.bar-container span{
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.margin-left{
  margin-left: 20px;
}

.margin-bottom{
  margin-bottom: 24px;
}
.link-simple:hover{
  text-decoration: underline;
}
.link-simple span{
  color: #525199;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-left: 6px;

}
.link-simple{
  text-decoration: none;
}

.link-simple{

}

@media (min-width: 1220px){
  .kampania-box .box {
    max-width: calc(34% - 20px);
  }
}

.kampania-box .group-checkbox{
  bottom: 20px;
  right: 21px!important;
  top: initial!important;
}

.kampania-box .box .item-action{
  margin-right: 10px;
  text-decoration: none;
  margin-top: 0;
}

.icon-action-comment img{
  margin-bottom: 2px;
}

.v2 .box.add-format-btn .add p{
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: #525199;
  margin-right: 10px;
}
.v2 .box.add-format-btn{
  height: 127px;
}
.v2 .box.add-format-btn .add{
  border: 1px solid #525199;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.v2 .add-campaign-box .box{
  height: 60px;
  border: 1px solid #667085;
}

.v2 .add-campaign-box .box .box-flex{
  justify-content: flex-start;
  flex-flow: row;
}

.v2 .add-campaign-box .box p{
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: #101828;
}

.v2 .add-campaign-box .check{
  position: relative;
  border: 1px solid #FF9C66;
}

.v2 .add-campaign-box .check:after{
  position: absolute;
  top: 15px;
  right: 15px;
  content: url("/tpl/img/input-icon/check-format.png");
}
.group .buttons-box{
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #EAECF0;
}
.group .buttons-action .btn{
  margin-right: 16px;
}

.v2 .group{
  margin-bottom: 48px;
}

.kampania-box .box {
  max-width: calc(34% - 20px);
}
.container-subtitle{
  margin-bottom: 20px;
}
.container-subtitle .desc-header{
  margin-top: 0;
}

.no-margin-bottom{
  margin-bottom: 0;
}

.popup-preview{
  border-radius: 12px;
  border: 1px solid #525199;
  padding: 20px;
  min-height: 300px;
  /*max-height: 300px;*/
  position: absolute;
  top: -320px;
  right: 40px;
  display: none;
  z-index: 600;
}

.popup-preview .header-5{
  display: block;
}

.popup-preview img{
  margin-top: 20px;
  width: auto;
  max-width: 400px;
  max-height: 250px;
  height: auto;
}

.js_preview_format:hover{
  background-color: #e0e5ea;
  border-radius: 20px;
}

.v2 .flex-top .box-format-title{
  display: block;
}

.v2 .flex-top .dodaj-format-item{
  display: flex;
}

.box-format-title .header-6{
  margin-top: 5px;
}

.edit-format input,.edit-format textarea, .edit-format .nice-select, .v2 .tox-editor-container{
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.edit-format textarea{
  padding: 10px;
}
.box-input h3, .h3_content1, .h3_title1, .h3_button1_type, .h3_add_btn_top, .h3_add_regulation,
.h3_regulation_text{
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 6px;
}
.simply_textarea_container{
  margin-bottom: -10px;
}
.simply_textarea{
  margin-top: 10px;
}
.simply_textarea_counter{
  margin-top: -28px;
}

.v2 .field, .v2 .tox-tinymce{
  border-bottom: 1px solid #000000 !important;
  padding-bottom: 20px;
  border-radius: 0;
}
.v2 .tox.tox-edit-focus .tox-edit-area::before{
  opacity: 0;
}
.v2 .tox-editor-header{
  margin-bottom: 0!important;
}
.v2 .field-select{
  height: 40px;
}
.v2 .tox:not(.tox-tinymce-inline) .tox-editor-header{
  box-shadow: none;
  padding: 0;
}

.v2 .info-input, .v2 .info-text{
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  background: none;
  padding-left: 0;
  border: none;
}

.box-input:empty{
  border-bottom: none;
  padding-bottom: 0;
}
.preview-popup .info h4{
  width: 100%;
}
.subtitle-preview{
  width: 100%;
  border-bottom: 1px solid #D0D5DD;
  padding-bottom: 12px;
}

.subtitle-preview h4{
  margin: 8px 0;

}
.edit-format .title-preview{
  margin-bottom: 0;
}

.copy-button img{
  height: 20px;
}

.title-device{
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.copy-button{
  padding-top:6px;
  padding-bottom: 5px
}

.box-images .prev-img{
  border: 1px solid #D0D5DD;
}

.image-preview-img{
  border: 1px solid #D0D5DD;
}

.format-versions .version-btn-active{
  background-color: #667085;
  border-radius: 16px;
  color: #ffffff;
}
.format-versions span{
  padding: 3px 8px;
  color: #667085;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.format-versions{
  padding: 4px 6px;
  background-color: #F2F4F7;
  border-radius: 16px;
  margin-top: 5px;
}
.box-input{
  position: relative;
}

.version-img{
  position: absolute;
  right: 35px;
}

.field.image-container{
  margin-top: 10px;
}

.column1 .buttons-img .item{
  display: block;
}
.column1 .buttons-img .link-simple{
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
}

.group-submit a{
  display: block;
}

.group-submit{
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}

.group-submit .item{
  display: block;
}
.menu-dropdown{
  position: relative;
}

.menu-dropdown .menu-action .action-box-link{
  text-decoration: none;
  padding: 10px 45px 10px 15px;
}

.menu-dropdown .menu-action{
  width: 200px;
  position: absolute;
  top: 21px;
}

.logout-button{
  padding-top: 8px;
  border-top: 1px solid #FF6200;
}

.menu-dropdown .menu-action .logout-button span{
  color: #FF6200;
}

.user-info-container .user-info-item{
  width: 300px;
}
.user-info-item-type-box{
  display: inline-block;
}

.user-info-item-type img{
  margin-right: 5px;
}
.user-info-item-type{
  border-radius: 100px;
  border: 1px solid #697586;
  padding: 4px 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-info-item-email{
  color: #667085;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.user-info-form{

}

.fullwidth{
  width: 100%;
}

.my-profile .top{
  margin-bottom: 32px;
}
.user-info-form-1 .input-group{
  width: 49%;
}

.user-info-buttons{
  margin-top: 32px;
  display: flex;
  justify-content: flex-end;
}

.table-products img{
  max-width: 50px;
}

.table-products th{
  text-align: left;
  color: #475467;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.checkbox-product{
  margin: 15px 0;
}

.product-edit-1 .input-group{
  margin-right: 30px;
}

.table-users th{
  text-align: left;
}

.users-edit-1 .input-group{
  width: 49%;
}

.input-select-box .nice-select{
  margin-bottom: 20px;
}

.product-img-box .product-img-title{
  margin: 0;
}

.product-img-box .product-img-desc{
  margin: 0;
}

.product-img-box{
  width: 31%;
}

.label-img-btn{
  cursor: pointer;
  display: block;
  padding: 40px 0;
  border-radius: 12px;
  border: 1px solid #525199;
  margin: 20px 0 10px 0;
}

.label-img-btn span{
  margin-right: 10px;
  color: #525199;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.product-img-box{
  padding: 0;
}

.removePic{
  margin-left: 5px;
  color: #525199;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer
}

.product-img-box-1{
  padding: 24px;
  border-bottom: 1px solid #EAECF0;
}
.product-img-box-2{
  padding: 18px;
}

.flex-center{
  display: flex;
  justify-content: center;
}

.product-img-box .img-preview .img-preview-img{
  margin-top: 20px;
}

.products .top{
  margin-bottom: 32px;
}

.other-graphics{
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-start;
  gap: 3.1%;
}

.products-subtitle .header-3{
    margin-bottom: 0;
}

.products-subtitle p{
  margin-top: 0;
}
.products-subtitle{
  margin-bottom: 24px;
}

.other-graphics .product-img-box{
  margin-bottom: 3.1%;
}
.img-preview{
  min-height: 152px;
}
.error-upload{
  display: none;
  color: red;
  font-weight: 700;
}

.products .user-info-buttons .btn, .products .user-info-buttons a{
  margin-left: 20px;
}

.popup{
  display: none;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  z-index: 1200;
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(22,22,22,0.5);
}

.popup-body{
  position: relative;
  background-color: #fff;
  width: 1200px;
  border-radius: 12px;
  padding: 20px;
}
.popup-comments-content-item-2{
  overflow-y: scroll;
  max-height: 70vh;
}
.popup-title{
  display: flex;
  /*align-items: center;*/
  justify-content: space-between;
}

.popup-title .header-1{
  margin-top: 0;
}

.popup-comments-content{
  align-items: flex-start;
  max-height: 80vh;
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.popup-comments-content .popup-comments-content-item{
  width: 49%;
  display: block;
}
.popup-comments-content-item-1 span{
  text-align: left;
  display: block;
}



.popup .tox-tinymce{
  border-bottom: none!important;
}
.popup .btn{
  text-align: left;
}
.comment-border{
  border: 1px solid #98A2B3;
  padding: 24px;
  border-radius: 12px;
  margin-bottom: 24px;
}
.comment-border hr{
  border-top: 1px solid #D0D5DD;
}
.comment-text{
  color: #101828;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-top: 0;
  text-align: left;
}

.comment-format{
  color: #FF6200;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.popup-comments-content-item-1{
  margin-right: 24px;
}

.comment-group, .comment-author{
  color: #667085;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.comment-date{
  color: #667085;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.author-section{
  margin-top:15px;
}
.author-section span{
  display: block;
  text-align: left;
}


.popup-confirm-body{
  background-color: #ffffff;
  border-radius: 12px;
  padding: 16px;
  text-align: left;
}

.popup-confirm-title{
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.popup-confirm-desc{
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.popup-confirm-btn-cancel{
  color: #525199;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.popup-confirm-btn-agree{
  color: #FF6200;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.popup-confirm-buttons a{
  margin: 0 10px;
  text-decoration: none;
}
.popup-confirm-buttons{
  margin: 10px 0 10px 0;
  display: flex;
  justify-content: center;
}

.tabs{
  margin: 20px 0;
  padding: 4px;
  background-color: #F9FAFB;
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
}

.tabs .tab.active{
  background-color: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}
.tabs .tab p{
  margin: 0;
}


.tabs .tab span{
  color: #344054;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  background-color: #F2F4F7;
  border-radius: 16px;
  padding: 2px 8px;
  margin-left: 8px;
}

.tabs .tab{
  text-decoration: none;
  border-radius: 6px;
  width: 48%;
  padding: 7px 12px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.search-area-2{
  margin-bottom: 25px;
  margin-top: 0;
}

.boxes-pagination{
  margin-bottom: 30px;
}


.list-format-search{
  color: #98A2B3;
  margin-bottom: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.popup-groups .popup-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.popup-groups .popup-title .header-3{
  font-weight: 400;
  color: #000000;
  margin-top: 0;
}
.popup-groups .group-menu .menu-elem{
  margin-right: 8px;
}
.group-content-top{
  margin: 16px 0 8px 0;
}

.popup-groups .group-menu .menu-item{
  color: rgba(0, 0, 0, 0.60);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: 0.15px;
  text-decoration: none;
}

.group-filter{
  position: relative;
}

.v2 .kampania-box{
  align-items: flex-start;
}

.group-filter-name{
  width: 250px;
  margin-right: 20px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  padding-right: 40px;

}
.group-filter-name-icon{
  position: absolute;
  left: 210px;
}
.group-filter-sort{
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}
.group-filter-sort svg:first-child, .group-filter-sort span{
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.87);
}

.popup-group-content{
  height: 60vh;
}

.popup-group-content{
  box-shadow: none;
}

.popup-group-content td{
  text-align: left;
}

.popup-campaigns-select:before{
  display: none;
}
.popup-campaigns-select:after{
  display: none;
}
.popup-campaigns-select-input {
  opacity: 0;
  position: absolute;
  left: 9999px;
}

.popup-campaigns-select-input:checked + .popup-campaigns-select span {
  color: #ff6200;
}
.popup-campaigns-select{
  text-align: left;
}

.flex-end{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.popup-group-buttons .btn{
  margin-left: 16px;
}
.btn:disabled{
  background-color: #D0D5DD;
  cursor: not-allowed;
}
.btn-2:disabled{
  background-color: #fff;
  opacity: 0.4;
}

.campaign-image .label-img-btn{
  width: 300px;
}

.campaign-image{
  width: 100%!important;
}

.group-image .label-img-btn{
  width: 30%;
}

.campaign-image .product-img-box-1{
  padding: 0;
}
.campaign-img-box-edit{
  width: 400px;
}
.campaign-image .campaign-img-box-edit .remove-button{
  margin: 0;
}
.campaign-image .campaign-img-box-edit .btn,.campaign-image .campaign-img-box-edit .remove-button{
  margin-left: 10px;
}
.img-preview .img-preview-img{
  width: 80px;
}
.menu-mobile-item{
  display: none;
}
.column1{
  box-sizing: border-box;
}
@media screen and (max-width: 870px) {
  .menu-mobile-item{
    display: flex;
  }
  .menu-user{
    display: none;
  }
  .buttons-top{
    display: none;
  }
  .kampania-box .box {
    max-width: calc(50% - 20px);
  }
  .menu-dropdown .menu-action{
    width: 260px;
  }
  .menu-mobile{
    display: none;
  }
  .header{
    min-height: 50px!important;
  }
  .header .row{
    background-color: #ffffff;
  }
}
.select2-selection.select2-selection--single{
  height: 45px!important;
  padding: 8px 14px 10px 14px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 16px!important;
}
.tooltiptext{
  font-size: 15px;
  color: #525199;
}

.edit-name{
  text-decoration: none;
}

body .tooltip{
  z-index: 500!important;
}

.campaign-img-more{
  display: flex;
  align-items: center;
}

.campaign-img-more img{
  margin-left: 10px;
  cursor: pointer;
  width: 30px;
}

.v2 .field.no-border{
  border-bottom: none!important;
  padding-bottom: 0;
}

#modal-group-remove{
position: relative;
background: white;
max-width: 700px;
margin: 0 auto;
}

#modal-group-remove h3{
  padding-top: 50px;
  text-align: center;
}
#modal-group-remove p{
  text-align: center!important;
  margin: 50px 0;
}
#modal-group-remove .bottom {
  padding: 0 0 20px 0;
}
#modal-group-remove .btn{
  margin: 0 20px;
}
.img-preview img{
  max-width: 220px;
}

.js-copy-to-current-campaing{
  position: absolute!important;
  top: 16px;
  left: 310px;
}

#popup-colors{
  position: absolute!important;
  top: 16px;
  left: 110px;
}

#popup-colors .button-color{
  padding: 9px 16px;
}

.js-copy-to-new-campaing{
  position: absolute!important;
  top: 16px;
  left: 548px;
}
.campaign-info{
  color: #af0000;
}
.btn-more{
  cursor: pointer;
  margin-left: 40px;
  color: #475467;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.open-text, .closed-text{
  display: none;
}

.btn-more.open .open-text{
  display: block;
}
.btn-more.closed .closed-text{
  display: block;
}
.btn-more.open svg{
  transform: rotate(180deg);
}
.btn-more svg{
  margin-right: 7px;
}

.v2 .edit-format-section  .field, .v2 .edit-format-section  .tox-tinymce{
  border-bottom: none!important;
}

.v2 .header-section{
  margin-top: 20px;
}

.v2 .group .campaign-img-box{
  width: 100%;
  margin-top: 5px;
}

.v2 .group .campaign-img-box .img-preview{
  width: 100%;
  height: inherit;
  min-height: inherit;
}
.v2 .group .campaign-img-box .img-preview .label-img-btn{
  padding: 5px 0;
  margin-top: 0;
}

.v2 .group .campaign-img-box .img-preview .img-preview-img{
  max-width: 80px;
  margin-right: 20px;
}

.v2 .add-campaign .img-preview {
  width: inherit;
}

.button-color {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #525199;
}

.button-color .color{
  width: 17px;
  height: 17px;
  border-radius: 17px;
  background-color: #ff6200;
  border: 1px solid #EAECF0;
}

.button-color span{
  color: #525199;
  margin: 0 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.button-color-container{
  position: relative;
}

.button-choose{
  display: none;
  top: 45px;
  right: 0;
  position: absolute;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  border: 1px solid #525199;
  flex-wrap: wrap;
  width: 230px;
  background-color: #fff;
}

.button-choose .button-choose-item{
  width: 33px;
  height: 33px;
  margin: 11px;
  border-radius: 33px;
  cursor: pointer;
  border: 1px solid transparent;
}

.button-choose .button-choose-item:first-child{
  border-color: #D0D5DD
}
#template-colors{
  display: none;
}

.popup #template-colors{
  display: block;
}
.popup .button-choose {
  display: none;
  /*top: -121px;*/
}

.checkbox-switch {
  display: inline-block;
}

.checkbox-switch .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}

.checkbox-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.checkbox-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}

.checkbox-switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.checkbox-switch input:checked + .slider {
  background-color: #FF6200;
}

.checkbox-switch input:checked + .slider:before {
  transform: translateX(16px);
}
.checkbox-switch-box{
  margin-bottom: 20px;
}
.checkbox-switch-text{
  margin-left: 10px;
  margin-bottom: 3px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #344054;
}

.hiddenColors .group.box-shadow{
  border: 1px solid #EAECF0!important;
  background: #FFF!important;
}

.hiddenColors .button-color{
  visibility: hidden;
}

.count-characters{

}
.input-title-box{
  position: relative;
}

.multiple-counter, .counter-input{
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #6C6C6C;
}

.textarea-description{
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #6C6C6C;
}

.search-checkbox{
  margin-top: 35px;
}

.group-input-rrso{
  width: 49%;
  margin-top: -10px;
}

.group-input-rrso .group-checkbox{
  margin-top: 12px;
}

.page-tabs {
  display: flex;
  gap: 10px;
  padding-bottom: 10px;
}

.page-tab {
  display: flex;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.page-tab span.page-tab-text {
  font-weight: bold;
  border-radius: 8px 0 0 8px;
  color: #4a4a4a; /* Ciemny, subtelny szary tekst */
  background-color: #f5f5f5; /* Jasne, delikatne tło */
  border: 1px solid #e8e8e8;
  padding: 8px 16px;
  display: inline-block;
}

.page-tab span.page-tab-text:hover {
  background-color: #e0e0e0; /* Nieco ciemniejsze tło przy najechaniu */
}

.page-tab.active span.page-tab-text {
  background-color: #333;
  border: 1px solid #333;
  color: #ffffff;
}

.page-tab.active .page-format-remove {
  color: #4a4a4a;
}

.page-tab .page-format-remove:hover {
  background-color: #d0d0d0;
}

.format-page {
  display: none;
}

.format-page.active {
  display: block;
}

.page-tab-add {
  font-weight: bold;
  border-radius: 8px;
  color: #4a4a4a;
  background-color: #f0f0f0;
  padding: 8px 16px;
  display: inline-block;
  cursor: pointer;
}

.page-tab-add:hover {
  background-color: #dcdcdc;
}

.page-format-remove {
  border-radius: 0 8px 8px 0;
  display: inline-block;
  padding: 8px;
  background-color: #e8e8e8;
  color: #4a4a4a;
}