@import url(https://fonts.googleapis.com/css?family=Lato:400,800&display=swap&subset=cyrillic);
/* Fonts */
/* Colors */
/* Border */
/* Media queries */
* {
    box-sizing: border-box;
  }
html {
    font-size: 15PX;
  }
body {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #1b2a4e;
  }
.offset-right-12 {
    margin-right: 100%;
}
.offset-right-11 {
    margin-right: 91.66666667%;
}
.offset-right-10 {
    margin-right: 83.33333333%;
}
.offset-right-9 {
    margin-right: 75%;
}
.offset-right-8 {
    margin-right: 66.66666667%;
}
.offset-right-7 {
    margin-right: 58.33333333%;
}
.offset-right-6 {
    margin-right: 50%;
}
.offset-right-5 {
    margin-right: 41.66666667%;
}
.offset-right-4 {
    margin-right: 33.33333333%;
}
.offset-right-3 {
    margin-right: 25%;
}
.offset-right-2 {
    margin-right: 16.66666667%;
}
.offset-right-1 {
    margin-right: 8.33333333%;
}
.offset-right-0 {
    margin-right: 0;
}
@media (min-width: 576px) {
    .offset-sm-right-12 {
        margin-right: 100%;
    }

    .offset-sm-right-11 {
        margin-right: 91.66666667%;
    }

    .offset-sm-right-10 {
        margin-right: 83.33333333%;
    }

    .offset-sm-right-9 {
        margin-right: 75%;
    }

    .offset-sm-right-8 {
        margin-right: 66.66666667%;
    }

    .offset-sm-right-7 {
        margin-right: 58.33333333%;
    }

    .offset-sm-right-6 {
        margin-right: 50%;
    }

    .offset-sm-right-5 {
        margin-right: 41.66666667%;
    }

    .offset-sm-right-4 {
        margin-right: 33.33333333%;
    }

    .offset-sm-right-3 {
        margin-right: 25%;
    }

    .offset-sm-right-2 {
        margin-right: 16.66666667%;
    }

    .offset-sm-right-1 {
        margin-right: 8.33333333%;
    }

    .offset-sm-right-0 {
        margin-right: 0;
    }
}
@media (min-width: 768px) {
    .offset-md-right-12 {
        margin-right: 100%;
    }

    .offset-md-right-11 {
        margin-right: 91.66666667%;
    }

    .offset-md-right-10 {
        margin-right: 83.33333333%;
    }

    .offset-md-right-9 {
        margin-right: 75%;
    }

    .offset-md-right-8 {
        margin-right: 66.66666667%;
    }

    .offset-md-right-7 {
        margin-right: 58.33333333%;
    }

    .offset-md-right-6 {
        margin-right: 50%;
    }

    .offset-md-right-5 {
        margin-right: 41.66666667%;
    }

    .offset-md-right-4 {
        margin-right: 33.33333333%;
    }

    .offset-md-right-3 {
        margin-right: 25%;
    }

    .offset-md-right-2 {
        margin-right: 16.66666667%;
    }

    .offset-md-right-1 {
        margin-right: 8.33333333%;
    }

    .offset-md-right-0 {
        margin-right: 0;
    }
}
@media (min-width: 992px) {
    .offset-lg-right-12 {
        margin-right: 100%;
    }

    .offset-lg-right-11 {
        margin-right: 91.66666667%;
    }

    .offset-lg-right-10 {
        margin-right: 83.33333333%;
    }

    .offset-lg-right-9 {
        margin-right: 75%;
    }

    .offset-lg-right-8 {
        margin-right: 66.66666667%;
    }

    .offset-lg-right-7 {
        margin-right: 58.33333333%;
    }

    .offset-lg-right-6 {
        margin-right: 50%;
    }

    .offset-lg-right-5 {
        margin-right: 41.66666667%;
    }

    .offset-lg-right-4 {
        margin-right: 33.33333333%;
    }

    .offset-lg-right-3 {
        margin-right: 25%;
    }

    .offset-lg-right-2 {
        margin-right: 16.66666667%;
    }

    .offset-lg-right-1 {
        margin-right: 8.33333333%;
    }

    .offset-lg-right-0 {
        margin-right: 0;
    }
}
@media (min-width: 1200px) {
    .offset-xl-right-12 {
        margin-right: 100%;
    }

    .offset-xl-right-11 {
        margin-right: 91.66666667%;
    }

    .offset-xl-right-10 {
        margin-right: 83.33333333%;
    }

    .offset-xl-right-9 {
        margin-right: 75%;
    }

    .offset-xl-right-8 {
        margin-right: 66.66666667%;
    }

    .offset-xl-right-7 {
        margin-right: 58.33333333%;
    }

    .offset-xl-right-6 {
        margin-right: 50%;
    }

    .offset-xl-right-5 {
        margin-right: 41.66666667%;
    }

    .offset-xl-right-4 {
        margin-right: 33.33333333%;
    }

    .offset-xl-right-3 {
        margin-right: 25%;
    }

    .offset-xl-right-2 {
        margin-right: 16.66666667%;
    }

    .offset-xl-right-1 {
        margin-right: 8.33333333%;
    }

    .offset-xl-right-0 {
        margin-right: 0;
    }
}
.custom-table-list tfoot {
        display: none;
    }
.custom-table-list .custom--head {
        display:none;
    }
.custom-table-list #crudTable {
        background:unset !important;
        border: unset;
    }
.custom-table-list #crudTable tbody{
            background:unset;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-column-gap: 30px;
            grid-row-gap: 30px
        }
@media(min-width: 0px) and (max-width: 960px) {

        .custom-table-list #crudTable tbody{
                grid-template-columns: 1fr 1fr
        }
            }
@media(min-width: 0px) and (max-width: 640px) {

        .custom-table-list #crudTable tbody{
                grid-template-columns: 1fr
        }
            }
.custom-table-list #crudTable tbody tr {
                position: relative;
                display: flex;
                flex-direction:column;
                padding: 25px;
                border: 1px solid #8298AB
            }
@media(min-width: 0px) and (max-width: 480px) {


            .custom-table-list #crudTable tbody tr {
                    padding: 20px
            }
                }
.custom-table-list #crudTable tbody tr td{
                    display: block !important;
                    white-space: normal;
                    color: #3B5266;
                    padding:0;
                    margin:0;
                    width: 100%;
                    display: flex;
                    flex-direction:column;
                    margin-bottom: 10px;
                    border: unset;
                }
.custom-table-list #crudTable tbody tr td .btn--update, .custom-table-list #crudTable tbody tr td .btn--delete, .custom-table-list #crudTable tbody tr td .btn--clone {
                        position: absolute;
                        right: 10px;
                        z-index: 100
                    }
@media(min-width: 0px) and (max-width: 480px) {

                    .custom-table-list #crudTable tbody tr td .btn--update, .custom-table-list #crudTable tbody tr td .btn--delete, .custom-table-list #crudTable tbody tr td .btn--clone {
                            right: 5px
                    }
                        }
.custom-table-list #crudTable tbody tr td .btn--delete {
                        bottom: 10px;
                    }
.custom-table-list #crudTable tbody tr td .btn--update {
                        top: 10px;
                    }
.custom-table-list #crudTable tbody tr td .btn--clone {
                        left: 10px;
                        right: unset;
                        bottom: 10px;
                    }
.custom-table-list #crudTable tbody tr td .prefix {
                        font-weight: bold !important;
                    }
.custom-table-list #crudTable tbody tr .dtr-control{
                    position: unset
                }
.custom-table-list #crudTable tbody tr .dtr-control:before{
                        position: absolute !important;;
                        top: 0 !important;;
                        left: 0 !important;;
                        width: 100% !important;
                        height: 100% !important;;
                        content: '' !important;
                        z-index: 99;
                    }
.custom-table-list #datatable_search_stack label {
            width: 100%;
        }
.custom-table-list #datatable_search_stack label input {
                width: 100%;
                border-radius: 5px;
            }
.custom-table-list--has-contact #crudTable tr td:nth-last-child(5) {
                padding-top: 55px;
                position: relative;
                border-top: 1px solid #8298AB
            }
.custom-table-list--has-contact #crudTable tr td:nth-last-child(5):before{
                    content:'Контактное лицо:';
                    display: inline-block;
                    position: absolute;
                    font-weight: bold;
                    height: auto;
                    width: 100%;
                    top: 20px;
                }
.custom-table-list--show #crudTable .dtr-control:before{
                    display:none;
                }
.custom-table-list--show .btn--show {
            position: absolute !important;;
            top: 0 !important;;
            left: 0 !important;;
            width: 100% !important;
            height: 100% !important;;
            content: '' !important;
            z-index: 99;
        }
.show-offer-product-table input {
                max-width: 100px;
            }
.show-offer-product__item--full-price{
            position: relative;
            display: flex;
            align-items: center
        }
.show-offer-product__item--full-price:after{
                content:'';
                display:inline-block;
                width:20px;
                height:20px;
                margin-left: 10px;
                background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1H5.5L1 5.5V1ZM14.5 1L19 5.5V1H14.5ZM19 19V14.5L14.5 19H19ZM1 19H5.5L1 14.5V19ZM18 10C18 5.57714 14.4229 2 10 2C5.57714 2 2 5.57714 2 10C2 14.4229 5.57714 18 10 18C14.4229 18 18 14.4229 18 10ZM10 16C6.688 16 4 13.312 4 10C4 6.688 6.688 4 10 4C13.312 4 16 6.688 16 10C16 13.312 13.312 16 10 16Z' fill='%23304659'/%3E%3C/svg%3E%0A");
            }
.show-offer__info{
        padding: 25px 60px;
        display: grid;
        grid-column-gap: 40px;
        grid-row-gap: 5px;
        grid-template: repeat(7, 1fr) / repeat(3, 1fr);
        grid-auto-flow: column
    }
@media(min-width: 961px) and (max-width: 1200px) {

    .show-offer__info{
            padding: 25px 40px;
            grid-column-gap: 20px;
            grid-row-gap: 5px
    }
        }
@media(min-width: 0px) and (max-width: 960px) {

    .show-offer__info{
            padding: 25px;
            grid-column-gap: 20px;
            grid-template: repeat(7, 1fr) / repeat(2, 1fr);
            grid-auto-flow: column
    }
        }
@media(min-width: 0px) and (max-width: 640px) {

    .show-offer__info{
            padding: 10px;
            grid-template: unset;
            grid-auto-flow: row;
            grid-template-columns: 1fr;
            grid-row-gap: 10px
    }
        }
.show-offer__date {
        display:flex;
        justify-content: flex-end;
    }
.show-offer__date div:first-child{
            margin-right: 25px;
        }
@media(min-width: 0px) and (max-width: 480px) {

    .show-offer__date {
            flex-direction: column
    }
        }
.custom-table-list .btn--update:focus, .custom-table-list .btn--delete:focus, .custom-table-list .btn--clone:focus, .offer-product-table .btn--update:focus, .offer-product-table .btn--delete:focus, .offer-product-table .btn--clone:focus {
            box-shadow: unset;
        }
.custom-table-list .btn--update:focus,.custom-table-list .btn--update:hover,.custom-table-list .btn--delete:focus,.custom-table-list .btn--delete:hover,.custom-table-list .btn--clone:focus,.custom-table-list .btn--clone:hover,.offer-product-table .btn--update:focus,.offer-product-table .btn--update:hover,.offer-product-table .btn--delete:focus,.offer-product-table .btn--delete:hover,.offer-product-table .btn--clone:focus,.offer-product-table .btn--clone:hover {
            color: #8298AB;
        }
.custom-table-list .btn--update span, .custom-table-list .btn--delete span, .custom-table-list .btn--clone span, .offer-product-table .btn--update span, .offer-product-table .btn--delete span, .offer-product-table .btn--clone span {
            display: none;
        }
.custom-table-list .btn--update .la, .custom-table-list .btn--delete .la, .custom-table-list .btn--clone .la, .offer-product-table .btn--update .la, .offer-product-table .btn--delete .la, .offer-product-table .btn--clone .la {
            font-size: 18px;
        }
.danifo-load--button{
    position: relative
}
.danifo-load--button:after {
        position: absolute;
        content: '';
        display: block;
        width: 17px;
        height: 17px;
        bottom: 0;
        left: 10px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.774193 11.1636C0.346618 11.1636 -3.92506e-07 11.5103 -3.55126e-07 11.9378L-1.55771e-07 14.2182C-6.97413e-08 15.2023 0.808777 16 1.80645 16L14.1935 16C15.1912 16 16 15.2023 16 14.2182L16 11.9378C16 11.5103 15.6534 11.1636 15.2258 11.1636C14.7982 11.1636 14.4516 11.5103 14.4516 11.9378L14.4516 14.2182C14.4516 14.3588 14.3361 14.4727 14.1935 14.4727L1.80645 14.4727C1.66393 14.4727 1.54839 14.3588 1.54839 14.2182L1.54839 11.9378C1.54839 11.5103 1.20177 11.1636 0.774193 11.1636ZM11.6111 5.93058L8.77419 8.449L8.77419 6.317e-07L7.22581 7.67064e-07L7.22581 8.449L4.38888 5.93058L3.35306 7.06579L7.48209 10.7312C7.77755 10.9935 8.22245 10.9935 8.51791 10.7312L12.6469 7.06579L11.6111 5.93058Z' fill='%238298AB'/%3E%3C/svg%3E");
    }
.modal .prefix{
        display: none;
    }
.custom-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 10;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
  }
.custom-modal .card{
        background-color: transparent;
        border: unset;
        box-shadow: unset;
        margin-bottom: 0.5rem;
    }
.custom-modal .card-body {
            padding: 0;
        }
.custom-modal-inner {
        background-color: #E1E9F0;
        border-radius: 5px;
        max-width: 700px;
        padding: 4em;
        margin: auto;
    }
.custom-modal-header {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 27px;
        font-weight: 800;
        font-size: 20px;
        line-height: 25px;
    }
.custom-modal__open-link {
        cursor: pointer;
        color: #7c69ef;
        position:relative
    }
.custom-modal__open-link:after{
            content:'>';
            position:absolute;
            right: -13px;
            font-weight: bold;
            font-size: 18px;
        }
.custom-modal__open-link:hover,.custom-modal__open-link:focus{
            color: #495057;
        }
.custom-modal__close {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 25px;
        height: 25px;
        border: unset;
        background: unset
    }
.custom-modal__close:after, .custom-modal__close:before {
            content: "";
            display: block;
            width: 3px;
            height: 25px;
            border-radius: 2px;
            background-color: #000;
            position: absolute;
            top: calc(50% - 11px);
            left: calc(50% - 1px);
        }
.custom-modal__close:before {
            transform: rotate(45deg);
        }
.custom-modal__close:after {
            transform: rotate(-45deg);
        }
.custom-modal__close:focus,.custom-modal__close:hover{
            border: unset;
            background: unset;
            outline: none;
            cursor: pointer;
        }
.custom-modal--large .custom-modal-inner {
            max-width: 1032px;
        }
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.1);
  }
[x-cloak] {
    display: none !important;
  }
.container-custom {
        max-width: 1140px;
        width: 100%;
        margin: auto
      }
@media (min-width: 961px) and (max-width: 1200px) {
.container-custom {
          max-width: 940px
      }
        }
@media (min-width: 641px) and (max-width: 960px) {
.container-custom {
          max-width: 940px
      }
        }
@media (min-width: 481px) and (max-width: 640px) {
.container-custom {
          max-width: 460px
      }
        }
@media (min-width: 0px) and (max-width: 480px) {
.container-custom {
          max-width: 300px
      }
        }
.alphabetic__content{
        flex-wrap: unset;
    }
.alphabetic__content-inner {
            width: 100%;
            padding: 10px;
        }
.alphabetic__content-list{
            display: flex;
            margin-left: 0;
            padding-left: 0;
            width: 100%
        }
@media(max-width: 990px) {

        .alphabetic__content-list{
                flex-wrap: wrap;
                justify-content: center
        }
            }
.alphabetic__content-list:nth-child(2){
                margin-top: 10px;
            }
.alphabetic__content-list__item{
                margin-left: 8px !important;
                list-style-type: none;
                font-weight: bold;
                text-transform: uppercase;
                color: #3B5266
            }
.alphabetic__content-list__item:hover {
                    cursor: pointer;
                }
.alphabetic__content-list__item:last-child {
                    margin-left: unset;
                }
.alphabetic__content-list__item .active{
                    color: red;
                }
.custom_checkbox.active a:before{
            position: absolute;
            content: '';
            display: block;
            width: 19px;
            height: 19px;
            top: 50%;
            left: 0px;
            transform: translateY(-50%);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-color: #304659;
            border: 1px solid #304659;
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.44748 9.51746L14.2303 0.800049L15.0799 1.64329L5.4514 11.2L5.41255 11.1615L0.919922 6.70412L1.76958 5.86088L5.44748 9.51746Z' fill='%23F5F9FC'/%3E%3C/svg%3E%0A");
        }
.custom_checkbox a {
        position: relative;
        padding-left: 25px !important;
        background-color: unset !important;
        border-radius: unset !important
    }
.custom_checkbox a:before{
            position: absolute;
            content: '';
            display: block;
            width: 19px;
            height: 19px;
            top: 50%;
            left: 0px;
            transform: translateY(-50%);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            border: 1px solid #304659;
        }
.custom_radiobutton a.active {
            position: relative;
            padding-left: 25px !important;
            background-color: unset !important;
            border-radius: unset !important
    }
.custom_radiobutton a.active:before{
                position: absolute;
                content: '';
                display: block;
                width: 19px;
                height: 19px;
                top: 50%;
                left: 0px;
                transform: translateY(-50%);
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                border: 1px solid #304659;
                background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z' fill='%23304659'/%3E%3Cpath d='M10 14C12.2091 14 14 12.2091 14 10C14 7.79086 12.2091 6 10 6C7.79086 6 6 7.79086 6 10C6 12.2091 7.79086 14 10 14Z' fill='%23F5F9FC'/%3E%3C/svg%3E%0A");
            }
.custom_radiobutton {
    display: flex;
    align-items: center;
}
.custom_radiobutton span {
        padding-right: 10px ;
    }
.custom_radiobutton a {
        position: relative;
        padding-left: 25px !important;
        background-color: unset !important;
        border-radius: unset !important
    }
.custom_radiobutton a:first-child{
            padding-left: 8px;
        }
.custom_radiobutton a:before{
            position: absolute;
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            top: -3px;
            left: 0px;
            border-radius: 50%;
            transform: translateY(50%);
            background-color: #E1E9F0 !important;
        }
.page-condition--update .form-group--active-offers .custom-group-list {
            display: flex;
            height: 100%;
            max-height: 130px;
            flex-direction: column;
            flex-wrap: wrap;
            overflow-y: auto;
        }
.page-condition--update .form-group--active-offers .custom-group-list div {
                margin-right: 10px;
                display: inline-block;
            }