/* ##### KLASY POMOCNICZE ##### */
.fl {float: left !important;}
.fr {float: right !important;}

img {max-width: 100%; vertical-align: middle; max-height: 100%;}

.t-center {text-align: center !important;}
.t-right {text-align: right !important;}
.t-left {text-align: left !important;}

.wrap {overflow: hidden !important;}
.block, .collapse.in {display: block !important;}
.inline-block {display: inline-block !important;}

.invisible {visibility: hidden;}

.fw-300, .fw-light {font-weight: 300 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-400, .fw-normal {font-weight: normal !important;}
.fw-700, .fw-bold {font-weight: bold !important;}
.lh-normal {line-height: normal !important;}
.tt-uppercase {text-transform: uppercase !important;}
.tt-lowercase {text-transform: lowercase !important;}
.tt-first-letter-uppercase {display: inline-block;}
.tt-first-letter-uppercase:first-letter {text-transform: uppercase !important; display: inline-block;}
.tt-none {text-transform: none !important;}
.fs-italic {font-style: italic !important;}

.clear {clear: both !important;}
.m-center {margin: 0 auto; float: none !important;}
.full {width: 100% !important;}
.bx-rel {position: relative;}
.no-wrap {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.fixed {position: fixed;}
.vh100 {min-height: 100vh}
.full-height {min-height: calc(100vh - 0px);}

.table-wrapper {overflow-x: auto; width: 100%;}
.table-fixed {table-layout: fixed !important;}
.table-hover tbody tr {cursor: pointer;}
.table-hover tbody tr:hover td {background: #f4fbff;}
.table-align-midle td, .table-align-midle th {vertical-align: middle !important;}

.cr-poitner, [data-target], [data-src], [onclick], [data-href] {cursor: pointer !important;}
.cr-help {cursor: help !important;}
.cr-default {cursor: default !important;}
[data-fancybox] img {cursor: zoom-in;}

.ico-link {opacity: 1;}
.ico-link:hover {opacity: 0.7;}

*:active {outline: 0 !important;}

[class*='transform-center'] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.transform-center-x {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.transform-center-y {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

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

:root {
    --color-default: #343a40;
    --color-client: #e0633a;
}

.color-normal, .text-normal, .color-default {color: var(--color-default) !important;}
.color-client, .text-client {color: var(--color-client) !important;}

.bg-gray {background-color: #F2F2F2 !important;}
.bg-light-blue {background-color: #B5D8F4 !important;}
.bg-light-red {background-color: #ffdad4 !important;}
.bg-light-yellow {background-color: #f4e6b5 !important;}
.bg-light-orange {background-color: #f4d0b5 !important;}
.bg-white {background-color: #fff !important;}

/* ##### BX-SCROLL ##### */
.bx-scroll-y {
    overflow: hidden;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    position: relative;
}
.bx-scroll-y::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.bx-scroll-y::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #999;
    -webkit-border-radius: 4px;
    outline: 2px solid #f1f1f1;
    outline-offset: -2px;
    border: 2px solid #f1f1f1;
}
.bx-scroll-y::-webkit-scrollbar-track-piece {
    background-color: #f1f1f1;
    -webkit-border-radius: 0;
}

/* ##### BX-TABLE ##### */
.bx-table {
    display: table;
    table-layout: fixed;
}
.bx-table.full-height {
    height: calc(100vh - 0px);
    width: 100%;
}

.bx-middle {
    display: table-cell;
    vertical-align: middle;
}

/* ##### MARGIN & PADDING ##### */
.nom {margin: 0 !important;}

.m-10 {margin: 10px !important;}
.m-15 {margin: 15px !important;}
.m-20 {margin: 20px !important;}
.m-30 {margin: 30px !important;}
.m-40 {margin: 40px !important;}

.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}

.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-40 {margin-right: 40px !important;}

.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-40 {margin-left: 40px !important;}

.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}

.p-10 {padding: 10px !important;}
.p-15 {padding: 15px !important;}
.p-20 {padding: 20px !important;}
.p-30 {padding: 30px !important;}
.p-40 {padding: 40px !important;}

.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-40 {padding-top: 40px !important;}

.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-40 {padding-right: 40px !important;}

.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-40 {padding-left: 40px !important;}

.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-40 {padding-bottom: 40px !important;}

/* ##### FONT SIZE ##### */
.fs-inherit {font-size: inherit !important;}

.fs-10 {font-size: 10px !important;}
.fs-11 {font-size: 11px !important;}
.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-18 {font-size: 18px !important;}
.fs-20 {font-size: 20px !important;}
.fs-22 {font-size: 22px !important;}
.fs-24 {font-size: 24px !important;}
.fs-26 {font-size: 26px !important;}
.fs-28 {font-size: 28px !important;}
.fs-30 {font-size: 30px !important;}
.fs-35 {font-size: 35px !important;}
.fs-36 {font-size: 36px !important;}
.fs-42 {font-size: 42px !important;}

@media (min-width: 576px) {
    /* ##### MARGIN & PADDING ##### */
    .m-sm-10 {margin: 10px !important;}
    .m-sm-15 {margin: 15px !important;}
    .m-sm-20 {margin: 20px !important;}
    .m-sm-30 {margin: 30px !important;}
    .m-sm-40 {margin: 40px !important;}

    .mt-sm-10 {margin-top: 10px !important;}
    .mt-sm-15 {margin-top: 15px !important;}
    .mt-sm-20 {margin-top: 20px !important;}
    .mt-sm-30 {margin-top: 30px !important;}
    .mt-sm-40 {margin-top: 40px !important;}

    .mr-sm-10 {margin-right: 10px !important;}
    .mr-sm-15 {margin-right: 15px !important;}
    .mr-sm-20 {margin-right: 20px !important;}
    .mr-sm-30 {margin-right: 30px !important;}
    .mr-sm-40 {margin-right: 40px !important;}

    .ml-sm-10 {margin-left: 10px !important;}
    .ml-sm-15 {margin-left: 15px !important;}
    .ml-sm-20 {margin-left: 20px !important;}
    .ml-sm-30 {margin-left: 30px !important;}
    .ml-sm-40 {margin-left: 40px !important;}

    .mb-sm-10 {margin-bottom: 10px !important;}
    .mb-sm-15 {margin-bottom: 15px !important;}
    .mb-sm-20 {margin-bottom: 20px !important;}
    .mb-sm-30 {margin-bottom: 30px !important;}
    .mb-sm-40 {margin-bottom: 40px !important;}

    .p-sm-10 {padding: 10px !important;}
    .p-sm-15 {padding: 15px !important;}
    .p-sm-20 {padding: 20px !important;}
    .p-sm-30 {padding: 30px !important;}
    .p-sm-40 {padding: 40px !important;}

    .pt-sm-10 {padding-top: 10px !important;}
    .pt-sm-15 {padding-top: 15px !important;}
    .pt-sm-20 {padding-top: 20px !important;}
    .pt-sm-30 {padding-top: 30px !important;}
    .pt-sm-40 {padding-top: 40px !important;}

    .pr-sm-10 {padding-right: 10px !important;}
    .pr-sm-15 {padding-right: 15px !important;}
    .pr-sm-20 {padding-right: 20px !important;}
    .pr-sm-30 {padding-right: 30px !important;}
    .pr-sm-40 {padding-right: 40px !important;}

    .pl-sm-10 {padding-left: 10px !important;}
    .pl-sm-15 {padding-left: 15px !important;}
    .pl-sm-20 {padding-left: 20px !important;}
    .pl-sm-30 {padding-left: 30px !important;}
    .pl-sm-40 {padding-left: 40px !important;}

    .pb-sm-10 {padding-bottom: 10px !important;}
    .pb-sm-15 {padding-bottom: 15px !important;}
    .pb-sm-20 {padding-bottom: 20px !important;}
    .pb-sm-30 {padding-bottom: 30px !important;}
    .pb-sm-40 {padding-bottom: 40px !important;}

    /* ##### FONT SIZE ##### */
    .fs-sm-10 {font-size: 10px !important;}
    .fs-sm-11 {font-size: 11px !important;}
    .fs-sm-12 {font-size: 12px !important;}
    .fs-sm-13 {font-size: 13px !important;}
    .fs-sm-14 {font-size: 14px !important;}
    .fs-sm-15 {font-size: 15px !important;}
    .fs-sm-16 {font-size: 16px !important;}
    .fs-sm-18 {font-size: 18px !important;}
    .fs-sm-20 {font-size: 20px !important;}
    .fs-sm-22 {font-size: 22px !important;}
    .fs-sm-24 {font-size: 24px !important;}
    .fs-sm-26 {font-size: 26px !important;}
    .fs-sm-28 {font-size: 28px !important;}
    .fs-sm-30 {font-size: 30px !important;}
    .fs-sm-35 {font-size: 35px !important;}
    .fs-sm-36 {font-size: 36px !important;}
    .fs-sm-42 {font-size: 42px !important;}
}

@media (min-width: 768px) {
    /* ##### MARGIN & PADDING ##### */
    .m-md-10 {margin: 10px !important;}
    .m-md-15 {margin: 15px !important;}
    .m-md-20 {margin: 20px !important;}
    .m-md-30 {margin: 30px !important;}
    .m-md-40 {margin: 40px !important;}

    .mt-md-10 {margin-top: 10px !important;}
    .mt-md-15 {margin-top: 15px !important;}
    .mt-md-20 {margin-top: 20px !important;}
    .mt-md-30 {margin-top: 30px !important;}
    .mt-md-40 {margin-top: 40px !important;}

    .mr-md-10 {margin-right: 10px !important;}
    .mr-md-15 {margin-right: 15px !important;}
    .mr-md-20 {margin-right: 20px !important;}
    .mr-md-30 {margin-right: 30px !important;}
    .mr-md-40 {margin-right: 40px !important;}

    .ml-md-10 {margin-left: 10px !important;}
    .ml-md-15 {margin-left: 15px !important;}
    .ml-md-20 {margin-left: 20px !important;}
    .ml-md-30 {margin-left: 30px !important;}
    .ml-md-40 {margin-left: 40px !important;}

    .mb-md-10 {margin-bottom: 10px !important;}
    .mb-md-15 {margin-bottom: 15px !important;}
    .mb-md-20 {margin-bottom: 20px !important;}
    .mb-md-30 {margin-bottom: 30px !important;}
    .mb-md-40 {margin-bottom: 40px !important;}

    .p-md-10 {padding: 10px !important;}
    .p-md-15 {padding: 15px !important;}
    .p-md-20 {padding: 20px !important;}
    .p-md-30 {padding: 30px !important;}
    .p-md-40 {padding: 40px !important;}

    .pt-md-10 {padding-top: 10px !important;}
    .pt-md-15 {padding-top: 15px !important;}
    .pt-md-20 {padding-top: 20px !important;}
    .pt-md-30 {padding-top: 30px !important;}
    .pt-md-40 {padding-top: 40px !important;}

    .pr-md-10 {padding-right: 10px !important;}
    .pr-md-15 {padding-right: 15px !important;}
    .pr-md-20 {padding-right: 20px !important;}
    .pr-md-30 {padding-right: 30px !important;}
    .pr-md-40 {padding-right: 40px !important;}

    .pl-md-10 {padding-left: 10px !important;}
    .pl-md-15 {padding-left: 15px !important;}
    .pl-md-20 {padding-left: 20px !important;}
    .pl-md-30 {padding-left: 30px !important;}
    .pl-md-40 {padding-left: 40px !important;}

    /* ##### FONT SIZE ##### */
    .fs-md-10 {font-size: 10px !important;}
    .fs-md-11 {font-size: 11px !important;}
    .fs-md-12 {font-size: 12px !important;}
    .fs-md-13 {font-size: 13px !important;}
    .fs-md-14 {font-size: 14px !important;}
    .fs-md-15 {font-size: 15px !important;}
    .fs-md-16 {font-size: 16px !important;}
    .fs-md-18 {font-size: 18px !important;}
    .fs-md-20 {font-size: 20px !important;}
    .fs-md-22 {font-size: 22px !important;}
    .fs-md-24 {font-size: 24px !important;}
    .fs-md-26 {font-size: 26px !important;}
    .fs-md-28 {font-size: 28px !important;}
    .fs-md-30 {font-size: 30px !important;}
    .fs-md-35 {font-size: 35px !important;}
    .fs-md-36 {font-size: 36px !important;}
    .fs-md-42 {font-size: 42px !important;}
}

@media (min-width: 992px) {
    /* ##### MARGIN & PADDING ##### */
    .m-lg-10 {margin: 10px !important;}
    .m-lg-15 {margin: 15px !important;}
    .m-lg-20 {margin: 20px !important;}
    .m-lg-30 {margin: 30px !important;}
    .m-lg-40 {margin: 40px !important;}

    .mt-lg-10 {margin-top: 10px !important;}
    .mt-lg-15 {margin-top: 15px !important;}
    .mt-lg-20 {margin-top: 20px !important;}
    .mt-lg-30 {margin-top: 30px !important;}
    .mt-lg-40 {margin-top: 40px !important;}

    .mr-lg-10 {margin-right: 10px !important;}
    .mr-lg-15 {margin-right: 15px !important;}
    .mr-lg-20 {margin-right: 20px !important;}
    .mr-lg-30 {margin-right: 30px !important;}
    .mr-lg-40 {margin-right: 40px !important;}

    .ml-lg-10 {margin-left: 10px !important;}
    .ml-lg-15 {margin-left: 15px !important;}
    .ml-lg-20 {margin-left: 20px !important;}
    .ml-lg-30 {margin-left: 30px !important;}
    .ml-lg-40 {margin-left: 40px !important;}

    .mb-lg-10 {margin-bottom: 10px !important;}
    .mb-lg-15 {margin-bottom: 15px !important;}
    .mb-lg-20 {margin-bottom: 20px !important;}
    .mb-lg-30 {margin-bottom: 30px !important;}
    .mb-lg-40 {margin-bottom: 40px !important;}

    .p-lg-10 {padding: 10px !important;}
    .p-lg-15 {padding: 15px !important;}
    .p-lg-20 {padding: 20px !important;}
    .p-lg-30 {padding: 30px !important;}
    .p-lg-40 {padding: 40px !important;}

    .pt-lg-10 {padding-top: 10px !important;}
    .pt-lg-15 {padding-top: 15px !important;}
    .pt-lg-20 {padding-top: 20px !important;}
    .pt-lg-30 {padding-top: 30px !important;}
    .pt-lg-40 {padding-top: 40px !important;}

    .pr-lg-10 {padding-right: 10px !important;}
    .pr-lg-15 {padding-right: 15px !important;}
    .pr-lg-20 {padding-right: 20px !important;}
    .pr-lg-30 {padding-right: 30px !important;}
    .pr-lg-40 {padding-right: 40px !important;}

    .pl-lg-10 {padding-left: 10px !important;}
    .pl-lg-15 {padding-left: 15px !important;}
    .pl-lg-20 {padding-left: 20px !important;}
    .pl-lg-30 {padding-left: 30px !important;}
    .pl-lg-40 {padding-left: 40px !important;}

    .pb-lg-10 {padding-bottom: 10px !important;}
    .pb-lg-15 {padding-bottom: 15px !important;}
    .pb-lg-20 {padding-bottom: 20px !important;}
    .pb-lg-30 {padding-bottom: 30px !important;}
    .pb-lg-40 {padding-bottom: 40px !important;}

    /* ##### FONT SIZE ##### */
    .fs-lg-10 {font-size: 10px !important;}
    .fs-lg-11 {font-size: 11px !important;}
    .fs-lg-12 {font-size: 12px !important;}
    .fs-lg-13 {font-size: 13px !important;}
    .fs-lg-14 {font-size: 14px !important;}
    .fs-lg-15 {font-size: 15px !important;}
    .fs-lg-16 {font-size: 16px !important;}
    .fs-lg-18 {font-size: 18px !important;}
    .fs-lg-20 {font-size: 20px !important;}
    .fs-lg-22 {font-size: 22px !important;}
    .fs-lg-24 {font-size: 24px !important;}
    .fs-lg-26 {font-size: 26px !important;}
    .fs-lg-28 {font-size: 28px !important;}
    .fs-lg-30 {font-size: 30px !important;}
    .fs-lg-35 {font-size: 35px !important;}
    .fs-lg-36 {font-size: 36px !important;}
    .fs-lg-42 {font-size: 42px !important;}
}

@media (min-width: 1200px) {
    /* ##### MARGIN & PADDING ##### */
    .m-xl-10 {margin: 10px !important;}
    .m-xl-15 {margin: 15px !important;}
    .m-xl-20 {margin: 20px !important;}
    .m-xl-30 {margin: 30px !important;}
    .m-xl-40 {margin: 40px !important;}

    .mt-xl-10 {margin-top: 10px !important;}
    .mt-xl-15 {margin-top: 15px !important;}
    .mt-xl-20 {margin-top: 20px !important;}
    .mt-xl-30 {margin-top: 30px !important;}
    .mt-xl-40 {margin-top: 40px !important;}

    .mr-xl-10 {margin-right: 10px !important;}
    .mr-xl-15 {margin-right: 15px !important;}
    .mr-xl-20 {margin-right: 20px !important;}
    .mr-xl-30 {margin-right: 30px !important;}
    .mr-xl-40 {margin-right: 40px !important;}

    .ml-xl-10 {margin-left: 10px !important;}
    .ml-xl-15 {margin-left: 15px !important;}
    .ml-xl-20 {margin-left: 20px !important;}
    .ml-xl-30 {margin-left: 30px !important;}
    .ml-xl-40 {margin-left: 40px !important;}

    .mb-xl-10 {margin-bottom: 10px !important;}
    .mb-xl-15 {margin-bottom: 15px !important;}
    .mb-xl-20 {margin-bottom: 20px !important;}
    .mb-xl-30 {margin-bottom: 30px !important;}
    .mb-xl-40 {margin-bottom: 40px !important;}

    .p-xl-10 {padding: 10px !important;}
    .p-xl-15 {padding: 15px !important;}
    .p-xl-20 {padding: 20px !important;}
    .p-xl-30 {padding: 30px !important;}
    .p-xl-40 {padding: 40px !important;}

    .pt-xl-10 {padding-top: 10px !important;}
    .pt-xl-15 {padding-top: 15px !important;}
    .pt-xl-20 {padding-top: 20px !important;}
    .pt-xl-30 {padding-top: 30px !important;}
    .pt-xl-40 {padding-top: 40px !important;}

    .pr-xl-10 {padding-right: 10px !important;}
    .pr-xl-15 {padding-right: 15px !important;}
    .pr-xl-20 {padding-right: 20px !important;}
    .pr-xl-30 {padding-right: 30px !important;}
    .pr-xl-40 {padding-right: 40px !important;}

    .pl-xl-10 {padding-left: 10px !important;}
    .pl-xl-15 {padding-left: 15px !important;}
    .pl-xl-20 {padding-left: 20px !important;}
    .pl-xl-30 {padding-left: 30px !important;}
    .pl-xl-40 {padding-left: 40px !important;}

    .pb-xl-10 {padding-left: 10px !important;}
    .pb-xl-15 {padding-left: 15px !important;}
    .pb-xl-20 {padding-left: 20px !important;}
    .pb-xl-30 {padding-left: 30px !important;}
    .pb-xl-40 {padding-left: 40px !important;}

    /* ##### FONT SIZE ##### */
    .fs-xl-10 {font-size: 10px !important;}
    .fs-xl-11 {font-size: 11px !important;}
    .fs-xl-12 {font-size: 12px !important;}
    .fs-xl-13 {font-size: 13px !important;}
    .fs-xl-14 {font-size: 14px !important;}
    .fs-xl-15 {font-size: 15px !important;}
    .fs-xl-16 {font-size: 16px !important;}
    .fs-xl-18 {font-size: 18px !important;}
    .fs-xl-20 {font-size: 20px !important;}
    .fs-xl-22 {font-size: 22px !important;}
    .fs-xl-24 {font-size: 24px !important;}
    .fs-xl-26 {font-size: 26px !important;}
    .fs-xl-28 {font-size: 28px !important;}
    .fs-xl-30 {font-size: 30px !important;}
    .fs-xl-35 {font-size: 35px !important;}
    .fs-xl-36 {font-size: 36px !important;}
    .fs-xl-42 {font-size: 42px !important;}
}