/* --- START - Nowe Buttony - Ikony akcji Tabel */
.new-btn-primary,
.new-btn-info,
.new-btn-secondary,
.new-btn-warning,
.new-btn-danger,
.new-btn-success {
    padding: 0.3rem 0.4rem;
    font-size: larger;
}
.new-btn-primary,
.new-btn-primary:hover {
    color: #007bff;
}
.new-btn-info,
.new-btn-info:hover {
    color: #17a2b8;
}
.new-btn-secondary,
.new-btn-secondary:hover {
    color: #6c757d;
}
.new-btn-warning,
.new-btn-warning:hover {
    color: #ffc107;
}
.new-btn-danger,
.new-btn-danger:hover {
    color: #dc3545;
}
.new-btn-success,
.new-btn-success:hover {
    color: #28a745;
}
.new-table-add-btn-success,
.new-table-add-btn-success:hover,
.new-table-add-btn-warning,
.new-table-add-btn-warning:hover {
    color: white !important;
    border: 1px solid;
}
.new-btn-primary:hover {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
}
.new-btn-info:hover {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, .5);
}
.new-btn-secondary:hover {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, .5);
}
.new-btn-warning:hover {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, .5);
}
.new-btn-danger:hover {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, .5);
}
.new-btn-success:hover {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .5);
}
.new-table-add-btn-success:hover,
.new-table-add-btn-warning:hover {
    box-shadow: inset 0px 0px 5px 0.2rem rgba(255, 255, 255, 1);
}
/* --- KONIEC - Nowe Buttony - Ikony akcji Tabel */

/* --- START - Widok tabel */
table.new_table_app {
    border-radius: 0.5rem;
    box-shadow: unset;
}
table.new_table_app th,
table.new_table_app td{
    vertical-align: middle;
    font-size: 1.3vh;
    line-height: 2vh;
}
table.new_table_app .table_action {
    border-left: 1px solid rgb(155 194 230) !important;
}
table.new_table_app .icon-column {
    width: 1px;
}
table.new_table_app .separate-column {
    width: 3rem;
}
table.new_table_app > thead > tr {
    background-color: rgb(91 155 213);
    border-right: 1px solid rgb(155 194 230);
    color: white;
}
table.new_table_app > tbody > tr {
    background-color: rgb(255 255 255);
    /* border-width: 1px solid rgb(155 194 230); */
    border-right: 1px solid rgb(155 194 230);
}

table.new_table_app tbody tr:nth-of-type(odd) {
    background-color: rgb(221 235 247);
}
table.new_table_app tbody tr:hover {
    /* color: rgb(0 55 255); */
    background-color: rgb(0 55 255 / 15%);
}
table.new_table_app > tbody > tr:last-child {
    border-bottom: 1px solid rgb(155 194 230);
}
table.new_table_app > thead > tr:first-child > th {
    padding: 1rem 0.5rem;
}

.div_new_table > .div_TableScroll {
    max-height: calc(100vh - 320px);
    min-height: calc(100vh - 310px);
    border-radius: 0.5rem;
    border: 1px solid rgb(155 194 230);
}

.div_new_table  tr.tr_no_records,
.div_new_table  tr.tr_no_records:hover {
    border: unset !important;
    background-color: unset !important;
}

.sortable_column {
    color: white !important;
}

tbody.new_table_app_align-top td {
    vertical-align: top;
}
tbody.new_table_app_no-hover tr {
    pointer-events: none;
}

tr.visibility_collapse {
    visibility: collapse;
}

    /* scroll */
        .div_new_table > .my_scrollbar::-webkit-scrollbar {
            width: 16px;
            border-radius: unset;
        }
        .div_new_table > .my_scrollbar::-webkit-scrollbar-thumb {
            background-color: rgb(155 194 230);
        }
        .div_new_table > .my_scrollbar::-webkit-scrollbar-track {
            background: #F5F5F5;
            border-radius: unset;
            border-top-right-radius: 0.5rem;
            border-bottom-right-radius: 0.5rem;
        }
    /* KONIEC - scroll */

        /* scroll */
        .my_menu_scrollbar::-webkit-scrollbar {
            width: 8px;
            border-radius: 4px;
        }
        .my_menu_scrollbar::-webkit-scrollbar-thumb {
            background-color: #606060;
            border: 2px solid #212529;
            border-radius: 4px;
        }
        .my_menu_scrollbar::-webkit-scrollbar-track {
            background: #212529;
            border-radius: 4px;
        }
    /* KONIEC - scroll */


    /* Blokada skrolowania nagłówka tabeli */
        .div_TableScroll {
            overflow-y: auto !important;
        }
        .div_TableScroll thead th {
            position: sticky; top: 0; z-index: 1;
        }
        .div_TableScroll thead {
            position: sticky;
            top: 0px;
            left: 0px;
            background-color: #C1DAF3;
            z-index: 1;
        }

        .div_TableScroll table thead tr th {
            box-shadow: inset 0px 0px 1px 0px rgb(255 255 255);
            padding-top: 4px;
            z-index: 1;
        }
    /* KONIEC - Blokada skrolowania nagłówka tabeli */


    .td_zero_height {
        height: 0 !important;
        padding: 0 !important;
    }

/* --- KONIEC - Widok tabel */


/* --- START - Panel z zakładkami */
    .my_new_tab-content{
        border: 1px solid #dee2e6;
        border-radius: 0.5rem;
        border-top-left-radius: unset;
    }
/* --- KONIEC - Panel z zakładkami */


/* --- START - Okna Modalne */

    label.table_modal_window{
        font-size: 1rem;
        font-style: italic;
    }

    input.table_modal_window,
    textarea.table_modal_window,
    div.table_modal_window {
        border-radius: 0.5rem;
        padding: 0.5rem 0.8rem;
    }

    div.table_modal_window {
        min-height: 1rem;
        max-height: 15rem;
        overflow-y: auto;
        text-align: left;
    }

    /* - START - Modal - INFO */
    .table_modal_info  input.table_modal_window,
    .table_modal_info  textarea.table_modal_window,
    .table_modal_info  div.table_modal_window {
        background-color: #d1ecf1;
        border-color: #a0dee7;
    }
    /* - KONIEC - Modal - INFO */

    /* - START - Modal - STATUS */
    .table_modal_status  input.table_modal_window,
    .table_modal_status  textarea.table_modal_window,
    .table_modal_status  div.table_modal_window {
        background-color: #fff3cd;
        border-color: #f9e29c;
    }
    /* - KONIEC - Modal - STATUS */

.modal_infografika {
    border: 3px solid;
    border-radius: 100%;
    padding-block: 1.8rem;
    width: 8rem;
    height: 8rem;
    vertical-align: middle !important;
    margin: auto;
    margin-bottom: 2rem;
  }

input.modal_add_id,
input.modal_status_id,
input.modal_info_id,
input.modal_edit_id,
input.modal_delete_id {
    background-color: unset!important;
    /* font-weight: bold !important; */
    font-style: italic !important;
    border: none !important;
}

input.modal_add_id { color: #155724; }
input.modal_status_id { color: #856404; }
input.modal_info_id { color: #0c5460; }
input.modal_edit_id { color: #004085; }
input.modal_delete_id { color: #721c24; }


.datepicker_icon_form,
.timepicker_icon_form {
    cursor: pointer;
}

input.form-control.datepicker,
input.form-control.clockpicker {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    height: auto;
}
/* --- KONIEC - Okna Modalne */

/* ikony statusów */
/*
.btn_table_status {
    border-radius: 1rem;
    border: 1px solid;
    border-color: steelblue;
}
*/

/* Dymek informacyjny Tooltip */
.tooltip-inner {
    background-color: silver;
    box-shadow: 0px 2px 4px grey;
    opacity: 1 !important;
    font-size: small;
    padding: 1rem 2rem;
    border-color: grey;
    color: black;

    position: relative;
    z-index: 1;

}

/* CKEDITOR */
.cke_screen_reader_only{
    height: auto !important;
}

/*
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: silver !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: silver !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: silver !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: silver !important;
}
*/
  /* --- KONIEC - Dymek informacyjny Tooltip */

  /* Okno Modalne */