root {
    --dash-bg: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"%239b9b9b\" class=\"bi bi-dash-lg\" viewBox=\"0 0 16 16\"> <path fill-rule=\"evenodd\" d=\"M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z\"/> </svg>");
}

@media only screen and (min-width: 768px) {
    html {
        font-size: 14px;
    }
}

body {
    color: #222;
    position: relative;
    line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin-bottom: 1.5rem;
}

hr {
    opacity: 0.1;
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 1.75rem !important; /* 28px*/
        margin-bottom: 1rem;
    }

    h2 {
        font-size: 1.75rem;
    }
}

p {
    margin-bottom: 1rem;
}

a:hover {
    text-decoration: none;
}

ol li {
    margin-bottom: 0.5em;
}

.dotted {
    text-decoration: none !important;
    border-bottom: 1px dotted;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.table-responsive {
    overflow-x: auto;
}

.text-muted-2 {
    color: #b4b8bc;
}

.user-plan-tag {
    display: inline-block;
    background: #ECF0F1;
    padding: 3px 10px;
    font-weight: bold;
    border-radius: 3px;
    color: #333;
}

.user-plan-tag.pro {
    color: #fff;
    background-color: #995ddd;
}

.user-tag {
    display: flex;
    border-radius: 3px;
    margin-right: 3rem;
    background: #f8f8f8;
}

@media screen and (max-width: 575px) {
    .user-tag {
        display: none;
        margin-right: 1rem;
    }
}

.user-tag span {
    padding: 3px 10px;
}

.user-tag span svg {
    vertical-align: text-bottom;
    margin-right: 5px;
}

.user-tag a {
    padding: 3px 10px;
    font-weight: bold;
    background: #ECF0F1;
    color: #333 !important;
    text-decoration: none;
    border-radius: 3px;
}

.user-tag.user-pro {
    background-color: #f9f0ff;
}

.user-tag.user-pro a {
    background: #995ddd;
    color: #fff !important;
}

.account-table td {
    padding: 10px 15px;
}

.pro-account {
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 5px;
}

.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
}

/* todo INPUTS & BUTTONS */

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group > .calc-inp {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.input-group > .calc-inp:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .calc-inp:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.before-input, .after-input {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #f8f9fa;
    border: 1px solid var(--input-border-color);
    border-radius: .25rem;
}

.after-input {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.before-input {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.button {
    display: inline-block;
    border: none;
    border-radius: .25rem;
    padding: .5rem .75rem;
    text-decoration: none;
    text-align: center;
    line-height: 1.5;
}

.button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.button-sm {
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    border-radius: .2rem;
}

.button-sm svg.icon {
    width: 12px;
    height: 12px;
    vertical-align: sub;
}

/* todo ALERTS */

.alert {
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
    .alert {
        margin-bottom: 1rem;
    }
}

/* browser defaults override */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #aaa !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #aaa !important;;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #aaa !important;;
}

:-moz-placeholder { /* Firefox 18- */
    color: #aaa !important;;
}

/* bootstrap overrides */

@media (min-width: 1400px) {
    .container-fluid {
        max-width: 1300px;
    }
}

small {
    font-size: 0.857rem;
}

.breadcrumb {
    font-size: 0.93rem;
    color: #9ca6ae;
    margin-top: 1rem;
}

.breadcrumb-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #758a9a;
}

.breadcrumb-item.active {
    color: #9ca6ae;
}

.breadcrumb a {
    color: #758a9a;
    text-decoration: none;
    /*border-bottom: 1px solid;*/
}

.breadcrumb a:hover {
    border-bottom: 1px solid;
}


/* todo ARTICLE */

article {
    font-size: 1.1rem;
}

article p {
    line-height: 1.6rem;
    margin-bottom: 2rem;
}

article ul, article ol {
    margin-bottom: 2rem;
}

article ul p, article ol p {
    margin-bottom: 1rem;
}

article ol ul, article ul ol {
    margin-bottom: 0;
}

article ul > li > ul, article ol li ul {
    margin: 0.75rem 0 1.25rem 0;
}

article ol.wide li, article ul.wide li {
    margin-bottom: 1rem;
}

article a {
    text-decoration: underline;
}

article h2:not(:first-child) {
    margin-top: 3rem;
}

article h3 {
    font-size: 1.25rem;
    margin-top: 2rem;
}

article ol li {
    padding: 4px 0 4px 5px;
}

article ol {
    padding-left: 25px;
}

/*
.article ol {
    list-style: none;
    counter-reset: my-counter;
    padding-left: 40px;
}
.article ol li {
    counter-increment: my-counter;
    padding-left: 0;
    position: relative;
}
.article ol li::before {
    content: counter(my-counter);
    color: #fff;
    background-color: #b95a84;
    font-weight: bold;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    font-size: 1.3rem;
    --size: 32px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: 0;
}
 */

article .calc-description {
    border-radius: 0.25rem;
    padding: 1rem;
    margin-bottom: 3rem;
    border: 1px solid #6c757d;
}

article .calc-description p {
    margin-bottom: 1em;
}

article .calc-description p:last-child {
    margin-bottom: 0;
}

article .alert {
    margin-bottom: 1rem;
}

article .note {
    font-weight: bold;
    padding-bottom: 1px;
    border-bottom: 1px dotted;
    cursor: help;
}

.formula-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 2rem 0;
    gap: 2rem;
}

.formula {
    text-align: center;
    margin-bottom: 2rem;
    padding: 2rem 1rem;
    font-size: 1.3rem;
    margin-top: 2rem;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .formula-mobile-small {
        font-size: 1em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        white-space: normal;
    }

}

.formula-equal {
    margin: 0 0.5rem;
    color: #999;
}

.formula-sign {
    font-size: 1rem;
    color: #999;
}

.formula > span {
    white-space: nowrap;
}

.formula-row .formula {
    margin: 0;
    text-align: left;
}

.formula-descr {
    line-height: 1.6;
    color: #6c757d;
    margin: 0;
}

.example {
    background-color: #f8f8f8;
    border-radius: var(--border-radius);
    padding: 1rem;
    margin-bottom: 2rem;
    position: relative;
}

.example p {
    margin-bottom: 1rem;
}

.example:before {
    display: block;
    content: 'Пример:';
    font-weight: bold;
    margin-bottom: 10px;
}

.example.example-no-label:before {
    display: none;
    content: '';
}

.example p:last-child {
    margin: 0;
}

.example li {
    margin: 0;
}

.img-shadowed {
    box-shadow: 0 0 2px #999;
}

.diag-title {
    font-size: 0.9rem;
    display: inline-block;
    background: #fbfbbb;
    padding: 0.2rem 0.4rem;
    margin-top: 1rem;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* table of contents */

.table-of-contents {
    max-width: 500px;
    margin: 2rem 0;
    background-color: #fafafa;
    border: 1px solid #ECF0F1;
    padding: 0.75rem 1rem;
    border-radius: 5px;
}

.table-of-contents > div:first-child {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.table-of-contents ul {
    margin: 0;
}
.table-of-contents ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.table-of-contents ol li {
    margin-bottom: 0;
    padding-left: 0;
}
.table-of-contents .sub-list {
    font-size: 0.929rem;
    padding-left: 1rem;
    margin: 0.25rem 0;
}



/* todo SIDEBAR */

.sidebar-block {
    margin-bottom: 1.5rem;
}

.sidebar-block-header-icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 0.5rem;
    /*color: #efbe34;*/
    color: #566473;
    vertical-align: middle;
}

.sidebar-block-header-icon + span {
    vertical-align: middle;
}

.sidebar-item {
    justify-content: space-between;
    position: relative;
    /*border: 1px solid #dde5e7;*/
    border-bottom: 1px solid #f1f1f1;
    text-decoration: none;
    border-top: none;
    padding: 10px 20px;
    word-break: break-word;
}

.sidebar-item:last-child {
    border-bottom: none;
}

.sidebar-item-result {
    padding-right: 5px;
    display: flex;
}

.offcanvas .sidebar-item {
    border-width: 0 0 1px;
}

.sidebar-item a {
    text-decoration: none;
}

.sidebar-delete-result {
    flex-basis: 30px;
    min-width: 30px;
    align-items: center;
    justify-content: center;
    /*background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/></svg>');*/
    background-position: center;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    text-align: center;
}

.sidebar-item.active a.sidebar-link:before {
    content: "\203A";
    margin-right: 10px;
    font-size: 1.2rem;
    line-height: 1;
    color: var(--heading-color);
}

.sidebar-item:hover .sidebar-delete-result {
    /*display: block;*/
}

/* todo LAYOUT */

.columns-container {
    display: flex;
    margin-bottom: 2rem;
}

.content-column {
    flex: 1;
    margin-bottom: 3rem;
}

.columns-separator {
    flex-basis: 2rem;
    min-width: 2rem;
}

.sidebar {
    flex-basis: 300px;
    min-width: 300px;
}

footer {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    border-top: 1px solid #D5DCE5;
    gap: 2rem;
    font-size: var(--smaller);
}

@media only screen and (min-width: 0px) and (max-width: 990px) {
    footer {
        flex-direction: column;
    }
}

@media only screen and (min-width: 991px) {
    .footer-links {
        white-space: nowrap;
    }
}

footer a {
    color: #6c757d;
}

@media only screen and (min-width: 0px) and (max-width: 1199px) {
    .columns-container {
        flex-direction: column;
    }

    .content-column, .sidebar {
        flex-basis: 100%;
    }

    .columns-separator {
        display: none;
    }
}

/* header */

.header-container {
    /*box-shadow: 0 5px 5px rgba(136,145,157,0.1),0 1px 0 #E6EAED;*/
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 576px) {
    .header-container {
        margin-bottom: 2rem;
    }
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.2rem 0;
    gap: 1rem;
}

header a {
    text-decoration: none;
}

header svg {
    color: var(--menu-icon-color)
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    header {
        padding-top: 2rem;
    }
}

@media screen and (min-width: 576px) {
    header {
        gap: 2rem;
    }
}

.search-icon, .user-icon {
    color: var(--menu-icon-color);
    cursor: pointer;
}

.menu-icon {
    display: flex;
    flex-direction: column;
    line-height: 1;
    gap: 4px;
}

.menu-icon span {
    width: 25px;
    height: 4px;
    background-color: var(--menu-icon-color);
}

/* homepage */

.category-wrapper {
    margin-bottom: 4rem;
}

#mainOffcanvas .category-wrapper {
    margin-bottom: 0;
}

#mainOffcanvas .category-title {
    margin-top: 2rem;
}

.category-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    color: var(--heading-color);
}

.category-icon {
    width: 24px !important;
    height: 24px !important;
    /*color: #efbe34;*/
    color: #566473;
    vertical-align: middle;
}

.category-icon + span {
    vertical-align: middle;
}

.category-items {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

@media screen and (max-width: 767px) {
    .category-items {
        /*flex-direction: column;*/
    }
}



/* results button */

.button-open-results {
    color: #fff !important;
    background-color: #70b166;
    border-bottom: 2px solid #689361;
    display: inline-block;
    border-radius: 0.25rem;
    text-decoration: none;
    padding: 0.5rem 0.5rem 0.4rem;
    font-size: .875rem;
    text-align: center;
}

/*.button-open-results.inactive {*/
/*    background-color: #f1f1f1;*/
/*    border-color: #ddd;*/
/*    color: #aaa !important;*/
/*}*/

@media screen and (max-width: 575px) {
    .button-open-results {
        width: 100%;
    }
}

/* todo calc panel top */

.calc-panel-top {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

@media screen and (min-width: 1200px) {
    .calc-panel-top {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .calc-panel-top a {
        flex-basis: 0;
        flex-grow: 1;
    }
}


/* todo calc panel */

.calc-panel {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 10px 0 0;
    margin-bottom: 2rem;
}

.calc-panel-item {
    white-space: nowrap;
    flex-basis: 100%;
    margin: 5px 0;
}

.calc-panel-item a {
    text-decoration: none;
}

.calc-panel-item.calc-panel-share {
    margin-right: 0;
    margin-top: 15px;
}

@media only screen and (min-width: 576px)  {
    .calc-panel-item {
        flex-basis: auto;
        margin: 0 0 10px 16px;
    }

    .calc-panel-item.calc-panel-share {
        margin-top: 0;
    }
}

.calc-panel-item > a > span {
    margin-left: 0.1em;
    vertical-align: middle;
}

.calc-panel-item .icon {
    vertical-align: middle;
}

.calc-panel .solid {
    border-bottom: 1px solid;
    border-color: #849eb9;
    padding-bottom: 1px;
}

/* todo MODALS */

.modal-header {
    padding: 1.5rem 6% 1.2rem;
    align-items: center;
}

.modal-title {
    font-size: 1rem;
    font-weight: bold;
}

.modal-body {
    padding: 5% 6%;
}

.modal-footer {
    padding: 4% 6%;
    justify-content: flex-start;
}

/* todo OFFCANVAS */

.offcanvas-header {
    border-bottom: 1px solid #dee2e6;
    padding: 1.5rem 1.5rem 1.2rem;
}

.offcanvas-title {
    font-size: 1rem;
    font-weight: bold;
}

#resultsOffcanvas .offcanvas-body, #historyOffcanvas .offcanvas-body {
    padding: 0;
    background-color: #fff;
}


.search-input {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--input-border-color);
    border-radius: var(--border-radius);
}

#mainOffcanvas input + em {
    display: none;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23dc3545%27%3e%3cpath d=%27M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z%27/%3e%3c/svg%3e") center/1em auto no-repeat;
    background-size: 12px 12px;
}



.flash-message {
    position: fixed;
    max-width: 90%;
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(50,50,50,0.85);
    color: #eee;
    text-align: center;
    padding: 1rem;
    border-radius: 0.5rem;
    cursor: default;
    z-index: 1061; /* bootstrap modal has 1060 */
    word-break: break-word;
}


/* share */

.share-button, .login-button {
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    vertical-align: bottom;
    text-align: center;
    cursor: pointer;
    margin-right: 5px;
}


.share-button:hover, .login-button:hover {
    opacity: 0.9;
}

.share-button.yandex, .login-button.yandex {
    background-color: #fc3f1d;
}

.share-button.google, .login-button.google {
    background-color: #fff;
}

.share-button.vk, .login-button.vk {
    background-color: #48729e;
}

.share-button.ok, .login-button.ok {
    background-color: #eb722e;
}

.share-button.fb, .login-button.fb {
    background-color: #3b5998;
}

.share-button.tw, .login-button.tw {
    background-color: #00aced;
}

.share-button.tg {
    background-color: #3390ec;
}

.share-button.wa {
    background-color: #25d366;
}

.share-button.vi {
    background-color: #583eb5;
}

.share-button.em {
    background-color: #bbb;
}

.share-icon, .login-icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: top;
    background-position: center;
    background-repeat: no-repeat;
}

.login-icon {
    width: 32px;
    height: 32px;
}

.share-button.yandex .share-icon, .login-button.yandex .login-icon {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M2.04 12c0-5.523 4.476-10 10-10 5.522 0 10 4.477 10 10s-4.478 10-10 10c-5.524 0-10-4.477-10-10z%27 fill=%27%23FC3F1D%27/%3E%3Cpath d=%27M13.32 7.666h-.924c-1.694 0-2.585.858-2.585 2.123 0 1.43.616 2.1 1.881 2.959l1.045.704-3.003 4.487H7.49l2.695-4.014c-1.55-1.111-2.42-2.19-2.42-4.015 0-2.288 1.595-3.85 4.62-3.85h3.003v11.868H13.32V7.666z%27 fill=%27%23fff%27/%3E%3C/svg%3E");}

.share-button.google .share-icon, .login-button.google .login-icon {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 48 48%27 %3E%3Cpath fill=%27%23FFC107%27 d=%27M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z%27/%3E%3Cpath fill=%27%23FF3D00%27 d=%27M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z%27/%3E%3Cpath fill=%27%234CAF50%27 d=%27M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z%27/%3E%3Cpath fill=%27%231976D2%27 d=%27M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z%27/%3E%3C/svg%3E");
}

.share-button.vk .share-icon, .login-button.vk .login-icon {
    background: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.785 16.241s.288-.032.436-.194c.136-.148.132-.427.132-.427s-.02-1.304.576-1.496c.588-.19 1.341 1.26 2.14 1.818.605.422 1.064.33 1.064.33l2.137-.03s1.117-.071.587-.964c-.043-.073-.308-.661-1.588-1.87-1.34-1.264-1.16-1.059.453-3.246.983-1.332 1.376-2.145 1.253-2.493-.117-.332-.84-.244-.84-.244l-2.406.015s-.178-.025-.31.056c-.13.079-.212.262-.212.262s-.382 1.03-.89 1.907c-1.07 1.85-1.499 1.948-1.674 1.832-.407-.267-.305-1.075-.305-1.648 0-1.793.267-2.54-.521-2.733-.262-.065-.454-.107-1.123-.114-.858-.009-1.585.003-1.996.208-.274.136-.485.44-.356.457.159.022.519.099.71.363.246.341.237 1.107.237 1.107s.142 2.11-.33 2.371c-.325.18-.77-.187-1.725-1.865-.489-.859-.859-1.81-.859-1.81s-.07-.176-.198-.272c-.154-.115-.37-.151-.37-.151l-2.286.015s-.343.01-.469.161C3.94 7.721 4.043 8 4.043 8s1.79 4.258 3.817 6.403c1.858 1.967 3.968 1.838 3.968 1.838h.957z%27 fill=%27%23FFF%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.share-button.ok .share-icon, .login-button.ok .login-icon {
    background: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27%23FFF%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M11.674 6.536a1.69 1.69 0 0 0-1.688 1.688c0 .93.757 1.687 1.688 1.687a1.69 1.69 0 0 0 1.688-1.687 1.69 1.69 0 0 0-1.688-1.688zm0 5.763a4.08 4.08 0 0 1-4.076-4.075 4.08 4.08 0 0 1 4.076-4.077 4.08 4.08 0 0 1 4.077 4.077 4.08 4.08 0 0 1-4.077 4.075zM10.025 15.624a7.633 7.633 0 0 1-2.367-.98 1.194 1.194 0 0 1 1.272-2.022 5.175 5.175 0 0 0 5.489 0 1.194 1.194 0 1 1 1.272 2.022 7.647 7.647 0 0 1-2.367.98l2.279 2.28a1.194 1.194 0 0 1-1.69 1.688l-2.238-2.24-2.24 2.24a1.193 1.193 0 1 1-1.689-1.689l2.279-2.279%27/%3E%3C/g%3E%3C/svg%3E");
}

.share-button.fb .share-icon, .login-button.fb .login-icon {
    background: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M13.423 20v-7.298h2.464l.369-2.845h-2.832V8.042c0-.824.23-1.385 1.417-1.385h1.515V4.111A20.255 20.255 0 0 0 14.148 4c-2.183 0-3.678 1.326-3.678 3.76v2.097H8v2.845h2.47V20h2.953z%27 fill=%27%23FFF%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.share-button.tw .share-icon, .login-button.tw .login-icon {
    background: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M20 7.539a6.56 6.56 0 0 1-1.885.517 3.294 3.294 0 0 0 1.443-1.816 6.575 6.575 0 0 1-2.085.796 3.283 3.283 0 0 0-5.593 2.994A9.32 9.32 0 0 1 5.114 6.6a3.28 3.28 0 0 0 1.016 4.382 3.274 3.274 0 0 1-1.487-.41v.041a3.285 3.285 0 0 0 2.633 3.218 3.305 3.305 0 0 1-1.482.056 3.286 3.286 0 0 0 3.066 2.28A6.585 6.585 0 0 1 4 17.524 9.291 9.291 0 0 0 9.032 19c6.038 0 9.34-5 9.34-9.337 0-.143-.004-.285-.01-.425A6.672 6.672 0 0 0 20 7.538z%27 fill=%27%23FFF%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.share-button.tg .share-icon {
    background-image: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"%23fff\" viewBox=\"0 0 16 16\"> <path d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z\"/> </svg>");
    background-size: 70%;
}

.share-button.wa .share-icon {
    background-image: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"white\" viewBox=\"0 0 16 16\"> <path d=\"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z\"/> </svg>");
    background-size: 70%;
}

.share-button.vi .share-icon {
    background-image: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"white\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><path d=\"M12.892 13.745s.427.038.656-.247l.448-.563c.216-.28.738-.458 1.249-.174.676.382 1.55.982 2.149 1.541.33.278.407.688.182 1.121l-.002.009c-.232.408-.541.791-.932 1.148l-.009.006c-.44.367-.946.58-1.487.404l-.01-.014c-.972-.275-3.304-1.464-4.79-2.649-2.431-1.918-4.159-5.082-4.637-6.778l-.015-.01c-.176-.543.039-1.049.404-1.488l.007-.008c.357-.391.739-.701 1.148-.932l.009-.002c.432-.225.842-.149 1.121.182.367.379 1.056 1.291 1.54 2.149.284.51.106 1.033-.173 1.248l-.564.448c-.284.23-.247.657-.247.657s.834 3.156 3.953 3.952zm4.907-2.616c-.167 0-.303-.135-.304-.302-.014-1.83-.564-3.288-1.634-4.332-1.072-1.045-2.427-1.581-4.027-1.592-.168-.001-.303-.138-.301-.306.001-.167.136-.301.303-.301h.002c1.762.012 3.258.606 4.447 1.764 1.19 1.162 1.802 2.765 1.817 4.763.001.167-.133.304-.301.306h-.002zm-1.595-.624h-.007c-.168-.004-.301-.143-.297-.31.024-1.038-.273-1.878-.906-2.569-.63-.689-1.495-1.065-2.645-1.149-.167-.013-.293-.158-.281-.325.013-.167.158-.293.325-.281 1.294.095 2.32.548 3.049 1.345.733.8 1.092 1.807 1.065 2.992-.004.165-.139.297-.303.297zm-1.558-.522c-.161 0-.295-.126-.303-.289-.051-1.03-.537-1.534-1.527-1.588-.168-.009-.296-.152-.287-.319.009-.168.151-.296.319-.287 1.308.07 2.034.819 2.101 2.164.009.167-.12.31-.288.318l-.015.001zm6.817 3.469c-.605 4.877-4.172 5.185-4.83 5.396-.28.09-2.882.737-6.152.524 0 0-2.438 2.94-3.199 3.705-.119.119-.258.167-.352.145-.131-.032-.167-.188-.165-.414l.02-4.016v-.001c-4.762-1.323-4.485-6.295-4.431-8.898.054-2.603.543-4.736 1.996-6.17 2.61-2.364 7.987-2.011 7.987-2.011 4.541.02 6.717 1.387 7.222 1.845 1.675 1.434 2.528 4.867 1.904 9.895zm-.652-11.113c-.597-.548-3.007-2.298-8.375-2.322 0 0-6.33-.382-9.416 2.45-1.718 1.718-2.322 4.231-2.386 7.348-.063 3.118-.146 8.958 5.484 10.542l.006.002-.004 2.416s-.035.979.609 1.179c.779.241 1.236-.502 1.981-1.304.408-.44.971-1.086 1.397-1.58 3.851.322 6.812-.417 7.149-.526.777-.253 5.177-.816 5.893-6.657.738-6.022-.358-9.83-2.338-11.548z\"/></svg>");
    background-size: 70%;
}

.share-button.em .share-icon {
    background-image: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"white\" viewBox=\"0 0 16 16\"> <path d=\"M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z\"/> </svg>");
    background-size: 70%;
}

.code-wrapper {
    padding: 1rem;
    background-color: #f7f7f7;
}

@media only screen and (max-width: 991px) {

    .share-button {
        margin-top: 4px;
    }

}


/* units */
.convert-one {
    margin-bottom: 20px;
    padding: 15px;
    font-size: 15px;
    background-color: #fff7eb;
    border: 2px solid #fbebd8;
    border-width: 1px 0;
}

.convert-one .reverse {
    font-size: 12px;
    padding-top: 8px;
    color: #888;
}

.units-header {
    padding: 10px;
    background-color: #f6f6f6;
    text-align: left;
    font-weight: bold;
}

.units-body {
    padding: 10px;
}

.units-table td, .units-table th {
    padding: 10px;
}

.units-table th {
    background-color: #f6f6f6;
    text-align: left;
}

.current-unit {
    background-color: #3498db;
    color: #fff;
    padding: 2px 5px;
}

.unit-short {
    color: #aaa;
}

@media (max-width: 767px) {
    select[name=decimals] {
        margin-top: 12px;
    }

    .row-unit-category {
        text-align: center;
    }
}

/* countries */
.country-flag {
    width: 32px !important;
    height: 24px !important;
    box-shadow: 1px 1px 1px #999;
}



/* ADS */

.ad-ex {
    border: 3px solid lightsalmon;
    background: #fff6f2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #d5714a;
    font-size: 1.25rem;
}

.ad-ex div {
    font-size: 2rem;
}


/* MISC */
.result-comment-margin {
    margin-top: 0.5rem;
}

.sidebar-item-result .result-comment-margin {
    margin-top: 0.25rem;
}

.result-comment-margin:empty {
    margin-top: 0;
}


/* my ads */

picture img {
    border-radius: var(--border-radius);
}

.ad-dropdown {
    position: absolute;
    top: 3px;
    right: 3px;
}
.ad-menu-btn {
    font-size: 11px !important;
    border: none;
    cursor: pointer;
    padding: 0 5px;
    line-height: 20px;
    border-radius: 4px;
    text-align: center;
    background: #fff;
    opacity: 0.75;
    vertical-align: top;
}
.ad-menu-btn:hover {
    opacity: 0.85;
}
.ad-menu-btn svg {
    width: 12px;
    height: 12px;
}

.ad-menu-btn + .dropdown-menu {
    font-size: 12px;
    box-shadow: 0 2px 4px 0 rgba(0,21,64,.05),0 12px 24px 0 rgba(0,21,64,.05) !important;
}
:root {
    --main-color: #b0517a;
    --th-background-color: #ecf0f1;
    --menu-icon-color: #566473;
    --warning: var(--bs-warning);
    --danger: var(--bs-danger);
    --heading-color: #222;
    --gray-bg: #ECF0F1;
    --border-radius: 5px;
}

a, a:hover {
    /*color: #336699;*/
    color: #315677;
}


ul.list-general {
    padding: 0 0 0 5px;
    margin: 0;
}

ul.list-general li {
    list-style: none;
    padding: 4px 0 4px 23px;
    background: var(--dash-bg) left 7px no-repeat;
}

/* todo breadcrumbs */

@media screen and (max-width: 767px) {
    .breadcrumbs-container {
        display: none;
    }
}

li.breadcrumb-item {
    padding: 0;
    background: none;
}

/* todo DROPDOWNS */

.dropdown-menu {
    border-radius: var(--input-border-radius);
    padding: 0.25rem 0;
}

.dropdown-item, .dropdown-item-text {
    /*padding: 0.6rem 1.5rem;*/
}

.dropdown-item:active, .dropdown-item:hover {
    background-color: var(--gray-bg);
    color: inherit;
}

.user-icon .dropdown-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* todo LAYOUT */

.container {
    max-width: 1280px;
}

h1 {
    font-size: 2rem;
    font-weight: bold;
}

@media screen and (min-width: 576px) {
    header a, header a:hover {
        color: rgb(33, 26, 23);
    }
    header svg {
        color: #566473;
    }
}



@media only screen and (min-width: 0px) and (max-width: 991px) {
    .calc-form {
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }
}

/* todo BUTTONS */

.button-general {
    background-color: #3498db;
    border-bottom: 2px solid #2980b9;
    color: #fff !important;
}

.button-info {
    background-color: darkseagreen;
    border-bottom: 2px solid #76a076;
    color: #fff !important;
}

.button-danger {
    background-color: var(--danger);
    border-bottom: 2px solid #ae3333;
    color: #fff;
}

.button-close {
    background-color: rgb(236, 240, 241);
    border-bottom: 2px solid rgb(221, 229, 231);
    color: #758a9a !important;
}


.button-general:hover:not(:disabled) {
    opacity: 0.9;
}

.button-buy {
    background-color: #45bb60;
    border-bottom: 2px solid #4aa860;
    color: #fff !important;
}

.button-pro {
    background-color: #995ddd;
    border-bottom: 2px solid #8344ca;
    color: #fff !important;
}

.button-sm {
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    border-radius: .2rem;
}

/* todo SIDEBAR */

.sidebar-block {
    border-radius: 4px;
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);*/
    border: 1px solid #f1f1f1;
}

.sidebar-block-header {
    color: #566473;
    padding: 10px 20px;
    font-weight: bold;
    background-color: transparent;
}


/* todo catalog */

.offcanvas .category-wrapper ul {
    padding-left: 24px;
    margin: 0;
}

.offcanvas .category-wrapper ul li {
    padding: 4px 0 4px 10px;
}

.offcanvas .category-wrapper ul li::marker {
    content: "\2014";
    color: #cdcdcd;
}


.catalog-link {
    text-decoration: none;
    display: inline-block;
    color: #222 !important;
    padding: 10px;
    background-color: #F3F7F8;
    border: 1px solid #dde5e7;
    transition: 0.25s ease background-color;
    border-radius: var(--input-border-radius);
}

.catalog-link-fav {
    background-color: #fff;
    border-color: #fc7630;
}

.catalog-link-fav svg {
    color: #fc7630;
    vertical-align: sub;
    margin-right: 0.5rem;
}



.catalog-link.catalog-link-last-used {
    background-color: #fff;
    border-color: #573c6e;

}

.catalog-link-last-used svg {
    vertical-align: sub;
    margin-right: 0.5rem;
    color: #573c6e;
}


/* todo TABLES */

.calc-table {
    border-collapse: collapse;
    font-size: 1rem;
}

@media only screen and (max-width: 767px) {
    .calc-table {
        font-size: 0.875em; /* 14px */
    }
}

.calc-table td, .calc-table th {
    border: 1px solid #ecf0f1;
    padding: 10px;
}

.calc-table td.sep {
    border: none;
}

.calc-table th, .calc-table thead td {
    font-weight: bold;
    color: #566473;
    vertical-align: top;
    text-align: left;
}

.calc-table th {
    background-color: #ecf0f1;
}

.calc-table th span {
    color: #999;
    font-weight: 400;
}

.calc-table td span.dop {
    color: #999;
}

.calc-table:not(.no-hover) tr:hover {
    background-color: #fbfcfc;
}

.calc-table tr.highlighted td {
    background-color: #fafafa;
}

/* todo MODALS */

.modal-title {
    text-transform: uppercase;
}

/* todo OFFCANVAS */

.offcanvas-title {
    text-transform: uppercase;
}

.offcanvas-body {
    padding: 1.5rem;
}

.offcanvas-box { /* same as sidebar box */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-top: 1px solid #f1f1f1;
    padding: 15px;
    border-radius: var(--border-radius);
}

/* todo ALERTS */

.alert {
    padding: 1rem 1.25rem 1rem 55px;
    border-radius: var(--border-radius);
    border-width: 2px;
    border-style: solid;
    background: transparent;
    color: #333;
    position: relative;
}

.alert:before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 12px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.alert-success {
    border-color: #539d64;
}

.alert-success:before {
    color: #539d64;
    background-image: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23539d64\" viewBox=\"0 0 16 16\"> <path d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z\"/> </svg>");
}

.alert-info, .alert-primary {
    border-color: #7dccfc;
}

.alert-info:before, .alert-primary:before {
    color: #7dccfc;
    background-image: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%237dccfc\" viewBox=\"0 0 16 16\"> <path d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z\"/> </svg>");
}

.alert-warning {
    border-color: #FFBE55;
}

.alert-warning:before {
    color: #FFBE55;
    background-image: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23FFBE55\" viewBox=\"0 0 16 16\"> <path d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z\"/> </svg>");
}

.alert-danger {
    border-color: #e67680;
}

.alert-danger:before {
    color: #e67680;
    background-image: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23e67680\" viewBox=\"0 0 16 16\"> <path d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z\"/> </svg>");
}

.alert-secondary {
    border-color: #d6d8db;
}

.alert-secondary:before {
    color: #d6d8db;
    background-image: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23d6d8db\" viewBox=\"0 0 16 16\"> <path d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z\"/> </svg>");
}


/* todo ARTICLE */

.formula {
    background: #ffee9415;
    border: 3px solid #ffee94;
    border-radius: var(--border-radius);
}

article ul {
    padding: 0 0 0 10px;
}

article ul li {
    list-style: none;
    padding: 3px 0 3px 23px !important;
    background: var(--dash-bg) left 7px no-repeat;
}
:root {
    --smaller: 0.929rem;
    --x-small: 0.7857rem;
    --padding-top: 10px;
    --calc-error-color: #f26c63;
    --calc-danger: #dc3545;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

input[type=date] {
    -webkit-appearance: none; /* даты на iOS имели узкую ширину */
}

input[type="search"] {
    -webkit-appearance: none; /* на iOS у поля скруглялась рамка и border-radius не работал */
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

*:focus {
    outline: none !important;
}


a:hover, a:active, a:focus {
    text-decoration: none !important;
}

table {
    font-size: inherit;
}


@media screen and (min-width: 576px) {
    small, .small {
        font-size: 0.857rem;
    }
}

@media screen and (max-width: 575px) {
    small, .small {
        font-size: 0.75rem;
    }
}

.smaller {
    font-size: var(--smaller)
}

.dropdown-item.disabled {
    opacity: 0.5 !important;
}

.calc-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.calc-icon.centered {
    position: relative;
    top: calc(var(--input-height) / 4)
}

.text-info {
    color: #1bb0ce !important;
}

/* colors */

.calc-text-info {
    color: #297bb3;
}

.calc-text-warning {
    color: #ffc107;
}

.calc-text-danger {
    color: #dc3545;
}

.calc-text-success {
    color: #198754;
}



/* calc layout */

.calc-form {
    display:block;
    margin-bottom: 0;
    padding-top: 25px;
    position: relative;
}

.calc-form * {
    box-sizing: border-box;
}

.calc-form[data-history="0"] .calc-history-btn {
    display: none !important;
}

.calc-form[data-name="Random"] .calc-reset-btn {
    display: none !important;
}

/* скрываем иконку пикера в виджетах и при печати */
.calc-form[data-embed="1"] {
    .calc-datepicker-icon {
        display: none;
    }
}

@media print {
    .calc-datepicker-icon {
        display: none !important;
    }
}

.calc-form a {
    text-decoration: none;
}

.calc-form p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.calc-form .dropdown-item {
    color: inherit;
}

.calc-form svg {
    vertical-align: middle;
}

.calc-form a:focus {
    border-bottom: 1px solid;
}

.calc-form a.dropdown-item:focus, .calc-form a.dropdown-toggle:focus {
    border: none;
}

.calc-frow {
    padding: 0 15px 20px;
}

.calc-frow:after {
    display: block;
    clear: both;
    content: "";
}

.calc-frow.separator {
    height: 0;
    line-height: 0;
    font-size: 0;
    border-top: 1px solid #dde5e7;
    /* border-top: 1px dashed #c5d5d9; /* 7calc */
}

.calc-frow.separator-bottom {
    border-bottom: 1px solid #dde5e7;
    margin-bottom: 20px;
}

.calc-frow.surround-with-borders {
    padding-top: 15px;
    padding-bottom: 25px;
}


.calc-frow.sep-top {
    border-top: 1px solid #f6f8f8;
    box-shadow: 0 -1px 0 #dde4e5;
    padding-top: 1rem;
}

.calc-frow.ad-row {
    padding: 1rem 0;
}

.calc-frow.error-row {
    padding-top: 20px;
}

.calc-footer {
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
}

.calc-frow.calc-subtitle {
    padding-top: 10px;
    font-weight: bold;
}

@media screen {
    .result-row-print-only {
        display: none !important;
    }
}

.error-row > div {
    background: #fbfcfc;
    color: var(--danger);
    border:1px solid #dce2e6;
    padding: 10px;
    border-radius: 3px;
}

@media only screen and (max-width: 480px) {
    .calc-footer {
        padding-top: 15px;
        padding-bottom: 15px !important;
        margin-top: 8px;
    }
}

.calc-fleft {
    width: 25%;
    padding-top: var(--padding-top);
    float: left;
}

@media (min-width: 576px) {
    .calc-fleft {
        text-align: right;
    }
}

.calc-fleft ul {
    padding-left: 1rem;
    font-weight: 400;
}

.calc-fleft svg.calc-icon {
    vertical-align: sub;
    margin-left: 0.25rem;
    color: var(--calc-text-desc);
}

.calc-label-note {
    margin-top: 0.25rem;
    font-weight: normal;
    font-size: var(--smaller);
    color: var(--calc-text-desc);
}

.tooltip-icon {
    margin-left: 0.35rem;
    color: var(--calc-text-desc);
}


.calc-fright {
    margin-left: 28%;
}

.calc-fleft, .calc-frow.result-row .calc-fright, .top-padding-normal {
    padding-top: var(--padding-top);
}

.loading-row {
    display: none;
    padding-top: 1rem;
}

.calc-footer .calc-fright {
    display: flex;
    align-items: end;
}

.result-sep {
    display: none;
    padding-bottom: 0;
    margin-bottom: 20px;
    border-top: 1px solid #dde5e7;
    box-shadow: 0 1px 1px #fff;
}

.calculated .result-sep {
    display: block;
}

.calc-result-split {
    display: flex;
    flex-wrap: wrap;
}

.calc-result-col {
    flex-basis: 100%;
}

@media screen and (min-width: 769px) {
    .calc-result-col {
        flex-basis: 50%;
        max-width: 50%;
    }
    .calc-result-split .calc-frow {
        padding-right: 0;
    }
    .calc-result-split .calc-fleft {
        width: 50%;
    }

    .calc-result-split .calc-fright {
        margin-left: 56%;
    }
}


@media only screen and (min-width: 0px) and (max-width: 575px) {

    .calc-form {
        padding-top: 12px;
    }

    .calc-frow {
        padding-left: var(--bs-gutter-x, 0.75rem);
        padding-right: var(--bs-gutter-x, 0.75rem);
    }

    .calc-fleft {
        width: 100%;
        float: none;
        padding-bottom: 8px;
        padding-top: 0;
        font-weight: bold;
    }

    .calc-frow.result-row .calc-fleft {
        font-weight: 400;
    }

    .calc-fright {
        width: 100%;
        float: none;
        margin-left: 0;
    }
}


/* calc input elements */

.calc-input {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
    position: relative;
}

.calc-input-desc {
    display: inline-block;
    color: var(--calc-text-desc);
    font-weight: 400;
    margin-left: 3px;
    padding-top: 1px;
}

.row-centered {
    display: inline-block;
    padding-top: 9px;
}

.dash-padding {
    padding-left: 0.75em;
    padding-right: 0.75em;
}

@media screen and (min-width: 576px) {
    .dash-padding {
        padding-left: 1em;
        padding-right: 1em;
    }
}

/* calc result elements */

.calc-text-desc {
    color: var(--calc-text-desc);
}

a.calc-text-desc {
    border-bottom: 1px solid #ccc;
}

.calc-result-value {
    display: inline-block;
    font-size: 1.2em;
    line-height: initial;
    font-weight: bold;
}

.calc-result-value.raw {
    font-weight: normal;
    font-size: 1em;
}

.calc-result-descr {
    margin-left: 1rem;
    color: var(--calc-text-desc);
    font-size: var(--x-small);
}

.calc-result-big {
    display: inline-block;
    color: #333;
    font-weight: bold;
    min-width: 60px;
    text-align: center;
    background-color: #fbfcfc;
    border: 1px solid #dde5e7;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 1.5rem;
    margin: 0.5rem 1rem 0.5rem 0;
    cursor: pointer;
    position: relative;
}

.calc-result-big > .order {
    font-weight: normal;
    display: none;
    position: absolute;
    left: 3px;
    top: 3px;
    font-size: 10px;
    opacity: 0.5;
}

.calc-result-big:hover > .order {
    display: block;
}


.calc-input-notice {
    margin-top: 4px;
    font-size: 0.9em;
    color: #999999;
}

.calc-inp, .calc-select {
    box-sizing: border-box;
    min-width: var(--input-height);
    height: var(--input-height);
    line-height: var(--input-height);
    display: inline-block;
    max-width: 100%;
    padding: 0 8px;
    background-color: #fff;
    text-align: left;
    color: rgb(54,54,54);
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    /*font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;*/
}

.calc-inp.error {
    border-color: var(--calc-error-color) !important;
}

/* переключалка графиков инвестиций */
.calc-inp-active {
    border-color: var(--input-border-color-focused);
}

.calc-error-message {
    color: var(--calc-error-color);
}

textarea.calc-inp {
    line-height: 1.3em;
    padding-top: 8px;
    padding-bottom: 8px;
}

.calc-inp[type="date"] {
    /*background: #fff url('../images/calendar.png') 95% 50% no-repeat;*/
}

.calc-inp-sm {
    height: 32px;
    min-width: 32px;
    line-height: 31px;
    font-size: 0.857em;
}

.calc-submit, .calc-footer-btn {
    display:inline-block;
    padding:0 20px;
    height: var(--input-height);
    line-height: 37px;
    border: none;
    cursor:pointer;
    text-decoration:none;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 0.9em;
    border-radius: var(--input-border-radius);
}

.calc-footer-btn {
    width: 40px;
    padding: 0;
    text-align: center;
}

.calc-toggle-container {
    font-size: var(--smaller);
    display: flex;
    width: min-content;
    align-items: stretch;
    /*padding: 5px;*/
    padding: 5px;
    background-color: #fff;
    height: var(--input-height);
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
}

.calc-toggle-container > span {
    align-content: center;
    padding: 0 10px;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: var(--input-border-radius);
}

.calc-toggle-container span.current {
    background-color: #d6dfe6;
}

.calc-toggle {
    text-decoration: none;
    margin-right: 15px;
    white-space: nowrap;
    padding: 2px 0;
    cursor: pointer;
    line-height: 2em;
    border-bottom: 1px dashed;
}

.calc-toggle:last-child {
    margin-right: 0;
}

.calc-toggle.current {
    border-bottom: 1px solid;
    font-weight: bold;
}

#reset-form {
    display: none;
}

.calc-form.calculated #reset-form {
    display: inline-block;
}

.calc-placeholder {
    display: block;
    height: var(--input-height);
    line-height: var(--input-height);
    position: absolute;
    top: 0;
    /*color: #758a9a;*/
    color: var(--calc-text-desc);
    left: 10px;
    cursor: default;
}

.calc-placeholder.append {
    left: auto;
    right: 0;
    padding: 0 10px;
}

.calc-inp-append {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    cursor: default;
    opacity: 0.8;
    height: var(--input-height);
}

.calc-toggle-button {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid var(--input-border-color);
    height: auto;
    line-height: normal;
    padding: 10px 8px;
    margin-top: -1px;
    margin-left: -1px;
    cursor: pointer;
    border-color: #dde0e1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calc-toggle-button.current {
    box-shadow: inset 0 0 1px 2px #85ceff;
    z-index: 1;
    font-weight: bold;
}

@media (max-width: 575px) {
    .calc-toggle-button {
        font-size: 14px;
    }
}

.calc-link-underline {
    cursor: pointer;
    border-bottom: 1px solid color-mix(in srgb, currentColor 35%, transparent);
}

.calc-ul {
    padding: 0 0 0 1rem;
    margin: 0;
}

.calc-ul li {
    padding-left: 10px;
}

.calc-ul li::marker {
    content: "\2014";
    color: #c6c6c6;
}

.calc-remark {
    padding: 5px 0 5px 1rem;
    border-left: 2px solid;
    color: color-mix(in srgb, currentColor 80%, transparent);
}

.calc-remark-warning {
    border-color: #ffc107;
}

.calc-remark-danger {
    border-color: #dc3545;
}

.calc-remark-success {
    border-color: #198754;
}

.calc-remark-info {
    border-color: #0dcaf0;
}

.set-global-currency {
    display: block;
    padding: 0.4rem 0.6rem;
    border-radius: var(--input-border-radius);
    color: #555;
    margin: 0.1rem 0;
}

.set-global-currency.current {
    font-weight: bold;
    color: #000;
    background-color: #eee;
}

/* todo label */

.calc-label {
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #444;
    background-color: #fff;
    padding: 4px 6px;
    border-radius: 3px;
}

.calc-label:focus {
    border: none;
}

.calc-label:hover {
    color: inherit;
}

/* todo tables */

.calc-form-table {
    font-size: var(--smaller);
}

.calc-form-table .calc-inp, .calc-form-table .calc-inp-append, .calc-form-table .calc-placeholder {
    height: var(--input-height-small);
    line-height: var(--input-height-small);
}

.calc-form-table td {
    padding: 2px;
    vertical-align: top;
}

.calc-form-table td:first-child {
    padding-left: 0;
}

.calc-form-table td:last-child {
    padding-right: 0;
}

.calc-form-table th {
    font-size: 0.85em;
    font-weight: 400;
}

.calc-form-table-delete-btn {
    position: relative;
    top: 6px;
}

.calc-form-table-delete-btn:focus {
    border-bottom: none !important;
}

.calc-form-table-delete-btn svg {
    width: 20px;
    height: 20px;
    color: var(--calc-danger);
}


tr.calc-row-error td {
    color: var(--calc-danger);
    padding: 3px 3px 9px !important;
}

.schedule-table-wrapper {
    overflow-x: auto;
}

.calcus-widget .schedule-table-wrapper {
    border-radius: 0;
}

.schedule-table {
    font-size: 0.9375em; /* 15px */
    border-collapse: collapse;
    color: inherit;
}

.schedule-table td, .schedule-table th {
    border: 1px solid;
    padding: 7px;
    text-align: left;
    vertical-align: top;
}

.schedule-table tr.year-sep td {
    border-top-width: 2px;
}


/* до 767 основной размер шрифта - 16, поэтому уменьшает здесь */
@media only screen and (max-width: 767px) {
    .schedule-table {
        font-size: 0.8125em; /* 13px */
    }
}

.calc-solution {
    display: inline-block;
    padding: 7px;
    line-height: 1.8;
}


/* todo checkboxes and radio */

.calc-form label {
    margin-bottom: 0;
}

.calc-checkbox {
    position: absolute;
    opacity: 0;
}

.calc-checkbox + label {
    position: relative;
    padding: 0 0 0 30px;
    display: inline-block;
    line-height: 22px;
    min-height: 22px;
}

.calc-checkbox + label:before {
    content: '';
    position: absolute;
    box-sizing: content-box;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: #FFF;
    transition: border 0.3s ease;
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
}

.calc-checkbox + label:after {
    content: '';
    position: absolute;
    box-sizing: content-box;
    top: 5px;
    left: 4px;
    opacity: 0;
    transition: all .2s;
    width: 10px;
    height: 5px;
    border-radius: 1px;
    border-left: 4px solid #333;
    border-bottom: 4px solid #333;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.calc-checkbox:checked + label:after {
    opacity: 1;
}

.calc-radio {
    position: absolute;
    opacity: 0;
}

.calc-radio + label {
    position: relative;
    padding: 0 0 0 30px;
    display: inline-block;
    min-height: 22px;
}

.calc-radio + label:before {
    content: '';
    position: absolute;
    box-sizing: content-box;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid var(--input-border-color);
    background: #FFF;
    border-radius: 50%;
}

.calc-radio + label:after {
    content: '';
    position: absolute;
    box-sizing: content-box;
    top: 5px;
    left: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #222;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all .1s;
}

.calc-radio:checked + label:after {
    opacity: 1;
}

.calc-radio:checked:disabled + label:after {
    opacity: 0.5;
}

.calc-radio-sep {
    font-size: 0;
    height: 6px;
}

.calc-copy {
    display: inline-block;
    vertical-align: text-bottom !important;
    cursor: pointer;
    margin-left: 8px;
    color: var(--calc-text-desc);
}

.calc-copy-small {
    width: 14px;
    height: 14px;
    margin-left: 5px;
}

/* todo ajax search */

.ajax-search-wrapper {
    position: relative;
}

.ajax-search {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2rem;
}

.search-results {
    display: none;
    position: absolute;
    z-index: 900;
    top: 100%;
    right: 0;
    left: 0;
    overflow-y: auto;
    max-height: 332px;
    border: 1px solid #ced4da;
    border-top: none;
    background-color: #ffffff;
    box-shadow: 0 10px 30px rgba(43, 44, 44, 0.15);
    border-radius: 0.25rem;
}

.search-result-item {
    cursor: pointer;
    padding: 10px 10px;
}

.search-result-item:hover {
    background-color: #FBFFD0;
}

.search-result-text {
    padding: 10px 10px;
    color: #6c757d;
}

.ajax-search-wrapper .spinner-border {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    right: 12px;
    color: #444;
}

.search-cancel {
    display: none;
    position: absolute;
    right: 5px;
    top: calc(50%);
    transform: translateY(-50%);
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23dc3545%27%3e%3cpath d=%27M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z%27/%3e%3c/svg%3e") center/1em auto no-repeat;
    background-size: 12px 12px;
}


/* todo result list */

.calc-result-list-2 {
    padding: var(--padding-top);
    background-color: #fbfcfc;
    border: 1px solid #dde5e7;
    max-height: 300px;
    overflow: auto;
    margin-bottom: 5px;
}

.calc-result-list-2-container button, .calc-result-list-2-container select {
    display: flex;
    gap: 0.25rem;
    align-items: center;
    height: 32px;
    min-width: 32px;
    font-size: 0.857em;
    padding: 0 8px;
    color: rgb(54,54,54);
}

/* todo fractions */

.fraction {
    display: inline-block;
    vertical-align: middle;
    min-width: 12px;
    margin: 0 3px;
}

.fraction .nom {
    display: block;
    text-align: center;
    border-bottom: 1px solid;
    line-height: 1.5em;
}

.fraction .denom {
    display: block;
    text-align: center;
    line-height: 1.5em;
}


/* history */

.cals-history-btn {

}




/* choices js */

.choices {
    margin-bottom: 0;
}

.choices > .choices__list > .choices__list > .choices__item--selectable {
    padding-right: 0;
}

.choices > .choices__list > .choices__list > .choices__item--selectable::after {
    display: none;
}

.choices .choices__inner {
    box-sizing: border-box;
    font-size: 1rem;
    padding: 0 !important;
    display: flex;
    align-items: center;
    min-height: var(--input-height);
    border-radius: var(--input-border-radius);
    border: 1px solid var(--input-border-color);
    background-color: #fff;
}

.choices.error .choices__inner {
    border-color: var(--calc-error-color) !important;
}

.choices__inner {
    border-radius: 0;
}

.choices__list--single {
    padding: 4px 16px 4px 8px !important;
}

.choices__list--dropdown {
    z-index: 100 !important;
    word-break: normal !important;
}

.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
    max-height: 200px;
}


/* UTILITIES (added here in order to get rid of bootstrap in widgets */

.d-none {
    display: none;
}

.d-inline-block {
    display: inline-block;
}

.fw-bold {
    font-weight: bold;
}

.fw-normal {
    font-weight: normal;
}

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

.d-flex {
    display: flex;
}

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

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-grow-1 {
    flex-grow: 1;
}

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

.justify-content-between {
    justify-content: space-between;
}

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

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

.w-100 {
    width: 100%;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 1rem;
}

.mb-4 {
    margin-bottom: 1.5rem;
}

.me-1 {
    margin-right: 0.25rem;
}

.me-3 {
    margin-right: 1rem;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-3 {
    margin-top: 1rem;
}

.mt-4 {
    margin-top: 1.5rem;
}

.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.ms-1 {
    margin-left: 0.25rem;
}

.ms-2 {
    margin-left: 0.5rem;
}

.ms-3 {
    margin-left: 1rem;
}

.pt-0 {
    padding-top: 0;
}

.text-success {
    color: #198754;
}

.text-danger {
    color: #dc3545;
}

.text-nowrap {
    white-space: nowrap;
}
:root {
    --input-border-color: #cbd1d5;
    --input-border-radius: 4px;
    --input-height: 40px;
    --input-height-small: 36px;
    /*--calc-footer-bg-color: #dde5e7;*/
    --calc-footer-bg-color: #e2eaec;
    --blue: #3498db;
    --calc-text-desc: #758a9a;
    --input-border-color-focused: #246F91;
}

.calc-form {
    /*background-color: #ECF0F1;*/
    background-color: #eef3f4;
    border-color: var(--calc-footer-bg-color);
    border-width: 1px;
    border-style: solid;
    padding-top: 20px;
    border-radius: var(--border-radius);
}

@media screen and (min-width: 576px) {
   /* .calc-form {
        border-left-width: 1px;
        border-right-width: 1px;
    }*/
}

.calc-form.calculated {
    border-bottom-width: 3px;
}

.calc-footer {
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: var(--calc-footer-bg-color);
}

.calc-inp.dropdown-toggle::after {
    vertical-align: middle !important;
}

.calc-toggle-button .calc-icon {
    color: var(--blue);
}

.calc-inp:disabled {
    background-color: #fcfcfc;
}

.calc-error-message {
    background-color: #f26c63;
    padding: 3px 5px;
    color: white;
    font-size: 11px;
    overflow: hidden;
    overflow-wrap: break-word;
    border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
}

.calc-inp.error {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.calc-submit {
    background-color: var(--blue);
    border-bottom: 2px solid #2980b9;
    border-top: 2px solid transparent;
}

.calc-submit:hover {
    background-color: #00acee;
}

.calc-submit:active {
    background-color: #2980b9;
    border-top-color: #206491;
}

.calc-submit.disabled, .calc-submit:disabled {
    cursor: default;
    opacity: 0.5;
    background-color: var(--blue);
}

.calc-footer-btn {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #2980b9;
}

.calc-loading {
    background-color: var(--blue);
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    max-width: 100%;
}

.calc-subtitle {
    color: #4b6273;
}

.calc-frow.surround-with-borders {
    border-top: 1px solid #dde5e7;
    border-bottom: 1px solid #dde5e7;
}

.calc-frow.surround-with-borders + .calc-frow.surround-with-borders {
    border-top: none;
}

.calc-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.calc-loader:after {
    background-color: #fff;
    content: "Идет загрузка...";
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: 0 1px 2px #333;
    opacity: 0.8;
    font-size: 1.2rem;
}

.offers-frow {
    padding-bottom: 12px;
    padding-top: 12px;
    margin-bottom: 2rem;
    margin-top: -19px;
    background-color: #fbfcfc;
    border-top: 1px solid #dde5e7;
    border-bottom: 1px solid #dde5e7;
    border-left: 2px solid #ECF0F1;
    border-right: 2px solid #ECF0F1;
}

.stripe-frow {
    display: none;
    margin-top: -19px;
    margin-bottom: 1.5rem;
    padding-bottom: 12px;
    padding-top: 12px;
    background-color: #fbfcfc;
    border-top: 1px solid #dde5e7;
    border-bottom: 1px solid #dde5e7;
    border-left: 2px solid #ECF0F1;
    border-right: 2px solid #ECF0F1;
}

.calc-form.calculated .stripe-frow {
    display: block;
}

.stripe-frow .calc-fleft {
    color: #ccc;
    font-size: var(--x-small);
    padding-top: 0.25rem;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .stripe-frow .calc-fleft {
        display: none;
    }
}

.stripe-frow .calc-fright {
    padding-top: 0;
}

.calc-checkbox + label:after {
    border-color: var(--calc-text-desc)
}

.calc-radio + label:after {
    background-color: var(--calc-text-desc);
}

/* choices */
.choices.is-focused .choices__inner {
    border-color: var(--input-border-color-focused)
}

/* chosen */

.chosen-single {
    border: 1px solid #bdc3c7 !important;
    padding: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    border-radius: var(--input-border-radius) !important;
    height: auto !important;
    line-height: 1.4 !important;
    color: #000 !important;
}

.chosen-container-single .chosen-single div b {
    background-position: 0 8px !important;
}

.chosen-drop li {
    background: none;
    color: #000;
}


/* buttons */

.button-offer, .button-offer-sm, .button-offer-xs {
    background-color: #45bb60;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5;
    border: none;
    border-bottom: 2px solid #4aa860 !important;
    color: #fff !important;
}


.button-offer {
    border-radius: .25rem;
    padding: .375rem .75rem;
}

.button-offer-sm {
    padding: 0.3rem 0.5rem 0.18rem 0.5rem;
    font-size: .875rem;
    border-radius: .2rem;
}

.button-offer-xs {
    padding: 0.3rem 0.5rem 0.2rem 0.5rem;
    font-size: .8rem;
    border-radius: .2rem;
}

.button-offer:hover, .button-offer-sm:hover, .button-offer-xs:hover {
    background-color: #5cc473;
}

.button-offer:active, .button-offer-sm:active, .button-offer-xs:active {
    background-color: #4aa860;
}

.calc-inp:focus, .calc-footer-btn:focus, .calc-checkbox:focus + label::before, .calc-radio:focus + label::before {
    border-color: var(--input-border-color-focused);
}

.calc-submit:focus {
    box-shadow: 0 0 0 1px #246F91;
}


/* tooltips */

/*
.calc-tooltip {
    display: inline-block;
    box-sizing: content-box;
    opacity: 0.5;
    cursor: pointer;
    margin: 0 3px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border: 2px solid #95a5a6;
    border-radius: 12px;
    color: #95A5A6;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    transition: opacity 0.3s ease;
}

.calc-tooltip:hover {
    opacity: 1;
}
*/

.tooltip-inner {
    text-align: center;
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3;
    font-size: 1rem;
    border-radius: 0;
    box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);
    padding: 0.5rem 0.75rem;
    max-width: 300px;
}

.tooltip-arrow::before {
    display: none;
}


/* todo SCHEDULE AND SOLUTION TABLE  */

.schedule-table td, .schedule-table th {
    border-color: #dde5e7;
    background-color: #fbfcfc;
}

.schedule-table th {
    color: #566473;
    font-weight: 400;
    vertical-align: top;
    text-align: left;
    border-bottom-width: 2px;
}

.schedule-table-highlight tr:hover td .schedule-table tr.checked td {
    background-color: #f5f5f5;
}

.schedule-table .text-muted {
    color: #838b94 !important;
}

.calc-solution {
    background-color: #fbfcfc;
    border: 1px solid #ecf0f1;
}

ul.solution-list {
    padding-left: 20px;
}

ul.solution-list li {
    padding: 0 0 4px 10px;
}

ul.solution-list li::marker {
    content: "\2014";
    color: #cdcdcd;
}

/* todo result list */

.calc-result-list-2, .calc-result-list-2-container button, .calc-result-list-2-container select
{
    border-radius: 5px;
    border: 1px solid #dde5e7;
    background-color: #fbfcfc;
}


/* todo datepicker */

.air-datepicker {
    --adp-cell-background-color-selected: var(--blue);
    --adp-cell-background-color-selected-hover: var(--blue);
}

@media print {
    :root {
        --smaller: 8pt;
        --x-small: 8pt;
        --input-height: 32px;
    }

    * {
        color: #000;
    }

    body {
        font-family: Arial, sans-serif;
        font-size: 9pt;
    }

    small, .small, .smaller {
        font-size: 8pt;
    }

    .no_print, .no-print {
        display: none !important;
    }

    .breadcrumb-item:nth-child(n+2) {
        display: none;
    }

    .container {
        width: 100%;
        max-width: none;
    }

    .header-container, footer, .sidebar, .columns-separator {
        display: none;
    }

    .content-column {
        flex-basis: 100%;
    }

    h1 {
        font-size: 22px;
    }

    .calc-form {
        background-color: transparent;
        border: none;
    }

    .calc-form-printable {
        padding-top: 0;
        display: none;
    }

    .calc-form-printable.calculated {
        display: block;
    }

    .calc-form-printable .calc-frow:not(.result-row) {
        display: none;
    }

    .calc-form-printable .result-sep {
        display: none !important;
    }

    .calc-form-printable .calc-fleft {
        width: 40%;
    }

    .calc-form-printable .calc-fright {
        margin-left: 43%;
    }

    .calc-frow {
        border: none;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 1em;
    }

    .calc-form-printable .calc-frow {
        padding-bottom: 0;
    }

    .result-row-print-only {
        display: block !important;
    }

    .stripe-frow {
        display: none;
    }

    .calc-footer {
        display: none;
    }

    .calc-panel, .calc-panel-top {
        display: none;
    }

    .calc-table td {
        border-bottom: 1px solid #eee !important;
    }

    .calc-table tr:last-child td {
        border-bottom: none !important;
    }

    .calc-toggle-button {
        display: none;
    }

    .calc-toggle-button.current {
        display: inline-block;
        box-shadow: none !important;
        border: none;
    }

    .result-sep {
        border-bottom: 1px solid #999;
        margin-bottom: 2em;
        margin-top: 1em; /* +1em padding from calc-frow */
    }

    .calc-fleft {
        padding-top: 6px;  /*to match input height*/
    }

    .result-row .calc-fleft, .result-row .calc-fright {
        padding-top: 0 !important;
    }

    .calc-result-value {
        font-size: 1em;
    }

    .calc-checkbox + label:after, .calc-radio + label:after {
        color-adjust: exact !important;
        print-color-adjust: exact !important;
        -webkit-print-color-adjust: exact !important;
    }

    .calc-radio:not(:checked) + label, .calc-radio:checked + label:before, .calc-radio:checked + label:after {
        display: none;
    }

    .calc-radio + label {
        padding-left: 0;
    }

    .calc-radio-sep {
        display: none;
    }



    .calc-checkbox + label {
        /*padding-left: 0;*/
    }

    .calc-checkbox:checked + label:after {
        /*display: none;*/
        border-color: #000;
        border-width: 2px;
        top: 6px;
        left: 5px;
    }

    .calc-checkbox:checked + label:before {
        /*display: none;*/
    }

    /*.calc-checkbox + label:before {
        position: static;
        width: auto;
        height: auto;
        background: transparent;
        border: none;
        padding-left: 0;
    }

    .calc-checkbox:checked + label:before {
        content: 'Да';
    }

    .calc-checkbox:not(:checked) + label:before {
        content: 'Нет';
    }*/

    .dropdown-toggle::after {
        display: none !important;
    }

    .calc-copy {
        display: none !important;
    }

    .calc-form-table {
        font-size: 9pt;
    }

    .calc-form-table-delete-btn {
        display: none !important;
    }

    .schedule-table {
        font-size: 8pt;
        margin-bottom: 2em;
    }

    .schedule-table td, .schedule-table th {
        border-color: #ccc !important;
        background-color: transparent !important;
        border-width: 1px !important;
        color: #000 !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .schedule-row {
        margin-top: 1em;
    }

    .schedule-row .calc-fleft {
        display: none !important;
    }

    .schedule-row .calc-fright {
        margin-left: 0;
    }

    .calc-remark {
        padding: 0 !important;
        border: none !important;
    }

    svg.calc-icon {
        display: none !important;
    }

    .calc-error-message {
        display: none;
    }

    .calc-text-desc {
        color: #000 !important;
    }

    /* bmi scale. Shows background colors in chrome */
    .scale-print {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
        print-color-adjust: exact !important;
    }


    /* article */

    article p {
        line-height: normal;
        margin-bottom: 1em;
    }

}