.site-form__checkbox {
    width: fit-content;
}
.site-form__label {
    min-height: auto!important;
}
.btn-blue {
    background-color: #4b8bfb;
}
.btn-grin {
    background-color: #37c7c4;
}
.tab-nav__link_result {
    justify-content: start;
}
@media (min-width: 1190px) {
    .site-header__nav-item {
        padding: 16px;
    }
}
.site-form__label-text {
    max-width: 95%;
}
.field_warning {
    display: none;
    font-size: 12px;
    color: #ff0000;
    position: absolute;
    border: solid 1px;
    padding: 5px;
    background: #fff;
    border-radius: 10px;
    z-index: 99;
    top: 60px;
}
.catalog__filter {
    padding-bottom: 10px;
}
.pagination__items-count {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.pagination__row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 20px;
}
.pagination__row .pagination__link::after {
    background-color: #fff;
}
.tab-nav__link--all::before {
    background-image: none;
    width: auto;
    margin-right: 0;
}
.tab-nav__link--recived::before {
    background-image: url(../img/received.svg);
}
.tab-nav__link--current.tab-nav__link--recived::before {
    background-image: url(../img/received_white.svg);
}
.tab-nav__link--recived-poll::before {
    background-image: url(../img/poll-receive-tab.svg);
}
.tab-nav__link--current.tab-nav__link--recived-poll::before {
    background-image: url(../img/poll-receive-tab_white.svg);
}

/* --- PAGINATION --- */
.pagination__page {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.pagination--add .pagination__item--add .pagination__link-page {
    width: 48px;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 1px 3px rgb(13 36 109 / 15%);
}

.pagination__list-page {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pagination__item-page {
    flex-shrink: 0;
    padding: 8px;
}

.pagination__link-page {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #e1e4ea;
    background-color: transparent;
    font-size: 18px;
    font-weight: 500;
    color: #ced0d6;
    text-decoration: none;
    transition-duration: .3s;
    transition-property: color;
    cursor: default;
    position: relative;
}
.pagination__link-page {
    border-color: var(--link-color);
    background: #ffffff00;
    color: var(--link-color);
}
.pagination__link-page::after {
    content: "";
    width: 16px;
    height: 2px;
    background-color: #e1e4ea;
    position: absolute;
    top: 50%;
    right: -18px;
}
.pagination__row .pagination__link-page::after {
    background-color: #fff0;
}
.pagination__item-page .pagination__link-page--active, .pagination__link-page--current {
    background-color: #4b8bfb!important;
    border-color: #4b8bfb!important;
    color: white;
} 

.pagination__next.pagination__link-page--active {
    stroke: #fff;
}
.pagination__prew.pagination__link-page--active {
    stroke: #fff;
}

.items-count {
    height: 53px;
    width: 98px;
    font-size: 16px;
    border: 1px solid #CED0D6;
    border-radius: 8px;
    padding: 15px;
    -webkit-appearance: none;
    background: transparent;
    background-image: url(../img/select_arrow.svg);
    background-repeat: no-repeat;
    background-position-x: 80%;
    background-position-y: 50%;
    outline: none;
}
/* --- PAGINATION --- */

.header__wrapper {
    grid-template-columns: 1.3fr 1fr;
    display: grid;
    align-items: baseline;
}
@media (min-width: 992px) {
.button__wrapper .buttons {
    justify-content: flex-end;
}
}

@media (max-width: 1024px) {
    .header__wrapper {
        grid-template-columns: 1fr;
    }
}


/*---  folder tree  ---*/
/* .folder-tree-wrapper { 
    background-color: #fff; 
    width: 220px; 
    min-height: 260px; 
    padding: 20px; 
    margin: 35px auto; 
    border-radius: 3px; 
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.11); 
} */
.template-tree li a span:focus {
    outline: none;
}
.fields__delete-tree,  .fields__edit-tree, .fields__ok-tree {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fc5959;
    background-image: url(../img/icon-trash-white.svg);
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: center;
    pointer-events: none;
    filter: brightness(1);
    cursor: pointer;
    transition-duration: .3s;
    transition-property: opacity,filter;
    opacity: 0;
    position: absolute;
    right: 16px;
    top: -12px;
}
.fields__ok-tree {
    top: 0px;
    opacity: 1;
    display: none;
    pointer-events: auto;
    background-color: #65cf6d;
    background-image: url(../img/check.png);
}
.fields__delete-tree {
    top: 0px;
    opacity: 1;
    pointer-events: auto;
}
.fields__edit-tree {
    top: 0px;
    opacity: 1;
    right: 50px;
    background-color: #65cf6d;
    background-image: url(../img/edit2.png);
    background-size: 14px;
    pointer-events: auto;
}
.template-tree a {
    color: inherit;
    text-decoration: none;
}
.folder-tree, .template-tree { 
    list-style: none; 
    cursor: pointer; 
    padding-left: 20px; 
}
.folder-tree li, .template-tree li { 
    margin-bottom: 10px; 
    font-size: 18px; 
    transition: all .4s ease; 
    position: relative; 
}
.folder-tree li:hover {  }
.folder-tree li i, .template-tree li i { 
    color: #4b8bfb 
}
.folder-tree li ul { 
    padding-left: 10px; 
    padding-top: 8px; 
}
.folder-tree ul, .template-tree ul {
    display: none; 
    position: relative; 
}
.folder-tree ul:before { 
    position: absolute; 
    content: ''; 
    left: -10px; 
    top: 0; 
    width: 2px; 
    height: 100%; 
    background-color: transparent; 
    border-left: dashed 1px #c2c2c2; 
    border-bottom: dashed 1px #c2c2c2; 
}
.folder-tree li ul li { 
    display: block; 
    margin-bottom: 8px; 
}
.folder-tree .arrow { 
    position: absolute; 
    top: 10px; 
    left: -20px; 
    width: 8px; 
    height: 8px; 
    transition: all .4s ease; 
    transform: rotate(-90deg); 
}
.folder-tree .arrow i { 
    color: #595959; 
    transition: all .4s ease; 
}
.folder-tree .arrow:hover i { 
    color: #292929; 
}
.folder-tree li.expanded > ul { 
    display: block; 
}
.folder-tree li.expanded > .arrow { 
    /* transform: rotate(0deg);  */
}
/*---  folder tree  ---*/

.site-form__input.borderRed {
    border: 1px solid red!important;
}
.site-header__breadcrumbs {
    padding: 0 10px;
    margin-top: -10px;
}
@media (min-width: 992px) {
    .footer-support__content--deco::before {
        height: 260px;
    }
}
.sorting--reverse {
    display: flex;
    flex-direction: column-reverse;
}
/*i-catalog--tile*/
.sorting_lines li:last-child  {
    border-bottom: 1px solid #e1e4ea;
}
.sorting_lines li:first-child {
    border-bottom: none;
}
@media (min-width: 1190px) {
    .one-form__block {
        margin-bottom: 30px;
        padding: 50px 50px;
    }
}
.pagination__link {
    cursor: pointer;
}
.pagination__link--active, body .pagination__link--current {
    cursor: default;
}
.actions {
    margin: auto;
}
.pagination__link.pagination__link--active:hover {
    color: #fff;
}
.pagination__link:hover {
    color: #212535;
}
.checkset.selected {
    font-weight: 600;
}
.i-display__counter {
    z-index: 1;
}
.i-catalog__item.i-catalog__item--common {
    cursor: pointer;
}
.check_error::before {
    border: 1px solid #ff0000!important;
}
.breadcrumbs__link:not(.breadcrumbs__link--home) {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(13 36 109 / 15%);
    padding: 16px;
}
@media (max-width: 1189px) {
   #siteForm .list-group {
    border: none;
   }
}
.wrap-calendar input {
    font-family: monospace;
}
.site-form__time .site-form__label {
    min-width: 0;
}
.one-form__grid .one-form__item {
    min-width: auto!important;
}
.chb_warning {
    font-style: italic;
    color: #ff0000;
}
.separator__format, .date__format {
    z-index: 1;
}
/* .divider {
    border-top: solid 1px #e0e0e0;
    margin-bottom: 25px;
} */
.related__first, .related__next {
    border: solid 1px #e0e0e0;
    border-radius: 10px;
    padding: 20px;
}
.delite-related {
    display: flex;
    flex-direction: row-reverse;
    font-size: 16px;
    font-weight: 700;
    color: #4b8bfb;
    text-decoration: none;
    cursor: pointer
}
/* .add__text-template {
    white-space: nowrap;
} */
.add__text {
    text-align: end;
}
.btn-template::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../img/sprite-fields-header.svg);
    background-repeat: no-repeat;
    transition-duration: .3s;
    transition-property: filter;
    position: absolute;
    top: 11px;
    left: 12px;
    background-position: left -95px;
}
.template_btn {
    background-image: url(../img/add-template.png);
    background-size: 30px;
    background-position: center;
}
.template_btn:hover {
    background-position: center;
    background-image: url(../img/add-template-w.png);
}
.switch__list {
    list-style-type: none;
    display: flex;
    gap: 20px;
    padding-left: 0;
}
.grecaptcha-badge {visibility: hidden;}
.showPreview {
    padding: 0 25px;
}
.qr__type-check {
    
}
.user__agreement input {
    max-width: 5%;
    margin: 20px 0 5px;
}
.user__agreement span {
    font-size: 14px;
}
.user__agreement a {
    color: #051424;
    transition-duration: 0.2s;
    transition-property: opacity;
}
.user__agreement a[href]:hover {
    opacity: 0.7;
    cursor: pointer;
}
.user__agreement.client__form {
    margin: 0px 0px 10px 10px;
}
.user__agreement.client__form span {
    font-size: 16px;
    padding-left: 5px;
}
.user__agreement.client__form input {
    max-width: 2%;
}
.forms__header {
    padding: 0px 0px 10px;
}

/* site-footer */
.site-footer {
    border-top: none;
}
.site-footer__row {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
    border-top: 1px solid #C1C0C7;
  }
  @media (min-width: 768px) {
    .site-footer__row {
      flex-direction: row;
      justify-content: space-between;
      padding: 6px 0 60px;
    }
  }
  
  @media (min-width: 768px) {
    .site-footer__copyright {
      flex-shrink: 0;
    }
  }
  
  .site-footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 10px 0;
  }
  .site-footer__list .site-footer__text {
    opacity: 0.5;
    transition-duration: 0.3s;
    transition-property: opacity;
  }
  .site-footer__list .site-footer__text:hover {
    opacity: 1;
  }
  @media (min-width: 992px) {
    .site-footer__list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-right: auto;
    }
  }
  @media (min-width: 1190px) {
    .site-footer__list {
      padding-left: 30px;
    }
  }
  
  .site-footer__item {
    padding: 10px 0;
  }
  @media (min-width: 768px) {
    .site-footer__item {
      padding: 10px 12px;
    }
  }
  
  .site-footer__softnavi {
    width: 75px;
  }
  
  .site-footer__meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    transition-duration: 0.2s;
    transition-property: opacity;
  }
  .site-footer__meta[href]:active {
    opacity: 0.7;
  }
  .site-footer__meta[href]:hover {
    opacity: 0.7;
    cursor: pointer;
  }
  @media (min-width: 768px) {
    .site-footer__meta .site-footer__text {
      flex-shrink: 0;
      margin-right: 10px;
    }
  }
  @media (min-width: 768px) {
    .site-footer__meta {
      flex-direction: row;
    }
  }
  
  .site-footer__text {
    font-size: 16px;
    font-weight: 400;
    color: #051424;
    line-height: 1;
  }
  
  .site-footer__info {
    padding: 20px 0;
  }
  .site-footer__info p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
  }
  @media (min-width: 768px) {
    .site-footer__info p {
      text-align: left;
    }
  }
  .site-footer__info a {
    color: #051424;
    transition-duration: 0.2s;
    transition-property: opacity;
  }
  .site-footer__info a[href]:active {
    opacity: 0.7;
  }
  .site-footer__info a[href]:hover {
    opacity: 0.7;
    cursor: pointer;
  }
  @media (min-width: 768px) {
    .site-footer__info a {
      white-space: nowrap;
    }
  }
  @media (min-width: 768px) {
    .site-footer__info {
      padding: 10px 20px;
    }
  }
  @media (min-width: 1190px) {
    .site-footer__info {
      padding: 10px 40px;
    }
  }
  .fields-name--map::before {
    background-position: left -383px;
}
.fields-name--qr::before {
    background-position: left -359px;
}
  .setting__item:not([class*="--main"]):hover .setting__one .fields-name--map::before {
    background-position: right -383px;
}
.setting__item:not([class*="--main"]):hover .setting__one .fields-name--qr::before {
    background-position: right -359px;
}
@media (min-width: 992px) {
   #modal-login.modal--opened .modal__block--field-setting {
        width: 100%;
        max-width: 430px;
    }
}
@media (min-width: 1190px) {
    #modal-login.modal--opened .modal__block {
        padding: 0;
    }
}
#modal-privacy-policy .modal__block, #modal-user-agreement .modal__block, #modal-soglasie .modal__block {
    width: 1024px;
}
.one-form__item p {
    word-wrap: break-word;
}
.buttons__item.disabled {
    opacity: 0.5;
}
.i-catalog__item.i-catalog__item--common.i-catalog__item--counter {
    position: relative;
}
.description {
    position: absolute;
    background: #edf2fa;
    padding: 20px;
    width: 200px;
    right: -143px;
    z-index: 9;
    display: none;
    top: 40px;
    border-radius: 10px;
}
.cent-switch {
    opacity: 0.5;
}
.intro__add--back {
    margin-top: -6px;
    padding: 0px 0 0;
    text-align: center;
}

.intro__add--back .intro__link {
    border-bottom: 1px dashed #0d246d;
    font-size: 16px;
    font-weight: 500;
    color: #0d246d;
    text-decoration: none;
    transition-duration: .2s;
    transition-property: opacity;
    /* font-style: italic; */
}  
.modal--opened .modal__block {
    /* overflow-x: visible;
    overflow-y: visible; */
}
.headline__status--date {
    padding: 0;
    margin-top: -15px;
}
.site-form__icon-wrapper {
    background: #fff;
    right: 1px;
}
.user__input {
    position: relative;
    z-index: 99;
}
.user__list {
    top: 0;
    z-index: 12;
    list-style: none;
    margin: 0;
    display: none;
    flex-direction: column;
    width: 100%;
    padding: 0 8px;
    border-radius: 8px;
    border: 1px solid #ced0d6;
    background-color: #fff;
    position: absolute;
    left: 0;
    padding-top: 53px;
    overflow: hidden;
}
.user__list.open {
    display: flex;
}
.site-form__delete {
    z-index: 99;
}
.share {
    background-color: #4b8bfb;
}
.share .i-catalog__name-icon {
    fill: #ffffff;
}
.share .i-catalog__name-icon:hover {
    fill: #ced0d6;
}
.i-catalog__item--common:hover .i-catalog__name-icon {
    fill: #ced0d6;
}
.disabled {
    opacity: 0.5;
}
.site-form__delete {
    z-index: 99999;
}
.required-input::after {
    display: block;
    content: "";
    background-color: #EE5643;
    width: 10px;
    transform: translate(6px, -60px);
    height: 10px;
    border-radius: 100%;
    float: right;
    z-index: 99;
    position: relative;
}
.required-textarea::after {
    display: block;
    content: "";
    background-color: #EE5643;
    width: 10px;
    /* transform: translate(6px, -204px); */
    height: 10px;
    border-radius: 100%;
    /* float: right;
     */
     top: -5px;
     right: -5px;
     position: absolute;

}
.site-form__label-text {
    max-width: 70%;
}
#modal-new-user {
    z-index: 99999;
}
/*---- AJAX SHOWFOLDERS BEGIN---------*/
details {
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: .5em .5em 0;
    cursor:pointer;
}

summary {
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
}

details[open] {
    padding: .5em;
}

details[open] summary {
    /* border-bottom: 1px solid #aaa; */
    margin-bottom: .5em;
}
/*---- AJAX SHOWFOLDERS END---------*/
.nu-error {
    color: #ff0000;
    font-style: italic;
}
#nameError{
    color: #ff0000;
    font-style: italic;
    margin-top: -25px;
    margin-bottom: 25px;
}
.addAnswerInput, .addAnswerTextarea {
    display: flex;
    padding-top: 15px;
}

.inputRow .deleteItem, .textareaRow .deleteItem{
    cursor: pointer;
}

/* .textareaRow .site-form__icon-wrapper {
    height: 173px;
} */

.textareaRow .site-form__icon-wrapper, .inputRow .site-form__icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border-left: none;
    font-size: 0;
    text-decoration: none;
    position: absolute;
    top: 18px;
}

.textareaRow .site-form__icon-wrapper, .inputRow .site-form__icon-wrapper{
    background: #dd5151;
    right: 10px;
    border-radius: 50px;
}

.textareaRow .site-form__icon, .inputRow .site-form__icon {
    display: block;
    fill: transparent;
    stroke: #ffffff;
}