/* ########### TABLE ############ */
.table tbody tr {
    transition: all 0.5s ease;
}
.table tbody tr.not-contains {
    display: none;
}
.table tbody tr td {
    transition: left 0.5s ease;
}
.table tbody tr:hover td {
    background-color: rgb(252, 255, 200) !important;
}
.table tbody tr.highlighted {
    background-color: rgb(252, 255, 200) !important;
}
.table tbody tr.selected-row td {
    background-color: #F9FF81 !important;
}

input:focus

.table th {
    font-weight: 500;
}
.table>thead>tr>th, .table>tfoot>tr>td {
    vertical-align: middle;
    padding: 5px;
    /*padding-left: 10px;
    padding-right: 10px;*/
    line-height: 13px;
}
.table>tbody>tr>td {
    vertical-align: middle;
    padding: 3px 5px 3px 5px;
    /*padding: 5px;
    padding-left: 10px;
    padding-right: 10px;*/
}

.table thead th .sort {
    position: relative;
    display: inline-block;
    padding: 0px 8px 8px 8px;
    height: 11px;
    margin-top: -2px;
    float: right;
    -webkit-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
    -o-transform: translate(0,3px);
    transform: translate(0,3px);
}
.table thead th .sort>.icon-up {
    top: -8px;
}
.table thead th .sort>.icon-down {
    bottom: -6px;
}
.table thead th .sort>[class*=icon] {
    cursor: pointer;
    position: absolute;
    color: #ddd;
    font-size: 16px;
    transition: all 0.5s ease;
}
.table thead tr.scrollable-secondary .sort>[class*=icon] {
    color: #C5C5C5;
}
.table thead th .sort>[class*=icon]:hover {
    color: #0000ff;
}
.table thead th>.column-settings {
    width: 100%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: all 0.5s ease;
    padding-left: 10px;
    padding-right: 10px;
}
.table thead th>.column-settings>i{
    color: #0DACFF;
    position: absolute;
    right: 10px;
    top: -2px;
    background: rgb(248, 249, 250);
    padding: 2px 0px 2px 6px;
}
.table thead th>.column-settings:hover>i{
    color: #0000ff;
}
.table thead th>.column-settings>.column-name {
    white-space: nowrap;
}
.table thead th>.column-settings div.column-settings-editor {
    position: absolute;
    top: 100%;
    right: -1px;
    z-index: 1000;
    transition: all 0.5s ease;
    display: none;
}
.table thead th>.column-settings div.column-settings-editor div.cse-container {
    float:left;
    padding: 15px 15px 15px 15px;
    margin: 2px 0 0;
    list-style: none;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.93);
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    overflow: hidden;
}
.table thead th>.column-settings:hover div.column-settings-editor {
    display: block;
}
.table thead th>.column-settings div.column-settings-editor div.cse-container .cse-row {
    min-width: 280px;
    margin-bottom: 5px;
}
.table thead th>.column-settings div.column-settings-editor div.cse-container .cse-row>label{
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: 5px;
}
.table thead th>.column-settings div.column-settings-editor div.cse-container .cse-row>.section {
    float: right;
}
.table thead th>.column-settings div.column-settings-editor div.cse-container .cse-actions {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}
.table thead th>.column-settings div.column-settings-editor div.cse-container .cse-actions button i {
    width: 14px;
}
.table thead th>.column-settings div.column-settings-editor div.cse-container .cse-actions span {
    display: inline-block;
    width: 100%;
    line-height: 24px;
    color: rgb(90, 158, 150);
    white-space: nowrap;
    transition: all 0.2s ease;
}
.table thead th>.column-settings div.column-settings-editor div.cse-container .cse-actions span:hover {
    color: rgb(255, 75, 33);
}
.table thead th>.column-settings div.column-settings-editor div.cse-container .cse-actions span i.fa {
    width: 14px;
    font-size: 13px;
}

.table thead th>.column-settings div.column-settings-editor div.cse-container div.section {
    width: 87px;
}

/* Fix dla wstawiana elementów absolutnych w komórki tabeli */
.table tbody td.under-relative, 
.table thead th.under-relative,
.table tfoot td.under-relative {
    padding: 0 !important;
}
.table tbody td.under-relative div.relative-content,
.table thead th.under-relative div.relative-content,
.table tfoot td.under-relative div.relative-content {
    position: relative;
    padding: 3px 5px 3px 5px;
    /*padding: 5px;
    padding-left: 10px;
    padding-right: 10px;*/
}

.table .section {
    margin-bottom: 0px !important;
}
.table .section.small-fields {
    width: 75px;
    display: inline-block;
    vertical-align: middle;
}
.table tr .section.small-fields>label>label>i.fa-lock {
    color: red;
    display: none;
}
.table tr.locked .section.small-fields>label>label>i.fa-lock {
    display: inline-block;
}
.table tr.locked .section.small-fields>label>label>i.fa-truck {
    display: none;
}

.table .section.only-indicator {
    width: 40px;
    display: inline-block;
    vertical-align: middle;
}
.table .section.only-indicator input {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    background: rgb(234, 248, 253);
}

.table tbody label.field.wrong input {
    background-color : yellow;
}
.table tbody label.field.wrong i:first-child {
    color: #ff2200;
}

/* ========= Tight (Wąskie wiersze) ============================================================== */
.table thead.tight th {
    padding-left: 4px;
    padding-right: 4px;
    padding: 4px;
    font-size: 12px;
    font-weight: 400;
}
.table tbody.tight td{
    padding: 1px 4px 1px 4px !important;
    font-size: 12px;
}
.table tbody.tight td div.relative-content {
    padding: 1px 4px 1px 4px !important
}
.table tbody.tight td.under-relative {
    padding: 0 !important;
}

.table .tight hr{
    width: 50%;
    margin-top:0px;
    margin-bottom: 0px;
}

.table thead.tight th div.relative-content {
    padding: 4px;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.table thead.tight th.under-relative div.column-settings {
    padding: 4px;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.table thead.tight th.under-relative div.column-settings>i{
    color: #0DACFF;
    position: absolute;
    right: 5px;
    top: 3px;
    background: transparent;
    padding: 2px 0px 2px 6px;
}

/* Opcje (radio, checkbox) */
.table tbody.tight label.option {
    margin-top: -12px;
}
.table tbody.tight label.option span {
    font-size: 12px;
}
.table tbody.tight label.option span.option-label {
    margin-top: -5px;
}
.table tbody.tight tr td div.keep-option-height {
    /*height: auto !important;*/
    height: 25px !important;
}

/* Row menu */
.table tbody.tight tr td .row-menu.row-menu-left {
    padding: 0px 7px 0px 0px;
    left: 4px;
    margin-top: -7px;
}

/* Row data */
.table tbody.tight tr td .row-data {
    margin-left: 50px;
}

footer #summarize_table thead.tight th.under-relative div.sumrow div.data {
    top: -48px;
}
footer #summarize_table thead.tight div.sumrow div.data-label {
    top: -44px;
}
footer #summarize_table thead.tight div.sumrow div.data-up {
    top: -44px;
}

.tight td .status-up {
    top: 4px;
    left: 4px;
    border-width: 10px 0px 0 10px;
}
.tight td .status-down {
    bottom: 4px;
    left: 4px;
}

/* ========== Koniec wąskich wierszy ============================================================ */


/* Row data */
.table .row-data {
    margin-left: 55px;
}

/* Row menu */
.table .row-menu {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    transition: all 0.2s ease;
    cursor: pointer;
    min-width: 44px;
}
.table .row-menu.row-menu-left {
    border-right: 1px solid #EEEEEE;
    padding: 4px 7px 3px 0px;
    left: 5px;
}
.table .row-menu.row-menu-right {
    border-left: 1px solid #EEEEEE;
    padding: 4px 3px 3px 3px;
    right: 5px;
}
.table .row-menu.row-menu-right:hover .row-signal span {
    width: 11px;
    height: 9px;
    padding: 2px 3px 2px 3px;
    transition: all 0.3s ease-in;
}
.table .row-menu.row-menu-left:hover {
    left: 3px;
}
.table .row-menu.row-menu-left:hover .row-signal {
    /*width: 42px;*/
}
.table .row-menu.row-menu-left:hover .row-signal span {
    width: 11px;
    height: 9px;
    padding: 2px 3px 2px 3px;
}
.table .row-settings {
    line-height: 0px;
    transition: all 0.5s ease-in;
}
.table .row-menu.row-menu-left .row-settings {
    float: right;
}
.table .row-menu.row-menu-right .row-settings {
    float: right;
}
.table .row-signal span{
    width: 10px;
    height: 8px;
    float: left;
    margin-left: 2px;
    border-radius: 1px;
    transition: all 0.1s ease-out;
}
.table .row-signal span.green {
    background: #22CB7E;
}
.table .row-signal span.blue {
    background: #02C5FF;
}
.table .row-signal span.orange {
    background: tomato;
}
.table .row-signal span.gray {
    background: #dedede;
}
.table .row-signal span.pink {
    background: #FF01FC;
}
.table .row-signal span.yellow {
    background: #FFD700;
}

.table .row-menu .row-loader {
    display: none;
    text-align: center;
    transition: all 0.3s ease-in;
}
.table .row-menu.loading .row-loader {
    display: block;
}
.table .row-menu.loading .row-signal {
    display: none;
}
.table .row-menu.loading .row-settings {
    display: none;
}

.table tr td>div.relative-content>div.table-cell-msg {
    position: absolute;
    background: #fff;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 50px;
    display: none;
}

.table tbody tr td.uop {
    width:1%;
    white-space:nowrap;
}

.table .row-options {
    background-color: rgb(248, 249, 250);
    height: 18px;
    padding: 1px 3px 1px 3px;
    border: 1px solid #CDDAEC;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.table .row-options-title {
    font-size: 11px;
    color: rgb(33, 141, 166);    
    position: relative;
}
.table .row-options-title span {
    width: 12px;
    display: inline-block;
}
.table .row-options .row-options-title i.fa-cog
{
    transition: all 0.2s ease;
    position: absolute;
    top: 2px;
}
.table .row-options-title .tangle-d-r
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #CDDAEC transparent;
    transition: all 0.3s ease-in;
    display: inline-block;
    position: relative;
    top: 1px;
    transition: all 0.5s ease-in;
}
.table .row-options-title .tangle-d-r.default {
    border-color: transparent transparent #CDDAEC transparent;
}
.table .row-options-title .tangle-d-r.red {
    border-color: transparent transparent #E63F24 transparent;
}
.table .row-options-title .tangle-d-r.blue {
    border-color: transparent transparent #3bafda transparent;
}
.table .row-options-title .tangle-d-r.green {
    border-color: transparent transparent #22CB7E transparent;
}
.table .row-options-title .tangle-d-r.orange {
    border-color: transparent transparent #ffa200 transparent;
}

.table .row-options-title i {
    color: rgb(81, 144, 188);
}
.table .row-options:hover .row-options-title i.fa-cog {
    font-size: 13px;
    top: 0px;
}
.table .row-options-ext {
    position: absolute;
    left: 100%;
    top: -35px;
    visibility: hidden;
    z-index: 99;
    padding: 1px 0px 1px 0px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
    opacity: 0;
    width: 300px;
}
.table .row-options-ext div.row-options-ext-container {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    background-color: rgb(248, 249, 250);
    float: left;
    margin-left: -1px;
    padding: 2px 2px 3px 2px;
    border: 1px solid #CDDAEC;
}

.table .row-options-ext div.row-options-ext-container div.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #AAB9CD;
    position: absolute;
    bottom: 1px;
    left: -1px;
}

.table .row-options-ext div.row-options-ext-container button{
    padding: 2px 6px 2px 6px;
    float: left;
    margin: 1px 2px 1px 2px;
    width: 28px;
    text-align: center;
}

.table .row-options-ext span i {
    color: #fff;
}
.table .row-options-ext i.red {
    color: rgb(230, 63, 36);
}
.table .row-options-ext i.blue {
    color: rgb(48, 120, 215);
}
.table .row-options-ext i.green {
    color: rgb(55, 188, 155);
}
.table .row-options:hover .row-options-ext {
    visibility: visible;
    opacity: 1;
}

.table .row-options-list-ext {
    position: absolute;
    top: 100%;
    left: 95%;
    z-index: 1000;
    transition: all 0.5s ease;
    display: none;
}
.table .row-options-list-ext-container {
    float: left;
    width: 200px;
    padding: 6px 6px 6px 6px;
    margin: 2px 0 0;
    list-style: none;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.93);
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    overflow: hidden;
}
.table .row-options-list-ext-container ul {
    padding-left: 0px;
    margin-bottom: 0px;
}
.table .row-options-list-ext-container ul li {
    display: inline-block;
    width: 220px;
    padding: 5px 10px 6px 10px;
    border: 1px solid transparent;
}
.table .row-options-list-ext-container ul li:hover {
    border: 1px solid rgba(232, 232, 232, 1);
    background-color: rgba(244, 244, 244, 1);
}
.table .row-options:hover .row-options-list-ext {
    display: block;
}



/* --------------- TABLE PLUGINS ------------ */ 
/* [TP] row-editor */
.table tbody tr.plug-row-editor {
    display: none;
}
.table tbody tr.plug-row-editor td {
    padding: 0px !important;
}
.table tbody tr.plug-row-editor td:hover {
    background: transparent !important;
}
.td-plug-wrapper {
    position: absolute;
    z-index: 9996;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.93);
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    /*overflow: hidden;*/
    display: none;
    margin-bottom: 90px;
    min-width: 770px;
}
.td-plug-wrapper .row-marker {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #757373 transparent;
    display: block;
    position: absolute;
    top: -13px;
    left: -11px;
}

.plug-row-editor-loader {
    float: right;
    margin-right: 20px;
    margin-top: 3px;
    font-size: 24px;
    opacity: 0;
    transition: all 0.3s ease-out;
}
.plug-row-editor-loader.loading {
    opacity: 1;
}
.plug-row-editor-container {
    padding: 0px;
    background: #fff;
    height: 100%;
}
.plug-row-editor-container .plug-row-editor-header {
    position: absolute;
    top: 21px;
    left: 15px;
    right: 15px;
}
.plug-row-editor-container .plug-row-editor-body {
    padding: 10px 10px 10px 10px;
    min-width: 600px;
}
.plug-row-editor-container .plug-row-editor-body p.plug-row-msg {
    padding: 10px;
    border-bottom: 1px solid #E9E9E9;
}
.plug-row-editor-container .plug-row-editor-body p.plug-row-msg i {
    float: right;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-settings {
    list-style: none;
    padding-left: 0px;
    display: inline-block;
    padding-right: 0px;
    width: 100%;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-settings li {
    display: inline-block;
    border-right: 1px solid #F4F4F4;
    padding-left: 10px;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-settings li:last-child {
    border: 0;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-settings li div {
    margin-bottom: 2px;
}
.plug-row-editor-container .plug-row-editor-body div.plug-row-settings-actions {
    margin-top: 5px;
    padding-top: 10px;
    border-top: 1px solid #E9E9E9;
}

.plug-row-editor-container .plug-row-editor-body .tab-pane {
    padding-top: 15px;
}

.plug-row-editor-container .plug-row-editor-body .nav-tabs-margin-fix {
    margin-left: 240px;
}
td.td-lp {
    transition: all 0.3s ease-out;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-nav {
    margin-top: 3px;
    padding: 10px;
    border: 1px solid #eee;
    background: rgb(248, 249, 250);
    color: rgb(84, 84, 84);
    cursor: pointer;
    position: relative;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-nav:first-child {
    margin-top: 0px;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-nav:hover {
    background: rgb(244, 245, 245);
    border-color: #E7E6E6;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-nav>span.prps-0 {
    float: left;
    /*max-width: 700px;*/
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-nav>span.prps-1 {
    color: #4FB7DD;
    float: right;
    margin-left: 40px;
    margin-right: 40px;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-nav>span.prps-2 {
    float: right;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-nav>span.prps-3 {
    color: #C7C7C7;
    float: right;
    margin-left: 20px;
    margin-right: 10px;
    text-align: right;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-nav>span.prps-4 {
    
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-nav.thebest {
    transition: all 0.5s ease;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-nav.hot.green {
    background: rgb(206, 255, 199);
    border-color: rgb(193, 245, 221);
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-nav.hot.blue {
    background: rgb(217, 245, 255);
    border-color: rgb(193, 237, 253);
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-nav.hot.orange {
    background: rgb(255, 244, 215);
    border-color: rgb(247, 225, 204);
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-content {
    display: none;
    padding: 14px;
    border: 1px solid #eee;
    border-top: 0px;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-content .prp-separator {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.plug-row-editor-container .plug-row-editor-body ul.plug-row-promotions li.prp-content p.prp-variants {
    line-height: 20px;
}
.plug-row-editor-container .plug-row-editor-body span.use-promo,
.plug-row-editor-container .plug-row-editor-body span.use-replacement,
.plug-row-editor-container .plug-row-editor-body span.use-shift{
    color: rgb(48, 120, 215);
    padding-bottom: 1px;
    border-bottom: 1px solid;
    cursor: pointer;
    float: left;
    margin-top: 5px;
}
.plug-row-editor-container .plug-row-editor-body span.use-shift {
    float: right;
}
.plug-row-editor-container .plug-row-editor-body span.un-shift {
    color: #ff2200;
    padding-bottom: 1px;
    border-bottom: 1px solid;
    cursor: pointer;
    float: left;
    margin-top: 5px;
}

.table tbody tr td div.is-edit-marker {
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -11px;
    display: none;
    color: white;
    line-height: 0;
    padding: 4px 5px 4px 5px;
    background: rgba(72, 201, 169, 0.9);
}
.table tbody tr td div.is-edit-marker.edited {
    display: block;
}

.table tbody tr td div.is-add-marker {
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -11px;
    display: none;
    color: white;
    line-height: 0;
    padding: 4px 5px 4px 5px;
    background: rgba(72, 201, 169, 0.9);
}
.table tbody tr td div.is-add-marker.added {
    display: block;
}

/* CELL STATS */
.cell-stats {
    padding: 3px 10px 0px 2px;
    width: 95px;
    display: inline-block;
}
.cell-stats span {
    margin-right: 5px;
    width: 40px;
    display: inline-block;
    font-size: 12px;
}

/* Jeśli tabela która posiada extra wiersz jako ustawienia zmień kolejność pasków 
.table-striped.table-row-editor>tbody>tr:nth-child(4n+3)>td {
    background: transparent !important;
}*/

/* ------------- END TABLE PLUGINS -------------- */

/* ADMIN RADIOBUTTON TABLE FIX */
.table .option {
    margin-right: 2px !important;
}
.table label.option.option-primary, 
.table label.option.option-default {
    line-height: 1.231 !important;
    position: absolute;
    padding-right: 0px;
    display: inline-block;
    vertical-align: middle;
    top: 50%;
    margin-top: -11px;
    right: 0px;
    height: 21px;
}
.table label.option.option-primary span.option-label, 
.table label.option.option-default span.option-label {
    margin-left: 5px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 40px;
    white-space: nowrap;
}

.table>div.keep-option-height {
    height: 31px;
}
/* ################### END TABLE ############## */

/* ################### DIV AS TABLE ########### */
div.div-as-table {
    display: table;
    width: 100%;
}
div.div-as-table-header>div {
    font-weight: 500;
}
div.div-as-table>div {
    display: table-row;
}
div.div-as-table>div>div {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    padding-top: 10px;
}
div.div-as-table.for-editor {
    border-top: 1px solid #eee;
    margin-bottom: 15px;
    line-height: 20px;
}
div.div-as-table.for-editor>div.clearfix {
    border-top: 1px solid #eee;
    height: 1px;
    background: #eee;
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.div-as-table.for-editor>div>div:last-child.special {
    border-left: 1px solid #eee;
    font-weight: 500;
    padding-left: 30px;
    color: #ccc;
}
div.div-as-table.for-editor>div>div:last-child span {
    color: #ff0000;
    font-size: 18px;
}
div.div-as-table.for-editor>div>div:last-child span.success {
    color: #00ff33 !important;
}
div.div-as-table.for-editor>div>div i {
    color: #ccc;
    font-style: normal;
}
div.div-as-table.for-replacement>div>div {
    padding-left: 10px;
}
div.div-as-table.for-replacement>div>div:first-child {
    border-right: 1px solid #eee;
    padding-left: 0px;
}
div.div-as-table.for-replacement>div>div:last-child {
    border-left: 1px solid #eee;
}
div.div-as-table.for-replacement>div:last-child>div:first-child {
    border-bottom: 0;
}
div.div-as-table.for-replacement>div:last-child>div:last-child {
    border-bottom: 0;
}
div.div-as-table.for-shift>div>div .section {
    margin-bottom: 0px;
    width: 80px;
}
.div-as-table-list {
    max-height: 200px;
    overflow-y: auto;
}
.div-as-table-list span{
    display: list-item;
    clear: both;
}

tr.promo-group td {
    border: 0px !important;
    height: 46px;
}
.table tbody tr.promo-group:hover td {
    background: transparent !important;
}
tr.promo-group td div.promo-group-info {
    position: absolute; 
    top: -10px; 
    left: 5px; 
    right: 5px; 
    padding: 5px 10px; 
    background: #EAEAEA;
    border: 1px solid rgba(0,0,0,.2);
    color: rgb(147, 147, 147);
}
tr.promo-group.parent-group td div.promo-group-info {
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

tr.promo-group td div.promo-group-triangle,
tr.promo-group td div.promo-group-triangle:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
tr.promo-group td div.promo-group-triangle {
    margin-left: -8px;
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.35);
    bottom: -16px;
    left: 50%;
    border-width: 8px;
}
tr.promo-group.parent-group td div.promo-group-triangle {
    border-top-color: rgba(0,0,0,.15) !important;
}
tr.promo-group td div.promo-group-triangle:after {
    border-width: 7px;
    content: "";
    content: " ";
    bottom: 1px;
    margin-left: -7px;
    border-bottom-width: 0;
    border-top-color: #EAEAEA;
}

tr.promo-group td div.promo-group-info>.promo-group-count {
    color: #4FB7DD;
    font-weight: 500;
}
tr.promo-group td div.promo-group-info>.promo-group-current-count {
    color: #E63F24;
    font-weight: 500;
}
tr.promo-group td div.promo-group-info>.promo-group-current-count.passed {
    color: #41C92D;
    font-weight: 500;
}
tr.promo-group td div.promo-group-info>.promo-group-name {
    color: #4EB6DD;
    margin-left: 5px;
    cursor: pointer;
}
tr.promo-group td div.promo-group-info>.promo-group-status {
    color: rgb(230, 64, 37);
    font-weight: 400;
}
tr.promo-group td div.promo-group-info>.promo-group-status.passed {
    color: #41C92D;
}
tr.promo-group td div.promo-group-info>.promo-group-remove {
    color: rgb(147, 147, 147);
    cursor: pointer;
}
tr.promo-group td div.promo-group-info>.promo-group-remove:hover {
    color: rgb(230, 63, 36);
}
tr.promo-group td div.promo-group-info>.promo-group-separator {
    margin-left: 10px;
    margin-right: 10px;
    height: 100%;
    width: 1px;
    background: #757373;
    border-left: 1px solid rgba(223, 223, 223, 1);
    border-right: 1px solid #fff;
}
tr.promo-group td div.promo-group-marker {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #adadad;
}

/* ################### END DIV AS TABLE ########### */

/* STATUSY DLA KOMÓREK */
.table .triangle-up {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0px 0 10px;
}
.table .status-up {
    position: absolute;
    top: 4px;
    left: 5px;
    cursor: pointer;
}
.table .status-up.disabled {
    display: none;
}
.table .triangle-up.blue {
    border-color: #007bff transparent transparent transparent;
}
.table .triangle-up.red {
    border-color: #ff0000 transparent transparent transparent;
}
.table .triangle-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
}
.table .status-down {
    position: absolute;
    bottom: 4px;
    left: 5px;
    cursor: pointer;
}
.table .status-down.disabled {
    display: none;
}
.table .triangle-down.green {
    border-color: transparent transparent transparent #22CB7E;
}
.table .triangle-down.orange {
    border-color: transparent transparent transparent #ffa200;
}
.table .triangle-down.red {
    border-color: transparent transparent transparent #E63F24;
}
.table .triangle-down.blue {
    border-color: transparent transparent transparent #3bafda;
}
.table .triangle-down.gray {
    border-color: transparent transparent transparent #BBBBBB;
}
.table .triangle-down.pink {
    border-color: transparent transparent transparent #F535DD;
}
.table .triangle-down.yellow {
    border-color: transparent transparent transparent #FFE800;
}
.table .triangle-down.violet {
    border-color: transparent transparent transparent #B09AE4;
}
.table .triangle-down.unknown {
    border-color: transparent transparent transparent #626262;
}

.table tbody tr td .option-loader {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 14px;
    line-height: 0px;
    display: none;
    opacity: 0;
    transition: all 1s ease-in-out;
}
.table tbody tr td .option-loader.loading {
    opacity: 1;
    display: block;
}

.scale {
    opacity: 0;
    transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
}

/* Table bootstrap popover fix */
.table tr td .popover {
    max-width: 350px !important;
}
.table tr td .popover-title {
    border-top: 1px solid #ebebeb;
    border-bottom: 0px;
    border-radius: 0;
}

.select-loader {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 30px;
    bottom: 1px;
    z-index: 100;
    background: whitesmoke;
    padding: 11px 12px;
    display: none
}
.select-loader span {
    margin-right: 10px;
}

/* ########## TEST ############## */
.scrollable-primary .scrollable {
    /*background: rgb(240, 250, 255);*/
}

.scrollable .relative-content {
    overflow: hidden;
}
.scrollable-animation {
    position: relative;
    transition: left 0.3s ease;
    left: 600px;
    /*opacity: 0;*/
}

.scrollable-animation.anim {
    left: 0px;
    /*opacity: 1;*/
    /*animation: dfg 0.5s ease infinite;*/
}

.scrollable_navigation div.relative-content{
    padding-top: 10px !important;
    padding-bottom: 8px !important;
}
.scrollable_navigation button.btn-prev span {
    margin-right: 5px;
    color: #989A9C;
    min-width: 25px;
    display: inline-block;
}
.scrollable_navigation button.btn-next span {
    margin-left: 5px;
    color: #989A9C;
    min-width: 25px;
    display: inline-block;
}
tr.scrollable-primary th div.scrollable-animation>span {
    /*color: rgba(84, 84, 84, 1);*/
    color: #fff;
    font-weight: 500;
    float: left;
}
.scrollable-title {
    cursor: default;
}
.scrollable-info {
    display: none;
}
p.scrollable-info-text {
    font-weight: 200 !important;
    margin-bottom: 0px !important;
    margin-top: 4px;
}

th.extra-column-params .col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
}

.table th.highlighted {
    background: #dddddd !important;
}

/* OVERIDE BOOTSTRAP TABLE */
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}

.table tbody td.background-plug,
.table thead th.background-plug {
    background-color: rgb(248, 249, 250);
}

.table-data-loader {
    position: fixed;
    width: 150px;
    left: 50%;
    margin-left: -75px;
    right: 50%;
    bottom: -100px;
    text-align: center;
    padding: 10px;
    background: rgba(14, 194, 150, 0.85);
    z-index: 9999;
    border: 1px solid #FFFFFF;
    color: #fff;
    opacity: 0;
    transition: all 1s ease-in-out;
}
.table-data-loader.run {
    opacity: 1;
    bottom: 20%;
}
.table-data-loader span {
    margin-left: 5px;
    color: #fff;
}

.table-bordered>thead>tr>th {
      /*border: 1px solid #EFE8E8 !important;*/
      border: 1px solid #EEEEEE !important;
}
.table thead tr th span.scrollable-title {
    font-weight: 600;
}

.table thead tr.scrollable-primary th.scrollable {
    color: #fff;
}
.table thead.tight tr.scrollable-secondary th {
    background: #ECECEC;
    font-weight: 500;
}
.table thead.tight tr:first-child th {
    font-weight: 500;
}

.table.tight thead tr:last-child th {
    font-size: 10px;
}

.table-bordered>thead>tr:first-child th {
    border-bottom: 1px solid #D2CBCB !important;
}
/*.table-bordered>thead>tr:nth-child(1n+2)>th {
    border: 1px solid #D2CBCB !important;
}*/

.table thead tr.scrollable-primary th {
    border: 1px solid #D2CBCB !important;
    min-width: 150px;
}
.table thead tr.scrollable-secondary th {
    border: 1px solid #D2CBCB !important;
}


/*.table tbody tr td:nth-child(n:not(.hidden)) {
    border-right: 1px solid #A9A9A9 !important;
}*/

/*.table tbody tr td.scrollable:not(.hidden):last-child {
    border-right: 1px solid #A9A9A9 !important;
}*/

/* Kolorowanie kolumn */
.table thead tr:nth-child(1n + 1)>th.bg-c-g {
    background: rgb(49, 173, 31);
    border-bottom: 0px !important;
    border-color: rgb(93, 189, 79);
    color: #fff;
    font-weight: 400;
}
.table tfoot tr td.bg-c-g {
    background: rgb(49, 173, 31);
    border-color: rgb(93, 189, 79);
}

.table thead tr:nth-child(1n + 1)>th.bg-c-b {
    background: rgb(112, 164, 197);
    border-bottom: 0px !important;
    border-color: rgb(142, 182, 208);
    font-weight: 400;
}
.table tfoot tr td.bg-c-b {
    background: rgb(112, 164, 197);
    border-color: rgb(142, 182, 208);
}
.table thead tr:nth-child(1n + 1)>th.bg-c-gr {
    background: rgb(139, 139, 139);
    border-bottom: 0px !important;
    border-color: rgb(163, 163, 163);
    font-weight: 400;
}
.table tfoot td.bg-c-gr {
    background: rgb(139, 139, 139);
    border-color: rgb(163, 163, 163);
}
.table thead tr:nth-child(1n + 1)>th.bg-c-o {
    background: rgb(249, 178, 33);
    border-color: rgb(249, 178, 33);
    border-bottom: 0px !important;
    font-weight: 400;
    color: #fff;
}
.table tfoot td.bg-c-o {
    background: rgb(249, 178, 33);
}
.table thead tr:nth-child(1n + 1)>th.bg-c-m {
    background: rgb(145, 109, 229);
    border-bottom: 0px !important;
    font-weight: 400;
}
.table tfoot td.bg-c-m {
    background: rgb(145, 109, 229);
}

.table thead tr th.cf-l.c-g,
.table tbody tr td.cf-l.c-g {
    /*-webkit-box-shadow: inset 12px 0px 10px -10px rgba(87, 255, 62, 1);
    -moz-box-shadow:    inset 12px 0px 10px -10px rgba(87, 255, 62, 1);
    box-shadow:         inset 12px 0px 10px -10px rgba(87, 255, 62, 1);*/
    -webkit-box-shadow: inset 12px 0px 1px -10px rgba(49, 173, 31, 1);
    -moz-box-shadow:    inset 12px 0px 1px -10px rgba(49, 173, 31, 1);
    box-shadow:         inset 12px 0px 1px -10px rgba(49, 173, 31, 1);
}
.table thead tr th.cf-l.c-b,
.table tbody tr td.cf-l.c-b {
    /*-webkit-box-shadow: inset 12px 0px 10px -10px rgba(0, 95, 153, 1);
    -moz-box-shadow:    inset 12px 0px 10px -10px rgba(0, 95, 153, 1);
    box-shadow:         inset 12px 0px 10px -10px rgba(0, 95, 153, 1);*/
    -webkit-box-shadow: inset 12px 0px 1px -10px rgba(112, 164, 197, 1);
    -moz-box-shadow:    inset 12px 0px 1px -10px rgba(112, 164, 197, 1);
    box-shadow:         inset 12px 0px 1px -10px rgba(112, 164, 197, 1);
}
.table thead tr th.cf-l.c-o,
.table tbody tr td.cf-l.c-o {
    /*-webkit-box-shadow: inset 12px 0px 10px -10px rgba(236, 127, 4, 1);
    -moz-box-shadow:    inset 12px 0px 10px -10px rgba(236, 127, 4, 1);
    box-shadow:         inset 12px 0px 10px -10px rgba(236, 127, 4, 1);*/
    -webkit-box-shadow: inset 12px 0px 1px -10px rgba(249, 178, 33, 1);
    -moz-box-shadow:    inset 12px 0px 1px -10px rgba(249, 178, 33, 1);
    box-shadow:         inset 12px 0px 1px -10px rgba(249, 178, 33, 1);
}
.table thead tr th.cf-l.c-gr,
.table tbody tr td.cf-l.c-gr {
    /*-webkit-box-shadow: inset 12px 0px 10px -10px rgba(84, 84, 84, 1);
    -moz-box-shadow:    inset 12px 0px 10px -10px rgba(84, 84, 84, 1);
    box-shadow:         inset 12px 0px 10px -10px rgba(84, 84, 84, 1);*/
    -webkit-box-shadow: inset 12px 0px 1px -10px rgba(139, 139, 139, 1);
    -moz-box-shadow:    inset 12px 0px 1px -10px rgba(139, 139, 139, 1);
    box-shadow:         inset 12px 0px 1px -10px rgba(139, 139, 139, 1);
}
.table thead tr th.cf-l.c-m,
.table tbody tr td.cf-l.c-m {
    /*-webkit-box-shadow: inset 12px 0px 10px -10px rgba(142, 4, 236, 1);
    -moz-box-shadow:    inset 12px 0px 10px -10px rgba(142, 4, 236, 1);
    box-shadow:         inset 12px 0px 10px -10px rgba(142, 4, 236, 1);*/
    -webkit-box-shadow: inset 12px 0px 1px -10px rgba(145, 109, 229, 1);
    -moz-box-shadow:    inset 12px 0px 1px -10px rgba(145, 109, 229, 1);
    box-shadow:         inset 12px 0px 1px -10px rgba(145, 109, 229, 1);
}

.table thead tr th.cf-r.c-g,
.table tbody tr td.cf-r.c-g {
    /*-webkit-box-shadow: inset -12px 0px 10px -10px rgba(87, 255, 62, 1);
    -moz-box-shadow:    inset -12px 0px 10px -10px rgba(87, 255, 62, 1);
    box-shadow:         inset -12px 0px 10px -10px rgba(87, 255, 62, 1);*/
    -webkit-box-shadow: inset -12px 0px 1px -10px rgba(49, 173, 31, 1);
    -moz-box-shadow:    inset -12px 0px 1px -10px rgba(49, 173, 31, 1);
    box-shadow:         inset -12px 0px 1px -10px rgba(49, 173, 31, 1);
    border-right: 0px !important;
}
.table thead tr th.cf-r.c-b,
.table tbody tr td.cf-r.c-b {
    /*-webkit-box-shadow: inset -12px 0px 10px -10px rgba(0, 95, 153, 1);
    -moz-box-shadow:    inset -12px 0px 10px -10px rgba(0, 95, 153, 1);
    box-shadow:         inset -12px 0px 10px -10px rgba(0, 95, 153, 1);*/
    -webkit-box-shadow: inset -12px 0px 1px -10px rgba(112, 164, 197, 1);
    -moz-box-shadow:    inset -12px 0px 1px -10px rgba(112, 164, 197, 1);
    box-shadow:         inset -12px 0px 1px -10px rgba(112, 164, 197, 1);
    border-right: 0px !important;
}
.table thead tr th.cf-r.c-o,
.table tbody tr td.cf-r.c-o {
    /*-webkit-box-shadow: inset -12px 0px 10px -10px rgba(236, 127, 4, 1);
    -moz-box-shadow:    inset -12px 0px 10px -10px rgba(236, 127, 4, 1);
    box-shadow:         inset -12px 0px 10px -10px rgba(236, 127, 4, 1);*/
    -webkit-box-shadow: inset -12px 0px 1px -10px rgba(249, 178, 33, 1);
    -moz-box-shadow:    inset -12px 0px 1px -10px rgba(249, 178, 33, 1);
    box-shadow:         inset -12px 0px 1px -10px rgba(249, 178, 33, 1);
    border-right: 0px !important;
}
.table thead tr th.cf-r.c-gr,
.table tbody tr td.cf-r.c-gr {
    /*-webkit-box-shadow: inset -12px 0px 10px -10px rgba(84, 84, 84, 1);
    -moz-box-shadow:    inset -12px 0px 10px -10px rgba(84, 84, 84, 1);
    box-shadow:         inset -12px 0px 10px -10px rgba(84, 84, 84, 1);*/
    -webkit-box-shadow: inset -12px 0px 1px -10px rgba(139, 139, 139, 1);
    -moz-box-shadow:    inset -12px 0px 1px -10px rgba(139, 139, 139, 1);
    box-shadow:         inset -12px 0px 1px -10px rgba(139, 139, 139, 1);
    border-right: 0px !important;
}
.table thead tr th.cf-r.c-m,
.table tbody tr td.cf-r.c-m {
    /*-webkit-box-shadow: inset -12px 0px 10px -10px rgba(142, 4, 236, 1);
    -moz-box-shadow:    inset -12px 0px 10px -10px rgba(142, 4, 236, 1);
    box-shadow:         inset -12px 0px 10px -10px rgba(142, 4, 236, 1);*/
    -webkit-box-shadow: inset -12px 0px 1px -10px rgba(145, 109, 229, 1);
    -moz-box-shadow:    inset -12px 0px 1px -10px rgba(145, 109, 229, 1);
    box-shadow:         inset -12px 0px 1px -10px rgba(145, 109, 229, 1);
    border-right: 0px !important;
}

.table thead tr th.cf-lr.c-g,
.table tbody tr td.cf-lr.c-g {
    /*-webkit-box-shadow: inset -12px 0px 10px -10px rgba(87, 255, 62, 1), inset 12px 0px 10px -10px rgba(87, 255, 62, 1);
    -moz-box-shadow:    inset -12px 0px 10px -10px rgba(87, 255, 62, 1), inset 12px 0px 10px -10px rgba(87, 255, 62, 1);
    box-shadow:         inset -12px 0px 10px -10px rgba(87, 255, 62, 1), inset 12px 0px 10px -10px rgba(87, 255, 62, 1);*/
    -webkit-box-shadow: inset -12px 0px 1px -10px rgba(49, 173, 31, 1), inset 12px 0px 1px -10px rgba(49, 173, 31, 1);
    -moz-box-shadow:    inset -12px 0px 1px -10px rgba(49, 173, 31, 1), inset 12px 0px 1px -10px rgba(49, 173, 31, 1);
    box-shadow:         inset -12px 0px 1px -10px rgba(49, 173, 31, 1), inset 12px 0px 1px -10px rgba(49, 173, 31, 1);
    border-right: 0px !important;
}
.table thead tr th.cf-lr.c-b,
.table tbody tr td.cf-lr.c-b {
    /*-webkit-box-shadow: inset 12px 0px 10px -10px rgba(0, 95, 153, 1), inset -12px 0px 10px -10px rgba(0, 95, 153, 1);
    -moz-box-shadow:    inset 12px 0px 10px -10px rgba(0, 95, 153, 1), inset -12px 0px 10px -10px rgba(0, 95, 153, 1);
    box-shadow:         inset 12px 0px 10px -10px rgba(0, 95, 153, 1), inset -12px 0px 10px -10px rgba(0, 95, 153, 1);*/
    -webkit-box-shadow: inset 12px 0px 1px -10px rgba(112, 164, 197, 1), inset -12px 0px 1px -10px rgba(112, 164, 197, 1);
    -moz-box-shadow:    inset 12px 0px 1px -10px rgba(112, 164, 197, 1), inset -12px 0px 1px -10px rgba(112, 164, 197, 1);
    box-shadow:         inset 12px 0px 1px -10px rgba(112, 164, 197, 1), inset -12px 0px 1px -10px rgba(112, 164, 197, 1);
    border-right: 0px !important;
}
.table thead tr th.cf-lr.c-o,
.table tbody tr td.cf-lr.c-o {
    /*-webkit-box-shadow: inset 12px 0px 10px -10px rgba(236, 127, 4, 1), inset -12px 0px 10px -10px rgba(236, 127, 4, 1);
    -moz-box-shadow:    inset 12px 0px 10px -10px rgba(236, 127, 4, 1), inset -12px 0px 10px -10px rgba(236, 127, 4, 1);
    box-shadow:         inset 12px 0px 10px -10px rgba(236, 127, 4, 1), inset -12px 0px 10px -10px rgba(236, 127, 4, 1);*/
    -webkit-box-shadow: inset 12px 0px 1px -10px rgba(249, 178, 33, 1), inset -12px 0px 1px -10px rgba(249, 178, 33, 1);
    -moz-box-shadow:    inset 12px 0px 1px -10px rgba(249, 178, 33, 1), inset -12px 0px 1px -10px rgba(249, 178, 33, 1);
    box-shadow:         inset 12px 0px 1px -10px rgba(249, 178, 33, 1), inset -12px 0px 1px -10px rgba(249, 178, 33, 1);
    border-right: 0px !important;
}
.table thead tr th.cf-lr.c-gr,
.table tbody tr td.cf-lr.c-gr {
    /*-webkit-box-shadow: inset 12px 0px 10px -10px rgba(84, 84, 84, 1), inset -12px 0px 10px -10px rgba(84, 84, 84, 1);
    -moz-box-shadow:    inset 12px 0px 10px -10px rgba(84, 84, 84, 1), inset -12px 0px 10px -10px rgba(84, 84, 84, 1);
    box-shadow:         inset 12px 0px 10px -10px rgba(84, 84, 84, 1), inset -12px 0px 10px -10px rgba(84, 84, 84, 1);*/
    -webkit-box-shadow: inset 12px 0px 1px -10px rgba(139, 139, 139, 1), inset -12px 0px 1px -10px rgba(139, 139, 139, 1);
    -moz-box-shadow:    inset 12px 0px 1px -10px rgba(139, 139, 139, 1), inset -12px 0px 1px -10px rgba(139, 139, 139, 1);
    box-shadow:         inset 12px 0px 1px -10px rgba(139, 139, 139, 1), inset -12px 0px 1px -10px rgba(139, 139, 139, 1);
    border-right: 0px !important;
}
.table thead tr th.cf-lr.c-m,
.table tbody tr td.cf-lr.c-m {
    /*-webkit-box-shadow: inset 12px 0px 10px -10px rgba(142, 4, 236, 1), inset -12px 0px 10px -10px rgba(142, 4, 236, 1);
    -moz-box-shadow:    inset 12px 0px 10px -10px rgba(142, 4, 236, 1), inset -12px 0px 10px -10px rgba(142, 4, 236, 1);
    box-shadow:         inset 12px 0px 10px -10px rgba(142, 4, 236, 1), inset -12px 0px 10px -10px rgba(142, 4, 236, 1);*/
    -webkit-box-shadow: inset 12px 0px 1px -10px rgba(145, 109, 229, 1), inset -12px 0px 1px -10px rgba(145, 109, 229, 1);
    -moz-box-shadow:    inset 12px 0px 1px -10px rgba(145, 109, 229, 1), inset -12px 0px 1px -10px rgba(145, 109, 229, 1);
    box-shadow:         inset 12px 0px 1px -10px rgba(145, 109, 229, 1), inset -12px 0px 1px -10px rgba(145, 109, 229, 1);
    border-right: 0px !important;
}
.table thead tr.scrollable-secondary th.subcolumn,
.table thead tr.scrollable-secondary th.scrollable{
    border-top: 0px !important;
}

.table thead tr.scrollable-secondary th.subcolumn div.relative-content div.ta-c,  
.table thead tr.scrollable-secondary th.scrollable div.relative-content div.ta-c {
    margin-top: 1px;
}
.table thead tr:first-child th.handle_pre_scrollable, 
.table thead tr:first-child th.multicolumn, 
.table thead tr:first-child th.scrollable_navigation,
.table thead tr:first-child th.handle_post_scrollable
{
    border-bottom: 1px solid #EEE !important;
}

.table thead.tight tr.scrollable-secondary * {
    line-height: 10px !important;
}

.table thead tr.scrollable-primary th.scrollable:last-child {
    border-right-color: transparent !important;
}

.table thead.tight tr th.align-left.cf-l {
    padding: 1px 4px 1px 7px !important;
}
.table tbody.tight tr td.align-left.cf-l {
    padding: 1px 4px 1px 7px !important;
}
.table thead.tight tr th.align-right.cf-r {
    padding: 1px 7px 1px 4px !important;
}
.table tbody.tight tr td.align-right.cf-r {
    padding: 1px 7px 1px 4px !important;
}

/*.table thead.tight tr th.under-relative.cf-r div.relative-content {
    padding: 1px 7px 1px 4px !important;
}*/
.table tbody.tight tr td.under-relative.cf-r div.relative-content {
    padding: 1px 7px 1px 4px !important;
}

.table tbody tr td span.modify {
    color: #FF8800;
}

.table tbody tr td input.ptt {
    background: rgb(238, 255, 255);
}
.table tbody tr td label.field-icon i.ptt {
    color: #31AE6C;
}

.table tbody tr td div.conh {
    
}

/* REQU V1 */
i.required-alert {
    color: #E63F24;
    margin-left: 4px;
}

ul.nav-tabs i.required-alert {
    position: absolute;
    top: 4px;
    font-size: 8px;
}

/* REQ V2 */
.required-box {
    display: inline-block;
}
.required-box-label {
    display: inline-block;
}
.required-box-content {
    display: inline-block;
}
.required-box-content button {
    font-size: 13px;
}
.required-box-label span {
    word-wrap: break-word;
    width: 70px;
    display: inline-block;
    line-height: 12px;
    vertical-align: middle;
    margin-left: 30px;
    font-size: 12px;
}

table tbody tr td div.trol {
    max-height: 18px;
    overflow: hidden;
    -webkit-transition: max-height 1s ease;
    transition: max-height 1s ease;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
    position: relative;
    padding-right: 12px;
}

table tbody tr td div.relative-content.trol {
    margin-right: 4px;
}

table tbody tr td div.trol:hover {
    max-height: 100px;
}
table tbody tr td div.trol:before {
    content: '...';
    position: absolute;
    top: 0px;
    right: 0px;
    font-weight: 500;
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
table tbody tr td div.trol:hover:before {
    opacity: 0;
}
table tbody tr td div.trol:after {
    content: '';
    width: 12px;
    background: #F8F9FA;
    float: right;
    display: inline-block;
    height: 18px;
    position: absolute;
    right: 0px;
}
.table tbody tr:hover td div.trol:after {
    background-color: rgb(252, 255, 200) !important;
}
.table tbody tr.highlighted td div.trol:after {
    background-color: rgb(252, 255, 200) !important;
}
.table tbody tr.selected-row td div.trol:after {
    background-color: #F9FF81 !important;
}

table tbody tr td span.empty-value {
    color: #B6B6B6;
    letter-spacing: 3px;
}
table tbody tr td span.empty-value:before {
    content: '---';
}
table tbody tr td span.no-data {
    color: #B6B6B6;
    letter-spacing: 1px;
}
table tbody tr td span.no-data:before {
    content: 'Brak danych';
}
table tbody tr td span.empty-bloz {
    color: #B6B6B6;
    letter-spacing: 2px;
}
table tbody tr td span.empty-bloz:before {
    content: '-------';
}
.table thead tr:first-child th:first-child {
    border-left: 1px solid #D2CBCB !important;
}

.table-thead-wrapper {
    position: fixed;
    top: -100px;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: rgb(248, 249, 250);
    z-index: 9996;
}
.table-thead-wrapper.fixed {
    top: 45px;
    
}
.table-thead-wrapper thead tr th.multicolumn,
.table-thead-wrapper thead tr th.scrollable_navigation {
    border-left: 1px solid #EEE;
}

.content_table tfoot.tight td {
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
    padding: 0px !important;
}
.content_table tfoot.tight td.summary_mode {
    white-space: nowrap;
}
.content_table tfoot.tight td:not(.summary_mode) {
    border-left: 0px !important;
    background-color: #545454;
    border-color: rgb(107, 107, 107);
}
.content_table tfoot td:first-child {
    border-left: 0px !important;
}
.content_table tfoot.tight td:last-child {
    border-right-color: #EEE;
}
.content_table tfoot.tight td div.relative-content {
    position: relative;
    padding: 5px 0px 2px 0px;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.content_table tfoot.tight td div.relative-content>div {
    line-height: 13px;
}
.content_table tfoot.tight td div.relative-content>div>div {
    /*display: inline-block;
    width: 100%;*/
    color: white;
}
.content_table tfoot.tight td div.relative-content>div>div>i {
    display: inline-block;
    color: rgb(255, 252, 0);
    /*float: left;*/
    margin-right: 4px;
}
.content_table tfoot.fixed {
    position: fixed;
    bottom: -1px;
    z-index: 9996;
}
.content_table tfoot tr td div.triangle-sum {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 5px 5px 5px;
    border-color: transparent transparent #70A4C5 transparent;
    top: -5px;
    left: 50%;
    margin-left: -5px;
}
.table tfoot tr td.bg-c-g div.triangle-sum
{
    border-color: transparent transparent #31AD1F transparent;
}
.table tfoot tr td.bg-c-b div.triangle-sum
{
    border-color: transparent transparent #70A4C5 transparent;
}
.table tfoot tr td.bg-c-gr div.triangle-sum
{
    border-color: transparent transparent #8B8B8B transparent;
}
.table hr {
    margin: 0px !important;
}

.content_table {
    border : 0 !important;
}
.content_table tbody tr:last-child td {
    /*border-bottom: 0px !important*/
}

.table-empty-result {
    text-align: center;
    padding: 50px;
}
.table-empty-result h2 {
    color: #545454;    
    margin-top: 0px;    
    margin-bottom: 25px;    
    font-weight: 400;
}
.table-empty-result h4 {
    color: #aaa;
    font-size: 16px;    
    text-transform: none;    
    font-style: italic;    
    font-weight: 400;
}
.table-empty-result p {
    padding-top: 20px;
    color:  #777777;
}

/* INFO TABLE */
.info-table {
    width: 100%;
}
.info-table thead tr th, 
.info-table tbody tr td {
    padding: 2px;
    font-weight: 100;
}
.info-table thead tr th {
    font-weight: 400;
}
.info-table thead tr th h5 {
    margin-top: 0px;
    margin-bottom: 5px;
    color: #fff;
    text-shadow: 1px 1px 1px #868282;
    font-weight: 500;
}
.info-table tbody tr:first-child+tr td {
    /*padding-bottom: 8px;*/
}
.info-table tbody tr:last-child td {
    font-weight: 400;
    text-shadow: 1px 1px 1px #3199BF;
}
.info-important {
    min-height: 108px;
}
.info-important .info-table tbody tr:last-child td {
    font-weight: 100;
    text-shadow: none;
}

/* PODPOWIEDŹ DLA SLIDE HORIZONTAL */
.blind-tip {
    position: absolute;
    left: -405px;
    top: 0;
    color: #fff;
    background-color: rgba(112, 164, 197, 0.84);
    padding: 4px 7px 4px 7px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: 1px solid #70A4C5;
    background-clip: padding-box;
    z-index: 9996;
    /*font-size: 12px;*/
    transition: all 0.2s ease;
    max-width: 200px;
    line-height: 15px;
    font-weight: 200;
}
.blind-tip>div.arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 9px 8px 0;
    border-color: transparent #B3B4B5 transparent transparent;
    position: absolute;
    left: -9px;
    bottom: 9px;
    z-index: 10;
}
.blind-tip>div.arrow:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-color: transparent #F8F9FA transparent transparent;
    position: absolute;
    left: 1px;
    bottom: -6px;
    z-index: 10;
}

/* implement-component - multicheckbox elipsis trick */
.implement-component[data-component-type="multicheckbox"] ul li span:first-child {
    position: relative;
    padding-right: 15px;
}
.implement-component[data-component-type="multicheckbox"] ul li.radio-type span:first-child {
    width: 84% !important;
}
.implement-component[data-component-type="multicheckbox"] ul li span:first-child:before {
    content: '...';
    position: absolute;
    top: 0px;
    right: 0px;
    font-weight: 500;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.implement-component[data-component-type="multicheckbox"] ul li span:first-child:hover:before {
    opacity: 0;
}
.implement-component[data-component-type="multicheckbox"] ul li span:first-child:after {
    content: '';
    width: 12px;
    background: #F8F9FA;
    float: right;
    display: inline-block;
    height: 18px;
    position: absolute;
    right: 0px;
}

div.table-open {
    border: 0px !important;
}
div.table-open thead tr:first-child th:first-child {
    border-left: 1px solid #EEEEEE !important;
}
table.table-open thead tr:first-child th:first-child {
    border-left: 1px solid #EEEEEE !important;
}