@font-face {
    font-family: OpenSans;
    src: url('../fonts/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OpenSans;
    src: url('../fonts/OpenSans-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: OpenSans;
    src: url('../fonts/OpenSans-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

:root {
    --bs-body-font-family: OpenSans, sans-serif;
    --fa-style-family: "Font Awesome 6 Pro";
    --fa-style: 300;
    --bs-body-bg: #F0F5F9;
    --bs-border-color: #B1B9C4;
    --bs-primary: #065941;
    --bs-primary-rgb: 6,89,65;
    --bs-secondary: f0f0f0;
    --border-primary: #E2E8F0;
    --border-primary-rgb: 226,232,240;
    --bs-link-color: #065941;
    --bs-link-hover-color: #05503A;
    /* Налаштування вибраного рядка */
    --dt-row-selected: 235,242,236;
    --dt-row-selected-text: 0,0,0;
}

html {
    font-size: 0.875rem;
}

.nav-pills.doc-flow {
    --bs-nav-pills-border-radius: 0;
    --bs-nav-link-color: var(--bs-body-color-rgb);
    --bs-nav-pills-link-active-color: var(--bs-body-color-rgb);
    --bs-nav-pills-link-active-bg: transparent;
}

    .nav-pills.doc-flow .nav-link.active, .nav-pills .show > .nav-link {
        --bs-nav-link-font-weight: 700;
        border-bottom: 2px solid #E6B400;
    }

.alert-success {
    --bs-alert-color: var(--bs-body-color);
    --bs-alert-bg: #EBF2EC;
    --bs-alert-border-color: #82ACA0;
}


.alert-danger {
    --bs-alert-color: #E2421E;
    --bs-alert-bg: #FFF1ED;
    --bs-alert-border-color: #F9D9D2;
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.pagination {
    --bs-pagination-color: var(--gray-200-color);
    --bs-pagination-border-color: #e2e8f0;
    --bs-pagination-hover-color: var(--gray-200-color);
    --bs-pagination-hover-bg: #7da99c;
    --bs-pagination-hover-border-color: #e2e8f0;
    --bs-pagination-focus-color: #fae5d3;
    --bs-pagination-focus-bg: #7da99c;
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #7da99c;
    --bs-pagination-active-border-color: #e2e8f0;
    --bs-pagination-focus-box-shadow: unset;
}

.btn {
    --border-radius: var(--btn-border-radius);
}

    .btn.btn-badge::after {
        content: ' ';
        background-color: #F9B233;
        display: inline-block;
        width: 0.75rem;
        height: 0.75rem;
        border-radius: 0.75rem;
        position: relative;
        top: -1.15rem;
        margin-left: -0.75rem;
    }

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #065941;
    --bs-btn-border-color: #065941;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #05503A;
    --bs-btn-hover-border-color: #05503A;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #044734;
    --bs-btn-active-border-color: #044734;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7da99c;
    --bs-btn-disabled-border-color: #7da99c;
}

.btn-outline-primary {
    --bs-btn-color: #1f1f1f;
    --bs-btn-border-color: #065941;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7da99c;
    --bs-btn-hover-border-color: #05503A;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #044734;
    --bs-btn-active-border-color: #065941;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--gray-200-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FAE5D3;
    --bs-gradient: none;
}

    .btn-check:active + .btn-outline-primary,
    .btn-check:checked + .btn-outline-primary,
    .btn-outline-primary.active,
    .btn-outline-primary.dropdown-toggle.show,
    .btn-outline-primary:active {
        color: #1f1f1f;
        background-color: #f7b142;
        border-color: #f7b142;
    }

.btn-outline-secondary {
    --bs-btn-color: #1F1F1F;
    --bs-btn-border-color: #B1B9C4;
    --bs-btn-hover-color: #1F1F1F;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #FFAB14;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #1F1F1F;
    --bs-btn-active-bg: #FAE5D3;
    --bs-btn-active-border-color: #FAE5D3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--gray-200-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FAE5D3;
    --bs-gradient: none;
}

    .btn-outline-secondary[aria-expanded="true"] {
        color: var(--bs-body-color);
        background-color: rgb(249, 229, 212);
        border-color: rgb(249, 229, 212);
    }


/*#region popup-window */

.popup-window {
    --pw-head-bg: #F0F5F9;
    --pw-head-fs: 1rem;
    --pw-head-fw: 600;
}

    /*.popup-window .popup-window-content {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: unset;
        overflow-y: hidden;
    }

    .popup-window .popup-window-body {
        max-height: 75vh;
        overflow-y: auto;
    }*/

    .popup-window .popup-window-body .dataTable {
        border: 1px solid rgb(226, 232, 240);
        border-top: 0;
    }

    .popup-window .popup-window-body .popup-nav-pills .popup-nav-link {
        margin-right: 1rem;
        color: var(--bs-gray-600);
    }

        .popup-window .popup-window-body .popup-nav-pills .popup-nav-link.active {
            color: var(--bs-success);
            font-weight: 600;
            border-bottom: 2px solid var(--bs-success);
        }

/*#endregion Спливаюче вікно */

/*#region loadmask */

.loadmask-msg {
    --loadmask-bg: #fff;
    --loadmask-color: #065941;
    --loadmask-text-color: #000;
}

/*#endregion loadmask */

/*#region DataTables*/
table.dataTable {
    /* Налаштування колонки для вибору рядків */
    --dt-checkbox-size: 14px;
    --dt-checkbox-border-color: 101, 116, 138;
    --dt-checkbox-border-radius: 2px;
    --dt-checkbox-selected-bg: 255, 255, 255;
    --dt-checkbox-selected-border-color: 6,89,65;
    --dt-radio-selected-bg: transparent;
    --dt-radio-selected-color: 6,89,65;
    --dt-radio-selected-border-color: 101, 116, 138;
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

    table.dataTable.small thead th,
    table.dataTable.small tbody td {
        padding: 7px 10px;
    }

    table.dataTable.no-footer {
        border-bottom: 1px solid rgb(226, 232, 240);
    }

    table.dataTable thead > tr > th.sorting:before,
    table.dataTable thead > tr > th.sorting_asc:before,
    table.dataTable thead > tr > th.sorting_desc:before,
    table.dataTable thead > tr > th.sorting_asc_disabled:before,
    table.dataTable thead > tr > th.sorting_desc_disabled:before,
    table.dataTable thead > tr > td.sorting:before,
    table.dataTable thead > tr > td.sorting_asc:before,
    table.dataTable thead > tr > td.sorting_desc:before,
    table.dataTable thead > tr > td.sorting_asc_disabled:before,
    table.dataTable thead > tr > td.sorting_desc_disabled:before {
        content: "↑";
        right: 1em;
        margin-bottom: -10px;
        line-height: inherit;
        font-size: inherit;
    }

    table.dataTable thead > tr > th.sorting:after,
    table.dataTable thead > tr > th.sorting_asc:after,
    table.dataTable thead > tr > th.sorting_desc:after,
    table.dataTable thead > tr > th.sorting_asc_disabled:after,
    table.dataTable thead > tr > th.sorting_desc_disabled:after,
    table.dataTable thead > tr > td.sorting:after,
    table.dataTable thead > tr > td.sorting_asc:after,
    table.dataTable thead > tr > td.sorting_desc:after,
    table.dataTable thead > tr > td.sorting_asc_disabled:after,
    table.dataTable thead > tr > td.sorting_desc_disabled:after {
        content: "↓";
        right: 0.5em;
        margin-top: -10px;
        line-height: inherit;
        font-size: inherit;
    }

    table.dataTable thead th {
        background-color: rgb(249, 249, 249);
        border-top: 1px solid rgb(226, 232, 240);
        border-right: 1px solid rgb(226, 232, 240);
        padding: 0.75rem;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    table.dataTable thead tr.datatables-filter-row th {
        border-right: 0;
    }

    table.dataTable.datatable-bordered thead tr.datatables-filter-row th {
        border-right: 1px solid rgb(226, 232, 240);
    }

    table.dataTable thead tr.datatables-filter-row div > span {
        float: left;
        color: rgb(101, 116, 138);
        padding-left: 2px;
        padding-right: 0;
    }

    table.dataTable thead tr th:last-child {
        border-right: 0;
    }

    table.dataTable.datatable-bordered thead tr th:last-child {
        border-right: 1px solid rgb(226, 232, 240);
    }

    table.dataTable.datatable-bordered thead tr th:first-child {
        border-left: 1px solid rgb(226, 232, 240);
    }

    table.dataTable td {
        padding: 0.75rem;
        border-top: 1px solid rgb(226, 232, 240);
    }

    table.dataTable.datatable-bordered td {
        border-right: 1px solid rgb(226, 232, 240);
    }

        table.dataTable.datatable-bordered td:first-child {
            border-left: 1px solid rgb(226, 232, 240);
        }

    table.dataTable td.select-checkbox,
    table.dataTable td.select-radio,
    table.dataTable tr.datatables-filter-row th.select-column {
        border-right: 1px solid rgb(226, 232, 240);
    }

    table.dataTable tbody > tr:hover {
        cursor: pointer;
    }

    table.dataTable.datatable-bordered tr:last-child td {
        border-bottom: 1px solid rgb(226, 232, 240);
    }

    table.dataTable td.input-validation-error {
        border: 1px solid #e41f27;
    }

    table.dataTable tbody tr {
        color: #000;
        background-color: transparent;
    }

    table.dataTable.dt-inline-editor {
        table-layout: fixed;
    }

.dataTables_wrapper .row .dataTables_length {
    padding-left: 1rem;
}

.dataTables_wrapper .dataTables_paginate {
    padding-right: 1rem;
}

/* loader */
div.dataTables_processing {
    height: 58px;
    padding: 15px 15px 15px 15px;
}

    div.dataTables_processing > div:last-child {
        position: unset;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        margin: unset;
    }

        div.dataTables_processing > div:last-child > div:nth-child(1) {
            position: unset;
            background: none !important;
            display: inline-block;
            width: 2rem;
            height: 2rem;
            vertical-align: text-bottom;
            border: .25em solid #f29c1f;
            border-right-color: transparent;
            border-radius: 50%;
            animation: spinner-border .75s linear infinite;
            float: left;
            margin-right: 10px;
        }

        div.dataTables_processing > div:last-child > div:nth-child(2) {
            all: unset;
        }

            div.dataTables_processing > div:last-child > div:nth-child(2):after {
                content: 'Зачекайте...';
            }

        div.dataTables_processing > div:last-child > div:nth-child(3),
        div.dataTables_processing > div:last-child > div:nth-child(4) {
            display: none;
        }

table.dataTable tbody .focus {
    background-color: #EBF2EC;
}

table.dataTable.dt-inline-editor tbody .inline-editor .inline-editor-buttons span {
    border-color: transparent;
    background-color: transparent;
    font-size: 1.5em;
    margin-left: -20px;
    margin-top: -8px;
}

table.dataTable.dt-inline-editor tbody .inline-editor .inline-editor-buttons .color-orange {
    color: var(--bs-primary);
    ;
}

.dt-buttons.btn-group.flex-wrap {
}

    .dt-buttons.btn-group.flex-wrap .btn.btn-secondary {
        --bs-btn-color: #3A3F3B;
        --bs-btn-bg: transparent;
        --bs-btn-border-color: #6c757d;
        --bs-btn-hover-color: var(--bs-btn-color);
        --bs-btn-hover-bg: transparent;
        --bs-btn-hover-border-color: var(--bs-btn-border-color);
        --bs-btn-focus-shadow-rgb: 130, 138, 145;
        --bs-btn-active-color: var(--bs-btn-color);
        --bs-btn-active-bg: transparent;
        --bs-btn-active-border-color: var(--bs-btn-border-color);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #B1B9C4;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: var(--bs-btn-border-color);
        margin-right: 1em;
        border-radius: 5em;
        padding-right: 2.5em;
    }

        .dt-buttons.btn-group.flex-wrap .btn.btn-secondary.bt-add {
            --bs-btn-border-color: #D2E5D5;
            background-image: url(/images/add-icon.svg);
            background-repeat: no-repeat;
            background-position: right 0.25em center;
        }

        .dt-buttons.btn-group.flex-wrap .btn.btn-secondary.bt-del {
            --bs-btn-border-color: #F9D9D2;
            background-image: url(/images/del-icon.svg);
            background-repeat: no-repeat;
            background-position: right 0.25em center;
        }

/*#endregion */

.dictionary-field .dictionary-field-icons .color-orange {
    color: var(--bs-primary);
}

.popup-window#HBWindow_2067 > .popup-window-content {
    width: 50vw;
    min-width: 700px;
}