input:disabled {
    background-color: #eeeeee !important;
    color: #121519
}

#myTabContent {
    padding: 0;
    background-color: #fff;
    border-radius: 5px;
}

#myTabContent textarea {
    box-shadow: none !important;
}

#dropdownMenu2::after {
    display: none;
}

.preloader {
    /*фиксированное позиционирование*/
    position: fixed;
    /* координаты положения */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* фоновый цвет элемента */
    background: #e0dcdc80;
    /* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
    z-index: 5000;
}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #bbb;
    border-color: #bbb
}

.pagination > li > a, .pagination > li > span {
    color: #0b192b
}

.breadcrumb-title {
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
}

.custom-body {
    display: flex;

}

.small-custom-block {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle
}

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

.tariffs {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.tariffs .title {
    text-align: center;
    font-family: "VerdanaBold";
    font-size: 4rem;
    color: #121519;
}

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

.tariffs .container .sticker {
    position: relative;
    width: 32%;
    box-shadow: 0px 0px 34px 5px rgba(54, 198, 71, 0.08);
    border-radius: 20px;
    padding-bottom: 40px;
}

.tariffs .container .sticker img {
    position: absolute;
    z-index: 0;
    border-radius: 20px;
    width: 100%;
    height: 200px;
}

.tariffs .container .sticker-2 img {
    height: auto;
    max-height: 160px;
}

.tariffs .container .sticker .sticker-title {
    font-family: "VerdanaBold";
    font-size: 2.5rem;
    color: #FFF;
    line-height: 150%;
    margin-top: 25px;
    text-align: center;
    position: relative;
}

.tariffs .container .sticker .sticker-price {
    margin-top: 90px;
    text-align: center;
    font-family: "VerdanaRegular";
    font-size: 2rem;
    color: #36393E;
}

.tariffs .container .sticker .sticker-subscribes {
    margin: 0 auto;
    max-width: 190px;
    text-align: center;
    font-family: "VerdanaRegular";
    font-size: 1.4rem;
    color: #36393E;
}

.tariffs .container .sticker .sticker-time {
    margin: 0 auto;
    max-width: 190px;
    text-align: center;
    font-family: "VerdanaRegular";
    font-size: 1.4rem;
    color: #36393E;
}

.tariffs .container .sticker .sticker-sms {
    margin: 0 auto;
    max-width: 190px;
    text-align: center;
    font-family: "VerdanaRegular";
    font-size: 1.4rem;
    color: #36393E;
}

.tariffs .container .sticker .sticker-horizontal-line {
    margin: 0 auto;
    width: 90%;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 1px;
    background-color: rgba(185, 193, 186, 0.2);
}

.tariffs .container .sticker .button-container {
    width: 250px;
    margin: 0 auto;
}

.tariffs .container .sticker .button-container .link .button {
    background: linear-gradient(180deg, #4FCD5E 0%, #17BE2B 100%);
    width: 100%;
    height: 60px;
    cursor: pointer;
    box-shadow: 0px 17px 27px rgba(79, 205, 94, 0.4);
    border-radius: 31px;
    font-family: "VerdanaBold";
    font-size: 1.6rem;
    color: #FFF;
}


.date_filter {
    display: -webkit-inline-flex;
    -webkit-writing-mode: horizontal-tb !important;
    -webkit-rtl-ordering: logical;
}

[dir="rtl"] .datepicker {

    position: absolute;
}


[dir="rtl"] .customizer {
    right: inherit!important;
}


.main-content-wrap {
    float: inherit!important;
    margin-top: 0;
    margin-left: 237px;
}

[dir="rtl"] .main-content-wrap {
    margin-left: 0;
    margin-right: 237px;
}
.send-link{
    width: 100%;
    overflow: hidden;
    border: none;
    resize: none;
}
.send-link:focus {
    outline: none;
    border: none;
}
.link-send-index{
    color: #fff;
}
.link-send-index:hover{
    color: #fff;
}

@media (max-width: 1365px) {

    .tariffs .title {
        font-size: 3rem;
    }

    .tariffs .container .sticker img {
        height: 165px;
    }


    .tariffs .container .sticker .sticker-title {
        font-size: 2.5rem;
        margin-top: 30px;
    }

    .tariffs .container .sticker .sticker-price {
        font-size: 2rem;
    }
}


@media (max-width: 1119px) {
    .use .stickers-container {
        flex-direction: column;
        justify-content: start;
        align-items: center;
        margin-top: 60px;
    }

    .use .stickers-container .sticker {
        width: 405px;
        margin-top: 10px;
    }

    .tariffs .container {
        align-items: center;
        flex-direction: column;
    }

    .tariffs .container .sticker {
        margin-top: 20px;
        width: 475px;
    }
}
.grid-view {
    margin-top: 20px;
    position: relative;
}
.grid-view .summary {
    position: absolute;
    top: -20px;
}

#lottie {
    background-color: #ffffff40!important;
}


.flex-center-item {
    align-items: center;
}

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

.menu_languages ul {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin: 0;

}
.menu_languages ul li {
    list-style-type: none;
    margin-right: 10px;

}

.menu_languages ul li a {
    width: 27px;
    height: 27px;
    display: block;
}


.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a {
    height: 50px;
}
.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a .item-name {
    font-size: 14px;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li:hover::before {
    height: 50px;
    background-color: #4caf50;
    opacity: 1;

}
.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul.metismenu > li:hover > a {
    color: white!important;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul.metismenu > li:hover > a > span {
    color: white!important;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul.metismenu > li:hover > a  > i {
    color: white!important;
}



.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul.metismenu > li.active_link > a {
    color: white!important;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul.metismenu > li.active_link > a > span {
    color: white!important;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul.metismenu > li.active_link > a  > i {
    color: white!important;
}

#badge-id {
    color: white!important;
}


.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li.active_link::before {
    background-color: #4caf50;
    opacity: 1;
    height: 50px;
    left: 0;
    z-index: -1;
}

[dir="rtl"] .layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li.active_link::before {
    left: inherit;
    right: 0;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu .sub_menu_left li:hover >  a {
    color: #4caf50!important;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu .sub_menu_left li:hover  > a > span {
    color: #4caf50!important;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu .sub_menu_left li:hover > a > i {
    color: #4caf50!important;
}


.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu .sub_menu_left li.active_link >  a {
    color: #4caf50!important;
    font-weight: 900;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu .sub_menu_left li.active_link  > a > span {
    color: #4caf50!important;
    font-weight: 900;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu .sub_menu_left li.active_link > a > i {
    color: #4caf50!important;
    font-weight: 900;
}


.metismenu .has-arrow:after {
    right: 10px!important;
}

.word_or {
    height: 38px;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: 600;
    font-family: 'VerdanaRegular';
    font-size: 1.3rem;
    line-height: 120%;
    color: #121519;
    position: relative;
    top: 34px;
    text-align: center;
}


.filter_select {
    border: 1px solid #e2dcdc;
    background: none;
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu .sub_menu_left li:hover::before {
    height: 50px;
    background:none;
}



.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu .sub_menu_left li.active_link::before {
    height: 50px;
    background:none;
}


.Ul_li--hover::before,
[dir="rtl"] .Ul_li--hover::before
{
    background:none;
}

.hover_custom_link:hover,
.hover_custom_link:hover div
{
    color: inherit;
    text-decoration: underline;
}


body .introjs-button.introjs-nextbutton {
    color: #4caf50;
    background-color: transparent;
    background-image: none;
    border-color: #4caf50;
}


body .introjs-button.introjs-prevbutton.introjs-disabled {
    color: #4caf50;
    background-color: #7d7d7d21;
    background-image: none;
    border-color: #4caf50;
}

body .introjs-button.introjs-prevbutton {
    color: #4caf50;
    background-color: transparent;
    background-image: none;
    border-color: #4caf50;
}

body .introjs-button.introjs-nextbutton:focus {
    box-shadow: 0px 0px 12px rgb(23 190 43 / 17%);
}

body .introjs-tooltiptext {
    font-family: 'VerdanaRegular';
}

body .introjs-helperLayer.introjs-fixedTooltip {
    box-shadow:
            rgb(137 226 114  / 80%) 0px 0px 1px 2px,
    rgb(33 33 33 / 50%) 0px 0px 0px 5000px!important;
}

body .introjs-helperLayer {
    box-shadow:
            rgb(137 226 114  / 80%) 0px 0px 1px 2px,
            rgb(33 33 33 / 50%) 0px 0px 0px 5000px!important;
}

.style_lang_link {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.style_lang_link  a {
    font-size: 15px;

    text-align: center;
}

.style_lang_link.white_back {
    border: 1px solid white;
}

.style_lang_link.green_back {
    border: 1px solid #4caf50;
}

.style_lang_link.green_back   a {
    color: #4caf50;
}

.style_lang_link.white_back   a {
    color: white;
}


.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a .item-name {
    text-transform: none;
}


.customizer .handle {
    background: #4caf50;
}

[dir="rtl"] .customizer .handle {
    left: auto!important;
}

.customizer .handle:hover {
    background: #4caf50;
}

.filter_danger {
    color: #ff0000;
}

.filter_danger:hover {
    color: #c70505;
}

.badge .close {
    margin-left: .25rem;
    color: inherit;
    font-size: 100%;
    text-shadow: 0 1px 0 rgba(#000, .5);
}

.customizer {
    top: 160px;

}

.datepicker {
    z-index: 9999 !important;
}

.filter-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.accordion .ul-collapse__right-icon a.collapsed:before {
    position: relative;
    left: inherit;
    right: inherit;
}

.accordion .ul-collapse__right-icon a:before {
    position: relative;
    left: inherit;
    right: inherit;
}

#__replain_widget {
    z-index: 100 !important;
}
.row:before, .row:after {width:0px; height:0px;}

[dir="rtl"] #__replain_widget {
    left: 0!important;
    right: inherit!important;
}

.form .chosen-single {
    border-radius: 76px;
    height: 57px;
    width: calc(100% - 2px);
    border: none;
    outline: none;
    margin: 1px;
    padding: 0 20px;
    font-family: "VerdanaRegular";
    font-size: 1.35em;
}

.sweet-alert h2 {
    font-family: "VerdanaRegular";
    font-weight: 100;
    line-height: inherit;
    font-size: 20px;
}


.sidebar-right .wrapper {
    position: absolute;
    display: none;
    flex-direction: column;
    width: 270px;
    background-color: #FFF;
    bottom: 0;
    transition: .5s;
    top: 0;
    z-index: 10000;
    box-shadow: 0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
}

.sidebar-wrapper-right {
    left: calc(100% - 270px) !important;
}

.wrapper {
    position: relative;
    padding: 22px 24px 0px 19px;
}

.balance {
    position: relative;
}

.title-send-box {
    display: flex;
}

.custom-body-mobile {
    display: none;
}
/* Стили для кубиков в исходящих документах. НАЧАЛО */

.accordion_custom {
    display: block;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.accordion_custom .card {
    width: 100%;
}

.header_accordion {
    display: flex;
    align-items: center;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

}

.status_document::after {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
}

.status_document.tangel_close::after {
    content: url(/img/tangel_close.png);
    right: -20px;
}

.status_document.tangel_open::after {
    content: url(/img/tangel_open.png);
    right: -20px;
}

.status_document {
    position: relative;
    padding-left: 10px;
    margin-left: 5px;
    border-left: 2px solid #6666664D;
    display: flex;
    width: 110px;
    margin-right: 20px;
    flex-direction: column;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

}

.status_document span {
    padding: 0 5px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.header_accordion {
    padding: 9px 18px 7px 18px;
    border-bottom: 2px solid #6666664D;
    justify-content: space-between;
    align-items: stretch;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
}

.accordion_custom .card {
    margin-bottom: 5px;
}

.accordion_custom {
    margin-bottom: 20px;
}

.data-right {
    display: flex;

    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

    position: relative;

    padding-left: 10px;

}

.data-left {
    padding-right: 10px;
    border-right: 2px solid #6666664D;
    flex-direction: column;
    display: flex;
    justify-content: center;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
}


.body_accordion {
    display: flex;
    padding: 9px 12px 16px 12px;

}

.body_accordion div {
    margin-right: 10px;
}

.incoming-block {
    display: block;
}
.accordion_custom {
    display: none;
}
.circle_status_sending {
    display: none;
}
.active_pakages {
    display: inline-block;
}

[dir="rtl"] .custom_input_heb {
    text-align: right;
}
/* Стили для кубиков в исходящих документах. КОНЕЦ */

@media (min-width: 1150px) {
    .main-header-mobile {
        display: none;
    }

    .main-header {
        display: flex;
    }

    .mobile-line-dashed {
        display: none;
    }

    .filter-info {
        padding: 0;
        border: 0;
    }
}

@media (max-width: 940px) {
    .breadcrumb-title {
        text-align: center;
        font-weight: 700;
        width: 100%;
    }
    .breadcrumb.bread-container {
        display: none;
    }

    .breadcrumb-box {
        margin-bottom: 34px;
    }

    .separator-breadcrumb.border-top {
        display: none;
    }
    .incoming-block {
        display: none;
    }

    .accordion_custom {
        display: block;
    }

    .outgoing {
        display: none;
    }

    .filter-info {
        border-bottom: 1px solid #d5d1d1b3;
        padding-bottom: 10px;
    }



}

@media (max-width: 1150px) {

    [dir="rtl"] .app-admin-wrap.sidebar-full .sidebar-panel {
        display: none;
    }

    [dir="rtl"] .app-admin-wrap.sidebar-full .main-content-wrap {
        width: 100%;
    }

    [dir="rtl"] .sidebar-wrapper-right {
        right: calc(100% - 270px) !important;
        left: inherit;
    }

    [dir="rtl"]  .line-dashed {
        left: -20px;
        right: 60px;
    }

    .main-header {
        display: none!important;
    }

    .main-header-mobile {
        padding: 13px 23px 13.89px 23px;
    }

    .box-close-menu {
        display: flex;
        justify-content: flex-end;
    }

    .main-header-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .line-dashed.line-dashed-menu {
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        top: -17px;
    }

    .UL--menu-mobile {
        padding: 0;
        margin: 0;
    }
    .UL--menu-mobile li {
        margin-bottom: 20px;
        list-style-type: none; /* Убираем маркеры */

    }

    .hover_custom_link {
        line-height: 25px;
    }

    .balance {
        margin-top: 20px;
    }


    .send-mobile .card {
        box-shadow:none;
    }

    .switch-overlay {
        display: none!important;
    }

    .send-mobile{
        padding-left: 0 !important ;
    }

    .send-mobile .card-body-row{
        display: block !important;
    }
    .step-3-text-1{

        font-family: VerdanaRegular;
        font-weight: 400;
        font-size: 15px;
    }

    .step-3-text-2 {
        font-size: 10px;
        vertical-align: middle;
        font-family: VerdanaRegular;
        margin-left: 10px;
    }

    .send-mobile .card-body{
        padding: 0;
    }
    .send-mobile  .step-3-text-container{

        padding: 0;
    }
    .send-mobile .step-container {
        display:flex;
        margin-left: 5px;
        flex-direction: row;
        align-items: center;
    }

    .line-dashed{
        border-bottom: 1px dashed black;
        border-left: none;
        height: 1px;
        width: initial;
        position: absolute;
        left: 60px;
        right: 6px;
    }

    .step-container{
        position: relative;
        width: 100%;
    }

    .mobile-line-dashed {
        display: block;
    }

    [dir="rtl"] .main-content-wrap {
        margin-left: 0;
        margin-right: 0px;
    }

    .main-content-wrap {
        margin-left: 0;
    }
}

@media (max-width: 767px) {


    [dir="rtl"] .customizer {
        left: -280px;
    }
    .word_or {
        position: relative;
        top: 0;
        right: 0;
        text-align: center;
        margin-bottom: 18px;
    }

    .download-btn-relative {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .status_sending {
        display: none;
    }

    .status_document {
        width: inherit;
        border: none;
    }

    .circle_status_sending {
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        margin-bottom: 5px;
    }
    .custom-body-mobile {
        display: flex;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    #edit-step-3-button button {
        margin-top: 20px;
    }

    .header_accordion {
        font-size: 13px;
    }

    .settings-left {
        width: 100%;
    }
    .settings-right {
        width: 100%;
    }

    .settings-main-flex-container {
        flex-wrap: wrap;
    }
}

@media (max-width: 342px) {
    #edit-step-3-button button {
        margin-top: 20px;
    }
    .header_accordion {
        padding: 9px 10px 7px 10px;
        border-bottom: 2px solid #6666664D;
    }

}

@media (max-width: 400px) {
    .nav.nav-tabs {
        padding-right: 11px;
    }

    .nav.nav-tabs .nav-item {
        width: 50%;
    }

    .nav.nav-tabs .nav-item a {
        height: 100%;
    }

    .active_pakages {
        display: block;
    }

    .container.dashboard {
        padding: 0px 0;
    }
}

.btn.custom_btn_sm {
    font-size: 0.71137rem!important;
    width: 100%;
}

.block-send-contact label {
    font-size: 15px!important;
}

.block-send-contact .template-checkbox {
    margin-right: 10px;
    margin-top: 0;
}