/* GLOBAL */
@font-face {
    font-family: "kelsonsans-normal";
    src: url("/assets/fonts/KelsonSans-Normal.eot");
    /* IE9 Compat Modes */
    src:
        local('kelsonsans-normal'),
        url("/assets/fonts/KelsonSans-Normal.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("/assets/fonts/KelsonSans-Normal.otf") format("opentype"),
        /* Open Type Font */
        url("/assets/fonts/KelsonSans-Normal.svg") format("svg"),
        /* Legacy iOS */
        url("/assets/fonts/KelsonSans-Normal.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("/assets/fonts/KelsonSans-Normal.woff") format("woff"),
        /* Modern Browsers */
        url("/assets/fonts/KelsonSans-Normal.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "kelsonsans-normal";
    src: url("/assets/fonts/KelsonSans-Bold.eot");
    /* IE9 Compat Modes */
    src: url("/assets/fonts/KelsonSans-Bold.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("/assets/fonts/KelsonSans-Bold.otf") format("opentype"),
        /* Open Type Font */
        url("/assets/fonts/KelsonSans-Bold.svg") format("svg"),
        /* Legacy iOS */
        url("/assets/fonts/KelsonSans-Bold.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("/assets/fonts/KelsonSans-Bold.woff") format("woff"),
        /* Modern Browsers */
        url("/assets/fonts/KelsonSans-Bold.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.child-select-w-100 select {}

.status_vindication {
    font-size: 15px;
    font-weight: bold;
}

.border-left-right {
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
}

body .h1-style {
    font-size: 1.7em !important;
    color: #000 !important;
}

body .h2-style {
    font-size: 1.4em !important;
    font-weight: initial !important;
    color: #fb441a !important;
}

body .h3-style {
    font-size: 1.1em !important;
    color: #000 !important;
    font-weight: bold !important;
}

.tox-tinymce.disabled {
	opacity: 0.7;
}
.tox-tinymce.disabled::before {
	content:"";
	width:100%;
	height:100%;
	opacity:0.2;
	top:0;
	left:0;
	background:#000;
	cursor:no-drop;
}


.h4-style {}

.h5-style {}

/* LINE - JAK ODZYSKAĆ */

.icons-jak-odzyskac {
    margin: 20px 0;
}

.icons-jak-odzyskac.background {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    z-index: 1;
}

.icons-jak-odzyskac .stage p {
    width: 200%;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    margin-left: -50%;
}

.icons-jak-odzyskac .stage:first-of-type p {
    text-align: left;
    margin-left: 0;
}

.icons-jak-odzyskac .stage:last-of-type p {
    text-align: right;
    margin-left: -100%;
}

.icons-jak-odzyskac .space {
    width: calc(33.33% - 106px) !important;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.icons-jak-odzyskac .space::before {
    content: "";
    width: 90%;
    height: 4px;
    background: #d2d2d2;
    border-radius: 10px;
}

.icons-jak-odzyskac .space.or span {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40px;
    text-align: center;
    padding: 5px;
    background: #f5f5f5;
    color: #fb441a;
}

.icons-jak-odzyskac p {
    margin-top: 10px;
    font-size: 15px;
}

.icons-jak-odzyskac p span {
    color: #fb441a;
}

.icons-jak-odzyskac .icon {
    width: 80px;
    height: 80px;
    background: #fff;
    border: 2px solid #d2d2d2;
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
}

.icons-jak-odzyskac .stage .icon::before {
    content: "";
    -webkit-mask-size: 1230%;
    mask-size: 1230%;
    -webkit-mask-image: url(../img/ikony.svg);
    mask-image: url(../img/ikony.svg);
    background-color: #929292;
    width: 50px !important;
    height: 50px !important;
    display: inline-block;
}

.icons-jak-odzyskac .stage1 .icon::before {
    -webkit-mask-position: 3.7% 4.6%;
    mask-position: 3.7% 4.6%;
}

.icons-jak-odzyskac .stage2 .icon::before {
    -webkit-mask-position: 19% 5.4%;
    mask-position: 19% 5.4%;
}

.icons-jak-odzyskac .stage3 .icon::before {
    -webkit-mask-position: 34.1% 5.5%;
    mask-position: 34.1% 5.5%;
}

.icons-jak-odzyskac .stage4 .icon::before {
    -webkit-mask-position: 48.9% 5.3%;
    mask-position: 48.9% 5.3%;
}

.icons-jak-odzyskac .stage5 .icon::before {
    -webkit-mask-position: 64.2% 5.1%;
    mask-position: 64.2% 5.1%;
}

.icons-jak-odzyskac .stage6 .icon::before {
    -webkit-mask-position: 79.1% 4.6%;
    mask-position: 79.1% 4.6%;
}

.icons-jak-odzyskac .stage7 .icon::before {
    -webkit-mask-position: 94.1% 4.8%;
    mask-position: 94.1% 4.8%;
}

.background-container {
    position: absolute;
    width: 50%;
    overflow: hidden;
    animation: move-background 7s linear infinite;
}

.background-container p {
    opacity: 0;
}

.background-container .icon {
    border: 2px solid #20c71d;
    position: relative;
    z-index: 1;
}

.background-container .icon::before {
    background-color: #20c71d !important;
}

.background-container .space::before {
    background: #20c71d
}

/* animation */

.container-icons-jak-odzyskac {
    position: relative;
}

section.container-man {
    position: absolute;
    width: 50px;
    top: -58px;
    left: 0;
    overflow: hidden;
    font-size: 7px;
    z-index: -1;
    animation: move 7s linear infinite, opacity 7s ease-in-out infinite;
}

section.container-man div {
    position: absolute;
    box-sizing: border-box;
    background: #333333;
    border-radius: 2px;
}

section.container-man div::before,
section.container-man div::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
}

.stick {
    width: 0.6em;
    height: 3em;
    bottom: 3em;
    left: 50%;
    background: #333333;
    border-radius: 0.3em;
    animation: stick 3s ease-in-out infinite;
}

.stick div {
    transform-origin: 50% 0%;
}

.stick .left {
    z-index: -1;
}

.stick .right {
    z-index: 1;
}

.stick .head {
    width: 1.2em;
    height: 1.2em;
    background: #333333;
    border-radius: 50%;
    transform: translate(-0.3em, -1.4em);
}

.stick .arm {
    width: 0.4em;
    height: 1.4em;
    top: 0.1em;
    left: 0.1em;
}

.stick .arm .bottom {
    width: 0.4em;
    height: 1.2em;
    bottom: -1em;
}

.stick .leg {
    width: 0.4em;
    height: 2em;
    bottom: -1.9em;
    left: 0.1em;
}

.stick .leg .bottom {
    width: 0.4em;
    height: 1.5em;
    bottom: -1.3em;
}


.arm.left {
    animation: run 0.8s linear infinite;
}

.arm.left .bottom {
    animation: arm-bottom 0.4s linear infinite;
}

.arm.right {
    animation: run 0.8s linear infinite 0.4s;
}

.arm.right .bottom {
    animation: arm-bottom 0.4s linear infinite 0.4s;
}

.leg.left {
    animation: run 0.4s linear infinite;
}

.leg.left .bottom {
    animation: leg-bottom 0.4s linear infinite;
}

.leg.right {
    animation: run 0.4s linear infinite 0.2s;
}

.leg.right .bottom {
    animation: leg-bottom 0.4s linear infinite 0.2s;
}


@keyframes move-background {
    0% {
        width: 0;
    }

    14% {
        width: 14vw;
    }

    29% {
        width: 29vw;
    }

    43% {
        width: 43vw;
    }

    60% {
        width: 60vw;
    }

    75% {
        width: 75vw;
    }

    100% {
        width: 100vw;
    }

}

@keyframes move {
    0% {
        transform: translateX(0);
    }

    14% {
        transform: translateX(14vw);
    }

    29% {
        transform: translateX(29vw);
    }

    43% {
        transform: translateX(43vw);
    }

    60% {
        transform: translateX(60vw);
    }

    75% {
        transform: translateX(75vw);
    }

    100% {
        transform: translateX(98vw);
    }

}

@keyframes opacity {
    0% {
        opacity: 0;
    }

    15% {
        opacity: 100%;
    }

    75% {
        opacity: 100%;
    }

    94% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@media (min-width:2000px) {
    @keyframes move-background {
        0% {
            width: 0;
        }

        14% {
            width: 266px;
        }

        29% {
            width: 551px;
        }

        43% {
            width: 817px;
        }

        60% {
            width: 1140px;
        }

        75% {
            width: 1425px;
        }

        100% {
            width: 1900px;
        }

    }

    @keyframes move {
        0% {
            transform: translateX(0);
        }

        14% {
            transform: translateX(266px);
        }

        29% {
            transform: translateX(551px);
        }

        43% {
            transform: translateX(817px);
        }

        60% {
            transform: translateX(1140px);
        }

        75% {
            transform: translateX(1425px);
        }

        100% {
            transform: translateX(1900px);
        }

    }

    @keyframes opacity {
        0% {
            opacity: 0;
        }

        15% {
            opacity: 100%;
        }

        75% {
            opacity: 100%;
        }

        90% {
            opacity: 100%;
        }

        100% {
            opacity: 0;
        }
    }
}


@keyframes elem {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-640px);
    }
}

@keyframes stick {

    0%,
    100% {
        transform: translateX(0px);
    }

    30% {
        transform: translateX(0);
    }

    70% {
        transform: translateX(100%);
    }
}

@keyframes run {

    0%,
    50%,
    100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(60deg);
    }

    75% {
        transform: rotate(-60deg);
    }
}

@keyframes arm-bottom {

    0%,
    100% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-90deg);
    }
}

@keyframes leg-bottom {

    0%,
    100% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(120deg);
    }
}

/* END - JAK ODZYSKAĆ */

#vindications_filter input {
    min-width: 300px;
}

@media (max-width:1220px) {
    #vindications_filter input {
        min-width: 240px;
    }
}

.send-remind {
    position: relative;
}

.small-txt {
    display: inline-block;
    line-height: 15px;
}

.send-remind .text {
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    font-size: 10px;
    width: 565px;
    background: #fff;
    padding: 13px;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    z-index: 1;
    text-align: left;
}

.send-remind:hover .text {
    display: block;
}

.send-remind .text::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
    position: absolute;
    top: -5px;
    right: 20px;
}

.send-remind .text .title {
    padding-bottom: 5px !important;
    font-size: 1.3em !important;
}

.send-remind .text .contents {
    font-size: 11px !important;
    padding: 0 !important;
    color: #5a5a5a;
}

.wyslij-przypomnienie .btn {
    color: #000;
    padding: 1rem 2.2rem 1rem 3.6rem;
    border-radius: 100px;
    border: 1px solid #fb441a;
}

.wyslij-przypomnienie .btn.green {
    border: 1px solid #20c71d;
}

.wyslij-przypomnienie .btn.green::before {
    color: #20c71d;
}

.wyslij-przypomnienie .btn::before {
    content: "!";
    display: inline-block;
    font-weight: bold;
    font-size: 30px;
    position: absolute;
    top: 0;
    left: 20px;
    color: #fb441a;
}

.wyslij-przypomnienie .btn:hover {
    border: 1px solid #000;
    color: #fff;
    background: #000;
}

.wyslij-przypomnienie .btn:hover::before {
    color: #fff;
}

.wyslij-przypomnienie .btn.green:hover {
    border: 1px solid #20c71d;
    background: transparent;
    color: #000;
    text-decoration: none;
    cursor: no-drop;
}

.wyslij-przypomnienie .btn.green:hover::before {
    color: #20c71d;
    color: #20c71d;
}

.h2.green,
.h3.green {
    color: #099d06;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

body.modal-open {
    padding-right: 0px !important;
}

.blue-txt {
    color: #0066ff;
}

.w-15 {
    width: 15%;
}

.col-lg-48 {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
}

.hide {
    display: none !important;
}

.mlr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.no-pad {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.red {
    color: #e52929 !important;
}

.orange {
    color: #fb441a !important;
}

.green {
    color: #1fb81c !important;
}

.black {
    color: #000 !important;
}

.bg-secondary {
    background-color: #e4e4e4 !important;
}


.pricing-card-title span {
    font-size: 17px;
}

.pricing-card-title {
    padding-bottom: 0px ! important;
}

.card-body .promocja {
    padding: 7px 0 5px 0 !important;
    margin: 0 auto 10px auto;
    color: #fff;
    background: #ff3b3b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px !important;
    max-width: 150px;
}

.card-body .promocja span {
    text-decoration: line-through;
    font-size: 20px;
    margin-left: 6px;
}

button:active,
button:focus {
    border: 0px !important;
    outline: 0px !important;
}

#sign-in-form.password-error h4::after {
    content: "Błąd logowania, błędny login lub hasło.";
    display: block;
    width: 100%;
    color: #ff2626;
    font-size: 17px;
    font-weight: 300
}

.calendar-pay-dead .form-row{
	position:relative !important;
	}
.calendar-pay-dead .form-row input{
	width: 223px;
	left: -243px;
	position: absolute;
	top:-4px;
	}
.calendar-pay-dead .form-row .date-label{
	right: 38px;
	top:6px;
	}
.calendar-pay-dead div.date.payment_date.active label::before {
	padding-right:5px;
}

.btn.focus,
.btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0);
}

.btn-lg {
    width: 70%;
    max-width: 200px;
}

.btn-desktop br {
    display: none;
}

@media (max-width:1560px) {
    .btn-desktop br {
        display: initial;
    }
}


.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #fb441a;
    border-color: #fb441a;
}

.btn-primary.white {
    background: #fff;
    color: #000;
}

.btn-primary.white:hover {
    color: #fff;
}

.btn-primary.black {
    background: #000;
    color: #fff !important;
}

.btn-primary.black:hover {
    background: #fb441a;
}

.btn-primary.green {
    background: #20c71d;
	color:#fff !important;
}


.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0);
}

.btn-link {
    padding: 1rem 0rem 1rem 0rem;
    font-size: 1.3rem;
    color: #000;
}

.btn-link:hover {
    color: #fb441a;
}

.btn-link.add {
    position: relative;
    padding-left: 20px;
    font-size: 19px;
}

.btn-link.add::before {
    font-weight: 900;
    color: #fb441a;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    font-size: 30px;
    position: absolute;
    left: 0;
    top: 1px;
}

.btn-link.add:hover::before {
    transform: scale(1.4);
    color: #000;
}

.mobile-menu {
    display: none !important;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.mobile-menu .burger {
    display: block;
    width: 24px;
    height: 24px;
    background: url(/assets/img/menu_windykacja-online.png) center no-repeat;
    margin: -5px 0 0px -4px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.mobile-menu:hover {
    background: #fb441a;
}

.mobile-menu:hover .burger {
    filter: grayscale(1) contrast(5);
}

.img-google {
    height: auto;
}

img {
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

a {
    color: #fb441a;
}

a:hover {
    color: #000;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-top {
    margin-top: -119px !important
}


section {
    padding-bottom: 10rem;
}

section.default {
    font-size: 10px;
    color: #767676;
    max-width: 95%;
    margin: 5em auto 0em;
    padding-bottom: 5em;
    position: relative;
    z-index: 10;
}


section.default p {
    color: #656565;
    font-size: 2.5em;
}


html {
    font-size: 10px;
    overflow-x: hidden;
}

body {
    font-family: 'kelsonsans-normal';
    background: #f5f5f5;
    color: #767676;
    overflow-x: hidden;
    padding-top: 127px;
}

p {
    font-size: 1.5rem;
}

a {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.container {
    max-width: 1900px;
}

.btn-primary {
    position: relative;
    border-radius: 0px;
    border: 0px;
    font-size: 1.3rem;
    padding: 1rem 2.2rem 1rem 2.2rem;
    border-radius: 100px;
    background: #fb441a;
    white-space: nowrap;
}

.btn-primary::before {}

.btn-primary:hover::before {}

.btn-primary:hover {
    border: 0px;
    background: #000;
}





/* LOADER */
@keyframes shape-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.shape-loading div {
    box-sizing: border-box !important
}

.shape-loading>div {
    position: absolute;
    width: 144px;
    height: 144px;
    top: 28px;
    left: 28px;
    border-radius: 50%;
    border: 16px solid #000;
    border-color: #fb441a transparent #fb441a transparent;
    animation: shape-loading 1.282051282051282s linear infinite;
}

.shape-loading>div:nth-child(2) {
    border-color: transparent
}

.shape-loading>div:nth-child(2) div {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
}

.shape-loading>div:nth-child(2) div:before,
.shape-loading>div:nth-child(2) div:after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: -16px;
    left: 48px;
    background: #fb441a;
    border-radius: 50%;
    box-shadow: 0 128px 0 0 #fb441a;
}

.shape-loading>div:nth-child(2) div:after {
    left: -16px;
    top: 48px;
    box-shadow: 128px 0 0 0 #fb441a;
}

.loading {
    width: 200px;
    height: 200px;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.loading .txt {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
}

.shape-loading {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
    /* see note above */
}

.shape-loading div {
    box-sizing: content-box;
}


.pointer {
    cursor: pointer;
}

.font-15px {
    font-size: 15px;
}

.font-13px {
    font-size: 13px;
}

/* FORMS */
select {
    -moz-appearance: none !important;
}

textarea[name="my_data[company_name]"],
textarea[name="debtor_data[company_name]"] {
    resize: none;
    overflow-y: hidden;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    min-height: 45px;
}

.multiselect {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 20px !important;
    padding: 8px 15px !important;
    font-size: 14px !important;
    color: #000 !important;
    outline: 0px !important;
    border: 2px solid #e0e0e0 !important;
    height: 45px;
    background: #fff;
}

.multiselect-container {
    max-height: 305px !important;
    margin-left: 0px !important;
}

.multiselect-container.dropdown-menu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 69px;
    background: #f5f5f5;
}

.multiselect-container.dropdown-menu.show {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.multiselect-container {}

.multiselect-container li {}

.multiselect-container li.active a label {
    color: #fff;
    background: #fb441a;
}

.multiselect-container li a {
    padding: 0;
}

.multiselect-container li a label {
    padding: 10px 15px;
    margin: 0px;
    width: 100%;
}

.multiselect-container li.multiselect-item {
    float: left;
    margin: 6px 0 14px;
    width: auto !important;
}

.multiselect-container li.multiselect-item a {
    width: auto;
}

.multiselect-container li.multiselect-item.active {
    background: transparent
}

.multiselect-container li.multiselect-item label {
    width: auto;
    position: relative;
    border-radius: 0px;
    border: 0px;
    font-size: 1.3rem;
    padding: 1rem 2.2rem 1rem 2.2rem;
    border-radius: 100px;
    background-color: #e6e6e6;
    color: #000;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.multiselect-container li.multiselect-item label:hover {
    background: #fb441a;
    color: #fff;
}

.multiselect-container li.filter {
    margin: 6px 0 0 10px;
    width: auto;
}

.form-control {
    min-height: 45px !important;
    height: initial !important;
}

.form-control:focus {
    border-color: #fb441a !important;
    box-shadow: 0 0 0 0.2rem hsl(11 97% 54% / 0.25);
}

.new-vindication .form-row div[class^="col"],
.new-vindication .form-row div [class*=" col"],
.new-vindication .form-row div[class^="col-"],
.new-vindication .form-row div [class*=" col-"] {
    margin-bottom: 10px;
}

.new-vindication .form-control {
    height: 45px !important;
    overflow-y: hidden;
}

.form-control.check5 {
    height: 105px !important;
}


.uploadifive-button {
    background-color: gray;
    color: rgb(255, 255, 255);
    line-height: 1.0;
    border-radius: 40px;
    cursor: pointer;
}

.vindication-isFinished {
    background-color: gray;
    opacity: 0.35;
}

.vindication .block.my-vindication ul li {
    width: auto;
}

.vindication .my-vindication ul {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.vindication .my-vindication ul li {
    position: relative !important;
    padding-left: 60px !important;
}

/* 
.vindication .my-vindication ul li::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 6px;
    width: 50px;
    height: 50px;
    z-index: 2;
} */

/* .vindication .my-vindication ul li::after {
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    background: #adadad;
    left: -4px;
    top: 0;
    border-radius: 100%;
} */

.before-icons-circle {
    position: relative;
    width: 55px;
    height: 55px;

    /* dla popupa */
    /* margin: 15px auto; */
}

.before-icons-circle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    z-index: 2;
}

.before-icons-circle::after {
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    background: #adadad;
    left: 0px;
    top: 0;
    border-radius: 100%;
}

.before-icon-jdg.before-icons-circle::before {
    background: url(/assets/img/jednoosobowa_dzialalnosc_gospodarcza_windykacja-online.png) center no-repeat;

}

.before-icon-spolka.before-icons-circle::before {
    background: url(/assets/img/spolka_z_ograniczona_odpowiedzialnoscia_windykacja-online.png) center no-repeat;

}


.vindication .my-vindication .before-icons-circle::before {
    top: 0px;
}

.before-icons-circle.before-icon-oplata::before {
    background: url(/assets/img/oplata_windykacja-online.png) center no-repeat;
    top: 6px !important
}

.before-icons-circle.before-icon-status::before {
    background: url(/assets/img/status_windykacja-online.png) center no-repeat;
    top: 2px;
}

.before-icons-circle.before-icon-bank::before {
    background: url(/assets/img/numer_konta_bankowego_windykacja-online.png) center no-repeat;
    top: 2px;
}

.before-icons-circle.before-icon-dlug::before {
    background: url(/assets/img/dlug_windykacja-online.png) center no-repeat;
    top: 2px;
}

.before-icons-circle.before-icon-odzyskano::before {
    background: url(/assets/img/odzyskano_windykacja-online.png) center no-repeat;
    top: 2px;
}

.before-icons-circle.before-icon-kancelaria::before {
    background: url(/assets/img/kancelaria_windykacja-online.png) center no-repeat;
    top: 2px;
}

.before-icons-circle.before-icon-data::before {
    background: url(/assets/img/data_utworzenia_windykacja-online.png) center no-repeat;
    top: 2px;
}

.vindication .my-vindication ul li:nth-of-type(7) {
    padding-left: 0px !important;
}

.vindication .my-vindication ul li:nth-of-type(7)::before,
.vindication .my-vindication ul li:nth-of-type(7)::after {
    display: none !important;
}

.vindication .my-vindication ul li .btn {
    padding-left: 60px;
    padding-right: 60px;
    display: block;
}


.dashboard.vindication .queue .uploadifive-queue-item>div {
    position: relative;
    padding-bottom: 11px;
    padding-top: 0px;
    border-bottom: 1px solid #dee2e6;
    width: 100%;
    display: inline-block;
}

.dashboard.vindication .queue .uploadifive-queue-item>div:nth-last-of-type(2) {
    /* border-bottom: 0px; */
}

.dashboard.vindication .queue .uploadifive-queue-item .close {
    position: absolute;
    right: 0;
    top: 0;
}

.dashboard.vindication #messages thead,
.dashboard.vindication #messages th,
.dashboard.vindication #messages tbody,
.dashboard.vindication #messages tr,
.dashboard.vindication #messages td {
    display: block;
    width: 100%;
}

.dashboard.vindication #messages tbody {
    margin-bottom: 15px;
}

.dashboard.vindication #message {
    margin-top: 0px !important;
}

body div .gray {
    background-color: #e6e6e6;
    color: #000 !important;
}

body table .gray {
    background-color: #d4d4d4;
    color: #000 !important;
}

body .gray:hover {
    color: #fff !important;
}

select {
    -webkit-appearance: menulist-button;
}

select option {
    font-family: 'kelsonsans-normal';
    color: #000 !important;
}

select:invalid {
    color: #000 !important;
}

select.form-control {
    color: #a7a4a4 !important;
}

div.color-black {
    color: #000 !important;
}

select.form-control.color-black {
    color: #000 !important;
    margin-bottom: 0px !important;
}

.custom-file input {
    cursor: pointer !important;
}

.custom-file:focus {
    outline: 0px;
    border: 0px;
}

.custom-file-input:focus~.custom-file-label {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    border-color: #e5e5e5 !important;
}

.custom-file:hover label::after {
    background: #000;
}

.custom-file .custom-file-label {
    border: 1px solid #e5e5e5;
    border-radius: 100px;
    height: 42px;
    line-height: 32px;
    padding-left: 20px;
    text-align: left;
}

.custom-file .custom-file-label::after {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    background-color: #fb441a;
    color: #fff;
    font-size: 1.3rem;
    border-radius: 100px;
    height: 40px;
    line-height: 32px;
}



/* RADIO INPUTS */
label.radio {
    position: relative;
    padding-left: 27px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 5px;
    margin-top: 10px;
}

label.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/*.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #e0e0e0;
  border-radius: 50%;
} */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #e0e0e0;
    border-radius: 50%;
}

table .checkmark {
    top: -14px;
}

table a {
    display: inline-block;
    width: 100%;
}

label.radio:hover input~.checkmark {
    background-color: #ccc;
}

/*label.radio input:checked ~ .checkmark {
  background-color: #fb441a;
} */

label.radio input:checked~.checkmark {}

/*label.radio .checkmark:after {
  content: "";
  position: absolute;
  display: block !important;
  top: 4px !important;
  left: 4px !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50%;
  background: white;
}*/

label.radio .checkmark:after {
    content: "";
    position: absolute;
    display: block !important;
    top: 4px !important;
    left: 4px !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    background: white;
}

label.radio input:checked~.checkmark:after {
    display: block;
}

/*label.radio input:checked ~ .checkmark:before{
    content: "";
    position: absolute;
    display: block !important;
    top: -9px !important;
    left: -4px !important;
    width: 28px !important;
    height: 28px !important;
    background: url(/assets/img/ico-check.png) center no-repeat;
    z-index: 1;
}*/

label.radio input:checked~.checkmark:before {
    content: "";
    position: absolute;
    display: block !important;
    top: -5px !important;
    left: -2px !important;
    width: 28px !important;
    height: 28px !important;
    background: url(/assets/img/znacznik_wyboru_windykacja-online.png) center no-repeat;
    z-index: 1;
}


label.radio .checkmark:after {}

/* CHECKBOX INPUT */
label.checkbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


label.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

label.checkbox .checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 26px;
    width: 26px;
    background-color: #fff;
    border: 4px solid #e0e0e0;
}

label.checkbox:hover input~.checkmark {
    background-color: #ccc;
}

label.checkbox input:checked~.checkmark {
    background-color: #00b900;
    border: 0px;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

label.checkbox input:checked~.checkmark:after {
    content: "";
    position: absolute;
    display: block !important;
    top: -1px !important;
    left: 0 !important;
    width: 28px !important;
    height: 28px !important;
    background: url(/assets/img/znacznik_wyboru_windykacja-online.png) center no-repeat;
    z-index: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 0;
}

label.checkbox .checkmark:after {
    left: 10px;
    top: 6px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* CALLENDAR */
#ui-datepicker-div {
    display: none;
}

div.date {
    position: relative;
}

div.date.active label::before {
    content: "";
    position: absolute;
    top: 1px;
    font-size: 11px;
    right: 29px;
    color: #000000;
    width: 90px;
}

div.date.active label::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 127px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #fb441a;
}

div.date.issue_date.active label::before {
    content: "DATA WYSTAWIENIA";
}

div.date.payment_date.active label::before {
    content: "TERMIN PŁATNOŚCI";
}

div.date input {
    cursor: pointer;
}

div.date .date-label {
    content: "";
    background: url(/assets/img/kalendarz_windykacja-online.png) no-repeat center;
    width: 30px;
    height: 24px;
    position: absolute;
    right: 16px;
    background-size: contain;
    top: 9px;
}

div.date .date-label.hide-arrow::after {
    display: none !important;
}

div.date:hover .date-label {
    background: url(/assets/img/kalendarz_po_najechaniu_windykacja-online.png) no-repeat center;
    width: 30px;
    height: 24px;
    background-size: contain;
}

#ui-datepicker-div {
    width: 100%;
    max-width: 315px;
    background: #fff;
    padding: 20px;
    border: 1px solid #fb441a;
    border-radius: 25px;
    z-index: 9999 !important;
}

#ui-datepicker-div .ui-datepicker-header {}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    font-size: 12px;
    float: left;
    cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span {}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    font-size: 13px;
    float: right;
    cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover {
    color: #fb441a;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
    display: block;
    width: 100%;
    float: left;
    background: #ececec;
    margin: 10px 0;
    padding: 10px 0;
    text-align: center;
    color: #fb441a;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 14px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {}

#ui-datepicker-div .ui-datepicker-calendar {}

#ui-datepicker-div .ui-datepicker-calendar thead {}

#ui-datepicker-div .ui-datepicker-calendar thead tr {}

#ui-datepicker-div .ui-datepicker-calendar thead tr th {
    text-align: center;
    padding: 10px 0;
    border: 1px solid #e2e2e2;
    border-top: 0px;
}

#ui-datepicker-div .ui-datepicker-calendar thead tr th:last-of-type {
    border-right: 0px;
}

#ui-datepicker-div .ui-datepicker-calendar thead tr th:first-of-type {
    border-left: 0px;
}

#ui-datepicker-div .ui-datepicker-calendar thead tr th span {}

#ui-datepicker-div .ui-datepicker-calendar thead tr th.week-end {}

#ui-datepicker-div .ui-datepicker-calendar thead tr th.week-end span {}

#ui-datepicker-div .ui-datepicker-calendar tbody {}

#ui-datepicker-div .ui-datepicker-calendar tbody tr {
    border-top: 1px solid #eaeaea;
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-state-disabled {
    background: #f1f1f1;
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td {
    text-align: center;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td a {
    width: 100%;
    display: block;
    padding: 3px 0;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td a:hover {
    background: #000;
    color: #fff;
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-week-end {}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-week-end a {}



textarea,
input[type="email"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="date"],
select {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 20px !important;
    padding: 8px 15px !important;
    font-size: 14px !important;
    color: #000 !important;
    outline: 0px !important;
    border: 2px solid #e0e0e0 !important;
    height: 45px;
}

textarea::placeholder,
input[type="email"]::placeholder,
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="date"]::placeholder,
select::placeholder {
    color: #a7a4a4 !important;
}


textarea {
    padding: 12px 15px !important;
}

input[type="submit"] {
    background-color: #fb441a;
    color: rgb(255, 255, 255);
    line-height: 1.5;
    line-width: 1.5;
    font-size: 15px;
    border-radius: 40px;
    border: 0px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

input[type="submit"]:hover {
    background: #000;
}

textarea {}

textarea::placeholder,
input[type="email"]::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder {
    font-size: 13px;
}

input[type="email"] {}

input[type="text"] {}

label {
    font-size: 12px;
    cursor: pointer;
}

.gus-button {
    position: relative;
}

.gus-button button {
    position: absolute;
    top: 5px;
    right: 10px;
    line-height: 11px;
    border-radius: 20px !important;
    padding: 12px;
    background: #e2e2e2;
    color: #929191;
    font-weight: 900;
    letter-spacing: 0.9px;
}

.gus-button button:hover {
    background: #fb441a;
    color: #fff;
}



/* ERRORS */
.form-error-position {
    position: relative;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

.form-error p {
    cursor: default;
    width: 0;
    height: 0;
    background: #000000;
    color: #fff !important;
    position: absolute;
    top: initial;
    right: 0;
    padding: 0px 0px !important;
    border-radius: 7px;
    opacity: 0;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    z-index: -1;
    overflow: hidden;
}

.form-error.left p {
    right: initial;
    left: 0;
}

.form-error p::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    right: 5px;
    bottom: -5px;
}

.form-error:hover p {
    height: initial;
    background: #000000;
    color: #fff !important;
    bottom: 15px;
    right: 0;
    z-index: 1;
    width: initial;
    min-width: 210px;
    opacity: 1;
    padding: 5px 5px !important;
}

.form-error-position .form-error::before {
    content: '';
    position: absolute;
    right: 1.8em;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #fb441a;
    top: 0.5em;
}

#debtor_data>div.form-row:last-of-type>div:last-of-type {
    width: 100% !important;
}

.form-error-position #error-debtor_data-phone-or-email {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -43px;
    max-width: 1.6em;
}

.form-error-position #error-debtor_data-phone-or-email::before {
    content: '';
    position: absolute;
    left: -8px;
    right: 0;
    width: 38px;
    height: 13px;
    top: 5px;
    background: url(/assets/img/numer_telefonu_lub_adres_email_windykacja-online.png) no-repeat;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
    background-size: contain;
}

#error-debt-0-documents-status {
    top: 64px;
    left: 130px;
    right: initial;
}

.form-error-position #error-debtor_data-email,
.form-error-position #error-debtor_data-nrb,
.form-error-position #error-debtor_data-email::before,
.form-error-position #error-debtor_data-email::after {
    display: none;
}

.form-error-position .form-error {
    position: absolute;
    right: 0em;
    background: #fb441a;
    top: 0.9em;
    color: #fff;
    z-index: -1;
    font-size: 13px;
    text-align: center;
    line-height: 1.2em;
    padding: 0em !important;
    border-radius: 0px;
    min-width: 0em;
    min-height: 1.6em;
    height: 0;
    width: 0;
    opacity: 0;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.form-error-position.show .form-error {
    position: absolute;
    right: 0em;
    background: #fb441a;
    top: 0.9em;
    color: #fff;
    z-index: 1;
    font-size: 13px;
    text-align: center;
    line-height: 1.2em;
    padding: 0.2em !important;
    border-radius: 10px;
    min-width: 0em;
    min-height: 0em;
    height: 0;
    width: 0;
    opacity: 0;
    opacity: 1;
    min-width: 1.6em;
    min-height: 1.6em;
    height: initial;
    width: initial;
}

.form-error-position.show #error-summary-check-1,
.form-error-position.show #error-summary-check-2,
.form-error-position.show #error-summary-check-3,
.form-error-position.show #error-summary-check-4,
.form-error-position #error-summary-check-1,
.form-error-position #error-summary-check-2,
.form-error-position #error-summary-check-3,
.form-error-position #error-summary-check-4 {
    left: -36px;
    right: initial;
    top: 0;
}

#error-summary-check-1::before,
#error-summary-check-2::before,
#error-summary-check-3::before,
#error-summary-check-4::before {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fb441a;
    border-right: 0px !important;
    right: -8px;
}

.form-error-position.button-form .form-error {
    right: initial;
    left: 142px;
}

.form-error-position .form-error::after {
    position: absolute;
    right: 7px;
    top: 2px;
}


.gus-button.form-error-position.show button {
    right: 33px;
}

.icon.form-error-position .date-label {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.icon.form-error-position.show .date-label {
    right: 30px;
}

.gus-button button {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}


.form-error-position-text {}

.form-error-position-text .form-error-text {
    display: none;
}

.toast.toast-error {
    position: fixed;
    top: 127px;
    right: 0;
    background: #fb441a;
    color: #fff;
    padding: 20px;
    z-index: 10;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}


#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    font-size: 18px !important;
    -webkit-border-bottom-left-radius: 40px !important;
    -moz-border-radius-bottomleft: 40px !important;
    border-bottom-left-radius: 40px !important;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 0 #fff !important;
    -webkit-box-shadow: 0 0 0 #fff !important;
    box-shadow: 0 0 0 #fff !important;
    color: #FFFFFF;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

body.logged .toast.toast-error {
    top: 65px;
}

body.logged a#dropdownSubMenu1+ul[aria-labelledby="dropdownSubMenu1"] {
    width: 200px !important;
    left: -80px !important;
    transform: translate3d(0, 0, 0) !important;
    top: 59px !important;
}

body.logged .sidebar.fixed a#dropdownSubMenu1+ul[aria-labelledby="dropdownSubMenu1"] {
    top: 48px !important;
}

body.logged a#dropdownSubMenu1+ul[aria-labelledby="dropdownSubMenu1"] li a {
    border-radius: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-bottom: 0px !important;
    font-size: 13px;
}

body.sidebar-fixed.logged .toast.toast-error {
    top: 45px;
}

body.sidebar-fixed .toast.toast-error {
    top: 51px;
}

.error-dodaj-fakture {
	right: 0 !important;
    left: initial !important;
	border:1px solid #fff !important;
}

@media (max-width: 1560px) {
	.error-dodaj-fakture {
		right: initial !important;
		left: 173px !important;
		border: 1px solid #fff !important;
		top: 17px;
	}
}

@media (min-width: 1800px) {
	.dodaj-fakture {
		width:calc(100% - 32px);
	}
	
	.error-dodaj-fakture {
		top:9px;
	}
}

.sign-in .error {
    text-align: center;
    font-size: 20px;
    /* position: absolute; */
    left: 0;
    right: 0;
    margin-top: 30px;
    margin-bottom: 30px;

}

.sign-in section.default,
.sign-up section.default {
    margin-top: 1em;
}

/* SIGN UP */
.sign-up .error {
    text-align: center;
    font-size: 20px;
    /* position: absolute; */
    left: 0;
    right: 0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.form-error.left {
    left: -30px;
    right: initial !important;
    top: 0 !important;
}

.form-error.left::before {
    border-right: initial;
    border-left: 5px solid #fb441a;
    right: initial;
    left: 1.8em;
}

/* END ERRORS */


/* FOOT SECTION */
section.foot-section {}

section.foot-section p {
    color: #656565;
    font-size: 13px !important;
}

section.foot-section p a {
    color: #fff;
}

section.foot-section p a:hover {
    color: #e72f2f;
}

section.foot-section .images {
    padding-right: 5rem;
}

section.foot-section .images img {}

section.foot-section .images img:nth-of-type(1) {
    float: right;
    max-width: 70%;
}

section.foot-section .images img:nth-of-type(2) {
    max-width: 40%;
    position: absolute;
    z-index: 1;
    bottom: -110px;
}

section.foot-section .images .phone {
    position: absolute;
    background: #ef2d2d;
    color: #fff;
    z-index: 1;
    padding: 0.8em 3.1em 0.2em 5.1em;
    font-size: 1.2em;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 250px;
}

section.foot-section .images .phone span {
    top: 25px;
}

section.foot-section .images .phone p {}

section.foot-section .images .phone strong {}

section.foot-section ul li span[class^=" bg-"],
section.foot-section span[class*="bg-"] {
    float: left;
    zoom: 0.6;
    margin: 0px 30px;
    display: block;
    clear: both;
    position: relative;
    top: 9px;
    line-height: 100px;
    margin-left: 0px;
}

section.foot-section ul li {
    line-height: 2em;
    font-size: 1.8em;
    margin-bottom: 12px;
}

.foot-gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.foot-gallery a {
    border-radius: 20px;
    overflow: hidden;
    padding: 0px;
    margin: 0 15px;
}

.foot-gallery a::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 0%;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.foot-gallery a:hover::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 52%);
    opacity: 1;
}

.foot-gallery a::after {
    content: "";
    position: absolute;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    opacity: 0;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    display: block;
    width: 30px;
    height: 30px;
    background: url(/assets/img/powiekszenie_windykacja-online.png) no-repeat center;
    background-size: contain;
}

.foot-gallery a:hover::after {
    opacity: 1;
    font-size: 30px;
    top: calc(50% - 15px);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.foot-gallery img {}

/* END FOOT SECTION */


/* POPUP */
#suggestion_error {
    font-size: 13px;
}

#suggestionModalButton {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 11;
    background: #fb441a;
    width: 70px;
    height: 70px;
    -webkit-border-top-left-radius: 100px;
    -moz-border-radius-topleft: 100px;
    border-top-left-radius: 100px;
    border: 0px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

#suggestionModalButton:hover {
    background: #000;
}

#suggestionModalButton.active {
    background: #631807;
}

#suggestionModalButton.active:hover {
    background: #000;
}

#suggestionModalButton span {
    position: absolute;
    left: -130px;
    width: 127px;
    text-transform: uppercase;
    letter-spacing: 0px;
    color: #000;
    bottom: 5px;
    font-size: 15px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    transform: scale(1);
}

#suggestionModalButton.active span {
    color: #fff;
}

#suggestionModalButton:hover span {
    transform: scale(1.3);
    left: -150px;
}

#suggestionModalButton::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    right: 4px;
    background: url(/assets/img/uwaga_windykacja-online.png) no-repeat;
    z-index: 99999;
    top: 17px;
}

#suggestion-step-2,
#vindication-ticket-step-2 {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 0.6);
    top: 0;
    left: 0;
    z-index: 1;
}

#suggestion-step-2 img,
#vindication-ticket-step-2 img {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    top: calc(50% - 32px);
}

#suggestion-step-2 p,
#vindication-ticket-step-2 p {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    top: calc(50% - -48px);
}

.popup textarea {
    min-height: 200px !important;
    resize: none;
}

.popup label {
    font-size: 12px;
}

.popup {
    width: 0%;
    height: 0%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
    overflow: hidden;
    -webkit-transition: ease-in-out 0.7s;
    -moz-transition: ease-in-out 0.7;
    -o-transition: ease-in-out 0.7;
    transition: ease-in-out 0.7;
    opacity: 0;
}

@media (max-height:864px) {
    .popup>.container>.row {
        max-height: 610px;
        box-sizing: border-box;
        overflow-y: scroll;
    }

    .popup>.container>.row .tox-tinymce {
        max-height: 240px;
    }
}

.popup.active {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.popup::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0.0);
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

.popup.active::before {
    content: "";
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.popup::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.0);
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

.popup.active::after {
    content: "";
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.popup.suggestion .container {
    width: 600px;
    min-height: 370px;
}

.popup.send-message .container {
    width: 80%;
    min-height: 370px;
}

.popup.authorization-to-advice .container {
    width: 600px;
    min-height: 370px;
}

.popup.vindication-ticket .container {
    max-width: 650px;
    min-height: 470px;
}

.popup .container {
    position: absolute;
    width: calc(100% - 50px);
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    right: 0;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
    -webkit-border-radius: 50px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 50px;
    -moz-border-radius-topright: 0;
    border-radius: 50px;
    border-top-right-radius: 0;
    z-index: 1;
}

.popup.vindication-record-payment .container {
    max-width: 860px;
}

.popup.vindication-records-payments .container {
    max-width: 860px;
}


.popup .col {}

.popup .row {
    height: 100%;
}

.popup .close,
.modal-header .close {
    cursor: pointer;
    position: absolute;
    top: -7px;
    right: -10px;
    opacity: 1;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

.popup .close:hover,
.modal-header .close:hover {
    opacity: 1 !important;
}

.popup .close span,
.modal-header .close span {
    position: relative;
    z-index: 1;
    padding: 6px 10px;
    color: #fff;
    text-shadow: 0 0px 0 #fff;
    display: block;
    font-weight: 100;
}

.popup .close::before,
.modal-header .close::before {
    content: "";
    position: absolute;
    background: #fb441a;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

#suggestion-step-1 .close,
#vindication-ticket-step-1 .close {
    position: relative;
    top: -2px;
    right: 0px;
}

#suggestion-step-1 .close::before,
#vindication-ticket-step-1 .close::before {
    background: none !important;

}

.close-attachment {}

.popup .close:hover::before,
.modal-header .close:hover::before {
    background: #000;
}


.modal-content {
    padding: 50px;
    -webkit-border-radius: 50px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 50px;
    -moz-border-radius-topright: 0;
    border-radius: 50px;
    border-top-right-radius: 0;
    border: 0px;
}

.modal-dialog {
    max-width: calc(100% - 50px);
}

.modal-header .close {
    margin: 0px;
    padding: 0px;
}


.succes {
    font-size: 22px;
}

/* END POPUP */

/* BUBBLE */
.bubble {
    display: inline-block;
    color: #fff !important;
    background: #000;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    border-radius: 100%;
    margin: 0 5px;
    line-height: 20px;
    font-size: 13px;
    cursor: default;
    position: relative;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    left: 0;
}

.bubble::before,
.bubble::after {
    content: "";
    position: absolute;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    opacity: 0;
    padding: 0px;
    top: 0;
    right: 0;
    width: 0;
    min-width: 0;
    min-height: 0;
    z-index: -1;
    left: 0;
}

table .bubble:hover::before {
    content: attr(bubble_title) "" !important;
    top: -65px;
    white-space: pre;
    left: -24rem;
    text-align: left;
}

.bubble_info.bubble:hover::before {
    content: attr(bubble_title) "" !important;
    top: -65px;
    white-space: pre;
    left: -24rem;
    text-align: left;
}

.bubble_info.bubble.bubble-right:hover::before {
    content: attr(bubble_title) "" !important;
    top: -65px;
    white-space: pre;
    left: 0;
    text-align: left;
    right: -24rem;
}


.bubble:hover {
    background: #fb441a;
}

.bubble:hover::before {
    content: "";
    opacity: 1;
    padding: 10px 20px;
    background: #fb441a;
    position: absolute;
    top: calc(-100% - 5px);
    right: 0;
    border-radius: 6px;
    width: fit-content;
    z-index: 1;
    color: #fff;
}

.bubble:hover::after {
    content: "";
    opacity: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fb441a;
    top: -5px;
    right: 6px;
    z-index: 1;
    left: initial;
}

.bubble.debt-confirmation::before {
    top: -65px;
    white-space: pre;
}

.bubble.debt-confirmation:hover::before {
    min-width: 460px;
}


/* WND BUBBLE */

/* PORADY WINDYKACYJNE */

.porady-img::before {
    content: "";
    width: 100%;
    max-width: 440px;
    height: 664px;
    background: url(/assets/img/porady_windykacyjne_online.webp) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -200px;
}

.porady-img li {
    background: rgb(255 255 255 / 70%);
    padding: 40px;
    border-radius: 40px;
}

.search-en {
    border-bottom: 1px solid #d4d4d4 !important;
    padding-bottom: 10px !important;
}

.search-en input[type="text"] {
    width: 100% !important;
    max-width: 360px !important;
}

.search-en input[type="submit"] {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* END PORADY WINDYKACYJNE */

/* CONTACT */

.img-contact {
    position: absolute;
    bottom: -60px;
    right: 300px;
}

/* END CONTACT */

/* PARALAX SECTION */

section.paralax {
    background-color: #f5eeee;
    padding: 270px 0;
    font-size: 10px;
    position: relative;
    margin-top: -290px;
    overflow: hidden;
}

section.paralax::before {
    content: "";
    width: 160%;
    height: 100%;
    display: block;
    background: #f5f5f5;
    position: absolute;
    top: -60%;
    border-radius: 100%;
    left: -30%;
}

section.paralax::after {
    content: "";
    width: 160%;
    height: 100%;
    display: block;
    background: #f5f5f5;
    position: absolute;
    bottom: -60%;
    border-radius: 100%;
    left: -30%;
    z-index: 0;
}

section.paralax #paralax {
    z-index: 10;
}

section.paralax #paralax .block-left {}

section.paralax #paralax .block-left .layer {
    width: 100%;
    height: 100%;
}

section.paralax #paralax .block-left .layer img {
    display: block;
    margin: 0 auto;
}

section.paralax #paralax .block-left .img1 {}

section.paralax #paralax .block-left .img1 img {
    max-width: 65em;
    image-rendering: auto;
    position: relative;
    right: 10%;
    height: auto;
}

section.paralax #paralax .block-left .img2 {}

section.paralax #paralax .block-left .img2 img {
    max-width: 23em;
    position: absolute;
    bottom: -13em;
    left: calc(1.3vw - 470px);
    right: 0;
    height: auto;
}

section.paralax #paralax .block-left .img3 {}

section.paralax #paralax .block-left .img3 img {
    max-width: 40em;
    position: absolute;
    right: 0;
    margin: 0 auto;
    top: 15em;
    left: calc(60.4vw - 520px);
    height: auto;
}

section.paralax #paralax .block-left .content {
    background: url(/assets/img/tlo_windykacja_online.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 47em;
    height: 40em;
    right: 10%;
    left: initial !important;
    top: 24em !important;
}

section.paralax #paralax .block-left .content h4 {
    font-size: 5em;
    color: #fff;
    font-weight: bold;
    max-width: 5.4em;
    display: block;
    margin: 2.6em auto 0 auto;
    line-height: 0.9em;
}

section.paralax #paralax .block-left .content h4 .big-font {
    font-size: 2.8em;
    float: left;
    margin: 0.2em 0.1em 0 0;
}

section.paralax #paralax .block-left .content p {
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0.4em auto 0 auto;
    max-width: 10.8em;
    font-size: 3.2em;
    line-height: 1.2em;
}

section.paralax #paralax .block-right {
    font-weight: bold;
    color: #000;
    max-height: 28em;
    margin-top: 27em;
}

section.paralax #paralax .block-right h4 {
    font-size: 5.4em;
    font-weight: bold;
}

section.paralax #paralax .block-right p {}

section.paralax #paralax .block-right a {
    margin-top: 1.6em;
    position: relative;
}

section.paralax #paralax .block-right .cont-but {
    position: relative;
}

section.paralax #paralax .block-right .cont-but::before {
    position: absolute;
    color: #000;
    font-size: 35.5em;
    font-weight: bold;
    display: -webkit-box;
    z-index: 0;
    line-height: 0px;
    top: -0.27em;
    left: 0.35em;
}

/* END PARALAX SECTION */

/* ICONS */
[class^="bg-icon_"],
[class*=" bg-icon_"] {
    display: block;
    margin: 0 auto;
}

.bg-icon_1 {
    width: 77px;
    height: 79px;
    background: url('/assets/img/ikony_windykacja-online.webp') -438px -133px;
}

.bg-icon_2 {
    width: 80px;
    height: 79px;
    background: url('/assets/img/ikony_windykacja-online.webp') -442px -232px;
}

.bg-icon_3 {
    width: 73px;
    height: 79px;
    background: url('/assets/img/ikony_windykacja-online.webp') -442px -331px;
}

.bg-icon_4 {
    width: 412px;
    height: 418px;
    background: url('/assets/img/ikony_windykacja-online.webp') -10px -10px;
}

.bg-icon_arrow_left {
    width: 10px;
    height: 16px;
    background: url('/assets/img/ikony_windykacja-online.webp') -71px -448px;
}

.bg-icon_arrow_right {
    width: 10px;
    height: 16px;
    background: url('/assets/img/ikony_windykacja-online.webp') -101px -448px;
}

.bg-icon_arrow_bottom {
    width: 41px;
    height: 34px;
    background: url('/assets/img/ikony_windykacja-online.webp') -10px -448px;
}

.bg-icon_5 {
    width: 81px;
    height: 103px;
    background: url('/assets/img/ikony_windykacja-online.webp') -442px -10px;
}

/* END ICONS */

/* ANIMATION */
@-webkit-keyframes rotating

/* Safari and Chrome */
    {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* END ANIMATION */

/* SIDEBAR */

.sidebar {
    font-size: 10px;
    position: relative;
    z-index: 11;
    margin: 0 auto;
    height: 127px;
    width: 100%;
    position: fixed;
    background: rgb(255 255 255 / 0.75);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    top: 0;
}

.sidebar::before {
    content: "";
    width: calc(100% - 1400px);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.sidebar .container {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    position: relative;
    padding: 2.4em 6em;
    left: 0;
    top: 0;
    width: 100%;
    right: 0;
    max-width: 1900px;
}

body.fixed {
    padding-top: 127px;
}

.sidebar.fixed {
    z-index: 99;
    position: fixed;
    top: 0;
    height: 51px;
    background: rgb(255 255 255 / 0.9);
    -webkit-box-shadow: 0px 3px 24px -2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 3px 24px -2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 24px -2px rgba(0, 0, 0, 0.15);
}


.sidebar.fixed .container {
    padding: 0.4em 2em;
}

.sidebar.fixed {}

.sidebar.fixed nav li.login::before,
.sidebar.fixed nav li.register::before {
    height: 0;
    opacity: 0;
    top: 0;
}

.sidebar.fixed nav li.login,
.sidebar.fixed nav li.register {
    top: 0 !important;
}

.sidebar.fixed nav li a {
    margin: 0px;
    padding: 0.8em 1.7rem 0.8em;
}

.sidebar.fixed nav li a.btn-primary {
    margin: 3px 2em 0.1em 0;
    padding: 0.4em 1.7rem;
}

.sidebar.fixed nav li.logo a {
    width: 17em;
    height: 3.4em;
}

.sidebar nav {
    width: 100%;
}


.sidebar nav ul {}

.sidebar nav li {
    font-size: inherit;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    padding: 0em 0;
    position: relative;
    margin: 0 7px;
}

.sidebar nav li.active a::before {
    content: "";
    position: absolute;
    bottom: 0.5em;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 3px;
    background: #fb441a;
}

body.logged .sidebar nav li.active a::before {
    display: none;
}

body.logged .sidebar nav li.active a {
    background: #fb441a;
    color: #fff;
}

.sidebar nav li.active a.btn-primary {
    background: #000;
}

.sidebar nav li.active a.btn-primary::before {
    display: none;
}

.sidebar nav li.contact {
    border-right: 1px solid #d4d4d4;
    padding-right: 30px;
}


.sidebar nav li.login {
    margin-left: 2em;
    top: 1.2em;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.sidebar nav li.register {
    top: 1.2em;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}



body.logged .sidebar nav li.menu-session {
    top: 0;
    border-right: 2px solid #e5e5e5;
    padding-right: 12px;
    align-items: center;
}

body.logged .sidebar.fixed nav li.menu-session {
    top: -4px;
}

.sidebar nav li.menu-session span {
    color: #000;
    font-size: 14px;
}

.sidebar nav li.menu-session span.session {
    font-size: 10px;
    line-height: 10px;
}

.sidebar nav li.menu-session span#logoutTime {
    font-size: 10px;
    color: #fb441a;
    line-height: 10px;
}

body.logged .sidebar nav li.menu-logout-icon {
    width: auto;
    padding: 0 15px;
}

body.logged .sidebar nav li.menu-logout-icon a.logout {
    padding: 7px !important;
    width: 27px !important;
    height: 25px !important;
    background: #d6cdcd url(/assets/img/wyloguj_sie_windykacja-online.png) center no-repeat;
    display: block;
    top: 3px;
    right: 0;
    border-radius: 13px !important;
    border: 1px solid #e2e2e2;
    background-size: 10px !important;
}

.sidebar nav a.logout span::after {
    position: absolute;
    right: -56px;
    font-size: 9px;
    width: 45px;
    color: #888;
    top: 4px;
    color: #000;
}

.sidebar nav a.logout span::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 4px solid #fb441a;
    right: -35px;
    top: 2px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
}

.sidebar nav a.logout span {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    position: relative;
    position: absolute;
    top: 23px;
    left: -20px;
}

.sidebar nav a.logout:hover span {
    top: 25px;
}

.sidebar nav a.logout:hover span::after {
    color: #fb441a;
}

body.logged .sidebar.fixed nav li.menu-session a.logout {
    top: -11px;
}

.sidebar nav li.menu-logout-icon a.logout:hover {
    background: #ffe5df url(/assets/img/wyloguj_sie_windykacja-online.png) center no-repeat !important;
    border: 1px solid #fb441a !important;
    background-size: 10px !important;
}

body.logged .sidebar.fixed nav li.menu-logout-icon {
    top: -7px;
}

/* menu-notification-icon */

body.logged .sidebar.fixed nav .menu-notification-icon {
    top: 10px;
}



.sidebar nav li:nth-last-of-type(2)::before {}

.sidebar nav li:hover:nth-last-of-type(2)::before {}

.sidebar nav li.logo {
    position: absolute;
    height: 100%;
    top: 0;
    left: 35px;
    text-indent: -99999px;
    border: 0px !important;
    background: transparent;
}

.sidebar nav li.logo:hover {
    background: transparent !important
}

.sidebar #logoutTime {
    width: 58px;
    display: inline-block;
}

.sidebar .dropdown-menu {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 90%;
}

.sidebar .dropdown-menu a {
    padding: 0px 20px;
    width: 100%;
    display: block;
    margin: 0;
}

.sidebar .dropdown-menu a:before {
    display: none
}

.sidebar .dropdown-menu a:hover {
    color: #fb441a;
}


.sidebar nav li.logo a {
    width: 22em;
    height: 5em;
    background: url(/assets/img/windykacja-online.png) center no-repeat !important;
    background-size: contain !important;
    display: block;
    margin: 1.5em auto 0;
    padding: 0px;
    image-rendering: -webkit-optimize-contrast;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.sidebar nav li.logo.admin a {
    background: url(/assets/img/administrator-windykacja-online.png) center no-repeat !important;
    width: 210px !important;
    background-size: contain !important;
    height: 73px;
    right: 10px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.sidebar-fixed nav li.logo.admin {
    top: -10px;
}

.sidebar.fixed nav li.logo a {
    margin: 0.2em auto 0;
}

.sidebar nav li a {
    color: #000;
    font-size: 1.5em;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    padding: 0.9em 1.7rem 1.3em;
    margin: 0.8em 0;
    position: relative;
}

.sidebar nav li.login:hover::before,
.sidebar nav li.register:hover::before {
    filter: grayscale(100%) contrast(4.0);
}

.sidebar.fixed nav li.login,
.sidebar.fixed nav li.register {
    top: 1.5em;
}

.sidebar nav li.login::before {
    content: "";
    width: 27px;
    height: 27px;
    background: url(/assets/img/logowanie_windykacja-online.png);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -6px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    background-size: contain;
    opacity: 1;
}

.sidebar nav li.login.out::before {
    background: url(/assets/img/wylogowanie_windykacja-online.png);
    width: 35px;
}

.sidebar nav li.register::before {
    content: "";
    width: 27px;
    height: 27px;
    background: url(/assets/img/rejestracja_windykacja-online.png);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -6px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    opacity: 1;
}

.sidebar nav li a.btn-primary {
    color: #fff;
    padding: 0.5em 1.7rem;
    margin: 1.1em 2em 1.1em 0;
    border: 1px solid #d0401f;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.sidebar nav li a.btn-primary:hover::before {
    display: none;
}

.sidebar nav li a.btn-primary:hover {
    color: #fff;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
}

.sidebar nav li a:hover {
    color: #000;
}

.sidebar nav li a::before {
    content: "";
    position: absolute;
    bottom: 0.5em;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0%;
    height: 3px;
    background: #fb441a;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.sidebar nav li a:hover::before {
    content: "";
    width: 100%;
    height: 3px;
    background: #fb441a;
}

.sidebar nav li:hover {}

.sidebar .phone {
    right: 1.2em;
    background: #e72f2f;
    color: #fff;
    z-index: 1;
    font-size: 1.9em;
    font-weight: 300;
    padding: 0.3em 2em 0.7em 0em;
    -webkit-border-top-right-radius: 100px;
    -webkit-border-bottom-right-radius: 100px;
    -moz-border-radius-topright: 100px;
    -moz-border-radius-bottomright: 100px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    padding-left: 4em;
    position: inherit;
}

.sidebar .phone:hover {
    background: #e72f2f;
}

.sidebar .phone a {
    position: relative;
    top: 2px;
}

.sidebar .phone p {
    margin: 0px;
    font-size: 1em;
}

.sidebar .phone strong {
    font-size: 0.7em;
    font-weight: 600;
    color: #fff;
}

.sidebar .phone span {}

/* SIDEBAR LEFT */

.sidebar-left {
    border-right: 1px solid #dadada;
}

.sidebar-left ul {}

.sidebar-left ul li {}

.sidebar-left ul li a {}

/* SIDEBAR WHEN LOGGED */

body.logged {
    padding-top: 71px
}

body.logged .sidebar nav li.logo a {
    width: 200px;
}

body.logged .sidebar {
    height: 71px;
    border-bottom: 1px solid #e2e2e2;
}

body.logged .sidebar .container {
    padding-top: 0px;
    padding-bottom: 0px;
}

body.logged .sidebar nav li.logo a {
    margin-top: 0px;
    border: 0;
    background: #f5f5f5;
}

body.logged .sidebar nav li.login {
    top: 20px;
}

body.logged .sidebar nav li.login a {
    margin-bottom: 0;
    margin-top: 12px;
    border: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: transparent !important;
}

body.logged .sidebar nav li.login a:hover {
    color: #000 !important;
}

body.logged .sidebar nav li a {
    margin-bottom: 11px;
    margin-top: 12px;
    border: 1px solid #e2e2e2;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 9px;
    background: #d6cdcd;
    border-radius: 30px;
}

body.logged .sidebar nav li a[href="/zlec-windykacje"] {
    position: relative;
    background: #fb441a url(../img/zlec_windykacje_windykacja-online.png) no-repeat left 15px top 12px;
    color: #fff;
    padding-left: 50px;
    background-size: 23px;
}

body.logged .sidebar.fixed nav li a[href="/zlec-windykacje"] {
    position: relative;
    background: #fb441a url(../img/zlec_windykacje_windykacja-online.png) no-repeat left 15px top 6px;
    color: #fff;
    padding-left: 50px;
    background-size: 20px;
}

body.logged .sidebar nav li a[href="/zlec-windykacje"]:hover {
    position: relative;
    background: #000 url(../img/zlec_windykacje_windykacja-online.png) no-repeat left 15px top 12px;
    color: #fff;
    padding-left: 50px;
    background-size: 23px;
}

body.logged .sidebar nav li.contact {
    border-right: 0px solid #d4d4d4;
    padding-right: 0;
}

body.logged .sidebar nav li a:hover {
    background: #000;
    color: #fff !important;
}

body.logged .sidebar nav li a:hover::before {
    display: none !important;
}

body.logged .sidebar.fixed {
    height: 51px;
}

body.logged .sidebar.fixed a {
    margin-top: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
}

body.logged .sidebar.fixed nav li.logo a {
    -webkit-box-shadow: 0px 46px 24px 10px rgba(245, 245, 245, 0);
    -moz-box-shadow: 0px 46px 24px 10px rgba(245, 245, 245, 0);
    box-shadow: 0px 46px 24px 10px rgba(245, 245, 245, 0);
}

body.logged .sidebar.fixed nav li.login a {
    margin-top: 9px;
    -webkit-box-shadow: 0px 46px 24px 10px rgba(245, 245, 245, 0);
    -moz-box-shadow: 0px 46px 24px 10px rgba(245, 245, 245, 0);
    box-shadow: 0px 46px 24px 10px rgba(245, 245, 245, 0);
}

body.logged .sidebar .dropdown-menu li a {
    margin-bottom: 0;
    margin-top: 0;
    border-left: 0px solid #e2e2e2;
    border-top: 0px solid #e2e2e2;
    border-right: 0px solid #e2e2e2;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-bottom: 0px;
    background: transparent;
}


/* END SIDEBAR */

/* PAGE WRAPPER */

/* SLIDER */

.slider {
    position: relative;
    font-size: 10px;
    padding-bottom: 0;
    top: -119px;
    z-index: 10;
}

.slider .block-txt {
    margin-left: -40px;
}

.slider .block-txt .btn {}

.slider .slider-title {
    font-size: 4.3em;
    margin-top: 20rem;
    font-weight: bold;
    color: #000;
    position: relative;
    display: inline-block;
}


.slider .slider-title::before {}

.slider .slider-title span {
    position: relative;
}

.slider .slider-txt {
    font-size: 20px;
    color: #474747;
    padding: 1.3em 0;
}

.slider .slider-txt::before {
    content: "";
}

.slider .lSPager {
    position: absolute;
    left: 0;
    z-index: 10;
    border-radius: 0px;
    top: initial;
    right: 0;
}

.slider .lSPager li {
    display: block !important;
}

.slider .lSPager li a {
    background: #303030 !important;
    height: 13px !important;
}

.slider .lSPager li.active a {
    background: #fb441a !important;
    height: 20px !important;
}

.slider .block-img {}

.slider .block-img::before {}

.slider .block-img .btn {}

.slider img,
.slider picture {
    position: absolute;
    max-width: 800px;
    right: 0;
    height: auto;
}

.slider .lSSlideWrapper,
.slider #slider {
    min-height: 750px;
}

.slider .block-list {
    margin-top: 20rem;
}

.slider .block-list li {
    text-align: center;
    color: #000;
    font-weight: bold;
    line-height: 0.9em;
    margin-bottom: 2.2em;
    font-size: 0.9em;
}

.slider .block-list ul {
    max-width: 200px;
    float: left;
    margin-left: 2em;
}

.slider .block-list ul {
    counter-reset: listCounter;
}

.slider .block-list ul li {
    counter-increment: listCounter;
    position: relative;
}

.slider .block-list ul li::after {
    content: counter(listCounter);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 0 0 2.5em;
    background: #fff;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 20px;
    border: 2px solid #fb441a;
}

.slider .block-list ul li:nth-child(even)::after {
    margin: 0 0 0 7.4em;
}

.slider .block-list ul li .icon {
    background-color: #fb441a;
    width: 6.1em;
    height: 6.1em;
    margin: 0 auto;
    padding: 20px;
    border-radius: 100%;
    position: relative;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

.slider .block-list ul li:hover .icon {
    background: #000;
}

.slider .slider-subtxt {}

.slider .slider-subtxt::before {
    content: "";
    width: 50px;
    height: 3px;
    border-radius: 5px;
    background: #fb441a;
    position: absolute;
    margin: -1.4em 0 0 0;
}

.slider .block-list ul li .icon span {
    transform: scale(0.6);
    margin-top: -19px;
    margin-left: -15px;
}

.block-list-vertical .bg-icon_1 {
    background: url(/assets/img/zaladuj_dane_dluznika_windykacja-online.png) center center no-repeat;
    background-size: contain;
    width: 73px;
    display: block;
    margin: 0 auto 0 !important;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
}

.block-list-vertical .bg-icon_2 {
    background: url(/assets/img/zalacz_nieoplacony_rachunek_windykacja-online.png) center no-repeat;
    background-size: contain;
    width: 73px;
    display: block;
    margin: 0 auto 0 !important;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
}

.block-list-vertical .bg-icon_3 {
    background: url(/assets/img/wyslij_i_odzyskaj_swoje_pieniadze_windykacja-online.png) center no-repeat;
    background-size: contain;
    width: 73px;
    display: block;
    margin: 0 auto 0 !important;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
}

.subpage .default.container ul.list-style1 {
    margin: 0;
    counter-reset: sekcja;
}

.subpage .default.container ul.list-style1 li {
    font-size: 15px !important;
    line-height: 1.5em;
    margin-bottom: 1em;
    padding-left: 50px;
    position: relative;
}

.subpage .default.container ul.list-style1 li::before {
    content: counter(sekcja);
    counter-increment: sekcja;
    position: absolute;
    left: 0;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: #20c71d;
    color: #fff;
    border-radius: 100%;
}


.lSPager {
    position: relative;
    top: -9.3em;
    z-index: 10;
    border-radius: 0px;
}

.lSPager li {
    border-radius: 0px;
    font-size: inherit;
}

.lSPager li a {}

.lSPager li a img {
    max-width: 40em !important;
    border-radius: 0px !important;
}

.lSSlideWrapper {
    margin-left: 0;
}

/* END SLIDER */


/* TABLES */
table {
    width: 100%
}

table thead {}

table thead tr {
    font-size: 14px;
    color: #000
}

table thead tr th {}

table tbody {}

table tbody tr {}

table tbody tr td {
    font-size: 14px;
}

.dataTables_length {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}

.dataTables_length label,
#exampletable_filter label {
    font-size: 12px;
    font-weight: normal;
}



.mobile-table {}

.mobile-table .plus {
    background: #fb441a;
    color: #fff;
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    left: 0;
    -webkit-border-radius: 30px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-topleft: 0;
    border-radius: 30px;
    border-top-left-radius: 0;
}


.mobile-table .minus {
    background: #000000;
    color: #fff;
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    left: 0;
    -webkit-border-radius: 30px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-topleft: 0;
    border-radius: 30px;
    border-top-left-radius: 0;
}

.mobile-table tbody tr td {
    position: relative !important;
}

.user-emails-title {
    border-bottom: 1px solid #dcdcdc;
    background: #fb4213;
    padding: 6px 15px 2px;
    color: #fff;
    border-radius: 5px;
}

.user-emails-title p {
    color: #fff !important;
}

.user-emails-container a button {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* ADMIN CONTENT - TABLES ETC */

.logged .box-body>#filltertable+br {
    display: inline;
    content: ' ';
    clear: none;
}

#filltertable,
#filltertable-history {
    text-align: right;
    float: right;
    margin-bottom: 20px;
    min-width: 600px;
}

#suggestions thead th:nth-of-type(5) {
    min-width: 160px
}

#suggestions .badge {
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 10px 5px;
    border-radius: 10px;
    font-size: 11px;
}

#suggestions tbody tr td:nth-of-type(5) .badge {
    width: 90%;
    margin: 0 auto;
}

#suggestions tbody tr td:nth-of-type(5) select {
    width: 84%;
    margin-left: -10%;
}

#suggestions .zrodlo {
    text-align: right;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #737373;
    position: relative;
    right: -15px;
    top: 0px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    padding-bottom: 11px;
    line-height: 14px;
}

#suggestions .zrodlo:hover {
    color: #fb441a;
}


#suggestions .show_suggestion {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    width: auto;
    padding: 0px 8px;
    background: #888888;
    color: #fff !important;
    border-top-left-radius: 9px;
    font-size: 10px;
    line-height: 17px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

#suggestions .show_suggestion:hover {
    background: #fb4213;
}

#suggestions .hide_suggestion {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    width: auto;
    padding: 0px 8px;
    background: #fb4213;
    color: #fff !important;
    border-top-left-radius: 9px;
    font-size: 10px;
    line-height: 22px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

#suggestions .hide_suggestion:hover {
    background: #888888;
}

#suggestions tbody tr td:nth-of-type(5) small {
    position: absolute;
    right: 6px;
    top: calc(50% - 13px);
    font-size: 17px;
}

#suggestions tbody tr td:nth-of-type(5) .fa.fa-edit {
    margin-top: -4px;
}

#attachments_more {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    width: auto;
    padding: 0px 8px;
    background: #888888;
    color: #fff !important;
    border-top-left-radius: 9px;
    font-size: 10px;
    line-height: 17px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

#attachments_more:hover {
    background: #fb4213;
}

.attachments-conatiner {
    display: block;
    padding-bottom: 20px;
    box-sizing: border-box;
    line-height: 16px;
}

.attachments-conatiner a {
    padding-bottom: 5px;
}

.badge.badge-danger .fa-edit {
    color: #ff9da7;
}

.badge.badge-warning .fa-edit {
    color: #9a6400;
}

.badge.badge-info .fa-edit,
}

.badge.badge-primary .fa-edit {
    color: #bdbdbd;
}

.badge.badge-success .fa-edit {
    color: #b7e4b7;
}

#suggestions tbody tr td:nth-of-type(5) .fa-check-circle {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    position: relative;
    color: #32c30e;
}

#suggestions tbody tr td:nth-of-type(5) .fa-check-circle:hover {
    font-size: 17px;
    transform: scale(1.7);
}

#suggestions tbody tr td:nth-of-type(5) .fa-check-circle::after {
    content: "akceptuj";
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -8px;
    text-align: center;
    font-size: 6px;
    font-family: 'kelsonsans-normal';
    background: #32c30e;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    border-radius: 4px;
    height: 0;
    opacity: 0;
}

#suggestions tbody tr td:nth-of-type(5) .fa-check-circle:hover::after {
    opacity: 1;
    height: 9px;
    padding: 2px 3px 1px;
    top: -8px;
}

.icon-edit-container {}

.icon-edit-container .fa-edit {
    font-size: 17px;
    color: #fb441a;
}

.icon-edit-container .fa-check-circle {
    font-size: 17px;
    color: #32c30e;
    position: relative;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

.icon-edit-container .fa-check-circle::after {
    content: "akceptuj";
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -8px;
    text-align: center;
    font-size: 6px;
    font-family: 'kelsonsans-normal';
    background: #32c30e;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    border-radius: 4px;
    height: 0;
    opacity: 0;
    font-size: 6px;
}

.icon-edit-container .fa-check-circle:hover::after {
    opacity: 1;
    height: 9px;
    padding: 2px 3px 1px;
    top: -8px;
}

.icon-edit-container .fa-check-circle:hover {
    font-size: 17px;
    transform: scale(1.7);
}

.icon-edit-container .badge {
    padding: 10px 5px;
    border-radius: 10px;
}

.icon-edit-container select {
    margin: 0 0 0 5px;
}


#vindications_length,
#suggestions_length,
#vindications-archive_length {

    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}

#vindications_filter,
#vindications-archive_filter {
    float: left;
    margin-bottom: 20px;
}

#vindications_info {
    font-size: 13px;
    margin-top: 20px;
}

body.logged .block {
    width: 100%;
    background: #fff;
    padding: 30px 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.block-unlogged {
    width: 100%;
    background: #fff;
    padding: 30px 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

body.logged .block .sub-title {
    padding: 0 15px 15px 15px !important;
    font-size: 25px !important;
}

body .block-unlogged h2.sub-title {
    padding: 0 15px 15px 15px !important;
    font-size: 25px !important;
}



/* PAGINATION */

.dataTables_paginate {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dataTables_paginate .previous,
.dataTables_paginate .next {
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.dataTables_paginate .previous {
    float: left;
}

.dataTables_paginate .next {
    float: right;
}

.dataTables_paginate .next.disabled,
.dataTables_paginate .previous.disabled {
    color: #d4d4d4;
    cursor: no-drop
}

.dataTables_paginate span {
    margin: 0 auto;
    /* position: absolute;
    left: 0;
    right: 0; */
    text-align: center;
    bottom: 0;
    width: 100%;
    text-align: center;
}


.dataTables_paginate {}

.dataTables_paginate span .paginate_button {
    cursor: pointer;
    background: #ffffff;
    padding: 8px;
    margin: 0 5px;
    display: inline-block;
    width: 30px;
    height: 40px;
    border: 1px solid #d4d4d4;
}

.dataTables_paginate span .paginate_button:hover {
    background: #767676;
    color: #fff;
    text-decoration: none;
}

.dataTables_paginate span .paginate_button.current {
    background: #fb441a;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
}


.badge {
    font-size: 100%;
}

body.logged .messages .main-title {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 30px !important;
    padding-bottom: 18px !important;
}

body h1.ticket_messages::before {
    content: "";
    width: 28px;
    height: 28px;
    background: url(/assets/img/podglad_sugestii_windykacja-online.png) no-repeat;
    display: block;
    float: left;
    margin-right: 6px;
}

.ticket-info-box #status_string_html,
.ticket-info-box #department_string {
    padding-left: 5px;
}

.ticket-info-box #status_string_html .badge {
    color: #fff;
    font-size: 15px;
}

.ticket-info-box #department_string {
    font-size: 15px;
}

.ticket-info-box #department_string {}

.send-buttons {
    position: absolute;
    right: 0;
    top: 4px;
}

@media (max-width:991px) {
    .send-buttons {
        position: relative;
        right: 0;
        top: 0;
        margin-bottom: 13px;
        text-align: left;
    }
}

body h2#messagesHeader::before {
    content: "";
    width: 28px;
    height: 28px;
    background: url(/assets/img/odpowiedzi_windykacja-online.png) no-repeat;
    display: block;
    float: left;
    margin-right: 6px;
    margin-top: 4px;
}

body.logged .messages h2 {
    font-size: 1.2em !important;
}

body.logged h1.main-title {
    background: transparent;
    text-align: left;
    padding: 0 15px 30px !important;
    margin: 0 !important;
    color: #000;
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0);
    font-size: 40px !important;
    width: 100%;
}

body.logged table {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0;
}

body.logged table thead {
    font-size: 14px;
    border-bottom: 0px solid #fb441a;
}

body.logged table thead tr {
    line-height: 20px;
}

body.logged table thead th {
    padding: 15px 10px 10px;
    background: #e3e0e0;
}

body.logged table thead th:first-of-type {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

body.logged table thead th:last-of-type {
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

body.logged table tbody {}

body.logged table tbody tr:last-of-type td:first-of-type {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

body.logged table tbody tr:last-of-type td:last-of-type {
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

body.logged table tbody tr:last-of-type td {
    border-bottom: 0;
}

body.logged table tbody {}

body.logged table tbody tr {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    outline: 0px solid #fff;
}

body.logged table tbody tr:hover {
    background: #e4e4e4 !important;
    outline: 1px solid #fb441a;
}

body.logged table.no-hover tbody tr:hover {
    background: initial !important;
    outline: 0px;
}

body.logged table.grayscale {
    filter: grayscale(100%);
}


body.logged table tbody tr:hover td,
body.logged table tbody tr:hover td .show {
    color: #000 !important;
}

body.logged table tbody tr.even {
    background: #f6f5f5;
}

body.logged table tbody tr.odd {
    background: #fff;
}


body.logged table tbody td {
    font-size: 13px;
    border-bottom: 1px solid #e3e0e0;
    padding: 5px;
}

body.logged table tbody tr td {
    border-right: 1px solid #e3e0e0;
    /* width: 100%; */
    vertical-align: middle;
    position: relative;
}

.ticket-status-select {
    font-size: 0.85rem;
    width: 110px;
}

body.logged table tbody tr .notification::before {
    content: attr(bubble_title);
    width: 22px;
    height: 22px;
    background: url(../img/powiadomienia_windykacja-online.pl.png);
    position: absolute;
    top: -13px;
    left: -14px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    opacity: 1;
    filter: grayscale(100%);
}

body.logged table tbody tr .vindication-notif-num {
    position: absolute;
    top: 10px;
    left: -13px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: #fb441a;
}


body.logged table tbody tr .notification::after {
    content: "NOWE POWIADOMIENIA";
    position: absolute;
    top: -7px;
    left: 2px;
    font-size: 9px;
    width: 100px;
    opacity: 0;
    -webkit-transition: ease-in-out 1s;
    -moz-transition: ease-in-out 1;
    -o-transition: ease-in-out 1;
    transition: ease-in-out 1;
}

body.logged table tbody tr:hover .notification::after {
    opacity: 1;
    color: #fb441a;
}

body.logged table tbody tr:hover td.notification::before {
    filter: grayscale(0);
}

body.logged table tbody tr td:first-of-type {
    border-left: 2px solid #e3e0e0;
}

body.logged table tbody tr td:last-of-type {
    border-right: 2px solid #e3e0e0;
}

body.logged table tbody tr:last-of-type td {
    border-bottom: 2px solid #e3e0e0;
}


body.logged table tbody tr.shown td,
body.logged table tbody tr.shown td .show {
    color: #000 !important;
}

body.logged table tbody tr.shown .show {
    color: #fb441a;
}

body.logged table tbody tr.shown:hover,
body.logged table tbody tr.shown,
body.logged tr.shown:hover,
body.logged tr.shown tr:hover {
    outline: 2px solid #969696 !important;
}

body.logged table tbody .show {
    /* width: 100%; */
    display: block;
    text-align: left;
    cursor: pointer;
    font-size: 14px;
    color: #646464 !important;
}

body.logged table#vindications tbody tr.odd.show {
    display: table-row;
}

body.logged table tbody tr.shown {
    background: #dcd9d9;
}

body.logged table tbody .show:hover {
    color: #fb441a;
}

body.logged table.subtable {
    width: calc(100% + 14px);
    outline: 0;
    position: relative;
    left: -7px;
    top: 0;
    outline: 2px solid #969696 !important;
}

body.logged table.subtable::before {
    content: "";
    position: absolute;
    top: -2px;
    width: 100%;
    height: 2px;
    background: #e3e0e0;
}

/* body.logged table.subtable::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fb441a;
    top: -14px;
}*/

body.logged table.subtable thead {
    border-bottom: 2px solid #c3c3c3;
}

body.logged table.subtable thead tr {}

body.logged table.subtable thead tr th {
    background: #e3e0e0 !important;
}

body.logged table.subtable tbody {}

body.logged table.subtable tbody tr {
    background: #f6f5f5 !important;
}

body.logged table.subtable tbody td {}

body.logged table.subtable thead th:first-of-type {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

body.logged table.subtable thead th:last-of-type {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}

body.logged table.subtable tbody tr:last-of-type td:first-of-type {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
}

body.logged table.subtable tbody tr:last-of-type td:last-of-type {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

body.logged tr.hide-hover:hover,
body.logged tr.hide-hover tr:hover {
    outline: 0px !important;
}

body.logged table tbody tr.shown {
    background: #dcd9d9 !important;
}


body.logged table tbody tr:last-child td {}

body .messages table thead th:last-of-type {
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

body .messages table thead th:first-of-type {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

body .messages table thead th {
    padding: 15px 10px 10px;
    background: #e3e0e0
}

body .messages table tbody tr {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    outline: 0px solid #fff;
}

body .messages table tbody tr:last-of-type td:last-of-type {
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

body .messages table tbody tr:last-of-type td:first-of-type {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

body .messages table tbody tr:last-of-type td {
    border-bottom: 2px solid #e3e0e0;
}

body .messages table tbody tr td:last-of-type {
    border-right: 2px solid #e3e0e0;
}

body .messages table tbody tr td:first-of-type {
    border-left: 2px solid #e3e0e0;
}

body .messages table tbody td {
    font-size: 13px;
    border-bottom: 1px solid #e3e0e0;
    padding: 5px;
}

#payment-button-0 {
    display: block !important;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5;
    -o-transition: ease-in-out 0.5;
    transition: ease-in-out 0.5;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    margin-top: 0px;
    padding: 0px;
}

#payment-button-0.show {
    width: 100%;
    max-height: 39px;
    opacity: 1;
    padding: 1rem 2.2rem 1rem 2.2rem;
    margin-bottom: 1.5rem;
}



#send-mail-to-selected-users {
    display: block !important;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5;
    -o-transition: ease-in-out 0.5;
    transition: ease-in-out 0.5;
    overflow: hidden;
    opacity: 0;
    margin-top: 0px;
    padding: 0px;
}

#send-mail-to-selected-users.show {
    opacity: 1;
    padding: 1rem 2.2rem 1rem 2.2rem;
}

/* END ADMIN CONTENT */

/* DEFAULT CONTENT */


.block-list-vertical {
    margin-top: 0;
    margin: 0 auto !important;
    text-align: center;
}

.block-list-vertical li {
    text-align: center;
    color: #000;
    font-weight: bold;
    line-height: 0.9em;
    margin-bottom: 1.7em;
    font-size: 0.9em;
}

.block-list-vertical ul {
    max-width: 200px;
    float: left;
    margin-left: 2em;
}

.block-list-vertical ul {
    counter-reset: listCounter;
    margin: 0 auto !important;
    display: block;
    float: initial;
}

.block-list-vertical ul li {
    counter-increment: listCounter;
    position: relative;
}

.block-list-vertical ul li::after {
    content: counter(listCounter);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 0 0 4.5rem;
    background: #fff;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 20px;
    border: 2px solid #fb441a;
}

.block-list-vertical ul li:nth-child(even)::after {
    margin: 0 0 0 12.4rem;
}

.block-list-vertical ul li .icon {
    background-color: #fb441a;
    width: 9rem;
    height: 9rem;
    margin: 0 auto;
    padding: 20px;
    border-radius: 100%;
    position: relative;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

.block-list-vertical ul li:hover .icon {
    background: #000;
}


.block-list-vertical ul li .icon span {
    transform: scale(0.6);
    margin-top: -19px;
    margin-left: -15px;
}




.main-title {
    font-size: 7em;
    margin-bottom: 40px;
    font-weight: bold;
    color: #fff;
}

.main-title .container {
    padding-left: 0px;
    padding-right: 15px;
}

li {
    list-style: none;
    font-size: 1.5rem;
}

ul {
    padding: 0px;
}

.title {
    font-size: 2em;
    line-height: 1.4em;
    padding-bottom: 1.8em;
    font-weight: bold;
    color: #000;
}

.title.big {
    font-size: 5em;
    line-height: 1.3em;
    padding-bottom: 1.8em;
}



.list li {
    font-size: 1.4em;
    text-align: left;
    margin-bottom: 2em;
    line-height: 1.9em;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    text-shadow: 0px 0px 0px #ffffff;
    position: relative;
    top: 0;
}

.list li.big-font {}

.list li.big-font h3 {
    font-size: 3.5em !important;
    font-weight: bold;
    color: #000;
    margin-top: -10vw;
    position: relative;
}


.list li.big-font .bg-icon_4 {
    position: absolute;
    transform: scale(0.6);
    top: -5.4em;
    left: -6em;
}

.list li:hover {
    text-shadow: 2px 3px 30px #fff;
    top: -5px;
}

.list span {
    margin: 0;
    color: #000;
}

.list .sub-title {
    font-size: 1.7em;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px
}

.list p {
    font-size: 1em !important;
}

.list span.txt {
    padding-top: 1em;
    display: block;
}


.hover-list {
    margin-top: 0px !important;
    margin-bottom: 10em !important;
    z-index: 11 !important;
}

.hover-list .block-list-vertical {
    cursor: pointer;
    float: left;
    background: #fff;
    padding: 40px 30px;
    border: 1px solid #e4e4e4;
    border-radius: 40px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.hover-list .block-list-vertical .content a {
    color: #fb441a;
}

.hover-list .block-list-vertical .content a:hover {
    color: #000;
}

.hover-list .row {}

.hover-list .row .col {
    /* background: #fff; */
}

.hover-list .row .col .title {
    float: left;
    padding: 0px;
    display: flex;
}

.hover-list .row .col .block-list-vertical:hover .icon {
    transform: rotate(-90deg);
    background: #000;
}

.hover-list .row .col .title .icon {
    /* float: left; */
    background: #fb441a;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    display: inline-table;
}


.hover-list .row .col .title .icon span {
    transform: scale(0.6);
    margin-top: 15px;
}

.hover-list .row .col .title h3 {
    display: flex;
    align-items: center;
    margin: 0 0 0 10px;
    position: relative;
    z-index: 1;
    font-size: 1em;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.hover-list .row .col .content {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    float: left;
    font-size: 0.6em;
    margin-top: 0em;
    font-weight: 100;
    overflow: hidden;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 0px;
    background: #fff;
    border-left: 0px solid #e4e4e4;
    border-right: 0px solid #e4e4e4;
    border-bottom: 0px solid #e4e4e4;
    -webkit-border-bottom-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-bottomright: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    margin-top: 0px;
    opacity: 0;
    padding-top: 0px;
}

.hover-list .row .block-list-vertical.active .content {
    margin-top: 11em;
    overflow: hidden;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 30px;
    background: #fff;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    max-height: 400px;
    opacity: 1;
    padding-top: 15px;
    z-index: 10;
}

.hover-list .row .block-list-vertical.active .icon {
    transform: rotate(-90deg);
    background: #000;
}

.hover-list .row .block-list-vertical.active h3 {
    color: #fb441a;
}

.hover-list .row .col .content p {
    line-height: 2em;
}

/* END DEFAULT CONTENT */


/* ARTICLES - list */

#articles {}

#articles .news-block {
    position: relative;
    margin-bottom: 60px;
    padding: 40px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    background: transparent;
    border-radius: 40px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

#articles .news-block:hover {
    background: #fff;
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1);
}

#articles .news-block h3,
#articles .news-block h4 {
    padding-left: 0px !important;
}

#articles .news-block .link {
    position: absolute;
    right: 15px;
    bottom: 0;
}

#articles .news-block .title {
    font-size: 20px !important;
}

#articles .news-block .title:hover {
    font-size: 20px !important;
    color: #fb441a;
}

/* END - ARTICLES - list*/

/* ONE ARTICLE */


/* END - ONE ARTICLE */
.article .main-title div.container div {
    max-width: 95%;
    margin: 0 auto;
}

/* END PAGE WRAPPER */



/* SUBPAGE */

.block.notifications .changer {
    font-size: 11px;
    line-height: 20px;
    text-align: right;
    width: 100%;
}

.block.notifications .title {
    font-size: 20px !important;
    width: calc(100% - 111px);
}

.subpage {
    min-height: calc(100vh - 292px);
}

.subpage.contact {
    height: calc(100vh - 292px);
}


.subpage .sub-title {
    font-weight: 900;
    font-size: 2.5em !important;
}

.subpage .sub-title.orange {
    color: #fb441a;
}

.subpage .container h1 {
    font-size: 1em;
}

.subpage .container h2 {
    font-size: 1.6em;
}

.subpage .container h3 {
    font-size: 1.4em;
}

.subpage .container h4 {
    font-size: 1.2em;
}

.subpage .main-title .sub-txt {
    max-width: 100%;
    margin-top: 15px;
    font-weight: normal;
    font-size: 0.8em !important;
}

.subpage .main-title {
    background: #f5eeee;
    text-align: left;
    padding: 0 !important;
    margin: 0 !important;
    color: #000;
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1);
}

.subpage .main-title-style1 {
    color: #000;
    font-size: 30px !important;
    margin-bottom: 10px !important;
    font-weight: bold;
}

.subpage .main-title-style2 {
    text-align: left;
    padding: 0 !important;
    margin: 0 !important;
    color: #000;
    font-size: 30px !important;
    margin-bottom: 30px !important;
    width: 100%;
    display: block;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #dadada;
    font-weight: bold;
}

.dashboard .main-title-style2 .icon {
    width: 45px;
    height: 45px;
    background: #fff url(../img/opcje_uzytkownika_windykacja-online.png) no-repeat center;
    position: absolute;
    border-radius: 10px;
    background-size: 30px;
    margin-left: 20px;
    cursor: pointer;
}

.dashboard .main-title-style2 .icon:hover {
    background: #d6cdcd url(../img/opcje_uzytkownika_windykacja-online.png) no-repeat center;
    background-size: 30px;
}

.dashboard .main-title-style2 p {
    color: #000;
    position: relative;
}

.dashboard .main-title-style2 .txt {
    font-size: 30px;
    line-height: 55px;
    color: #646464;
}

.dashboard .main-title-style2 .hello {
    /* float: left; */
    width: 100%;
    font-size: 20px;
    /* line-height: 12px; */
}

.status-button {
    flex-wrap: wrap;
    max-height: 60px;
}

.status-button::before {
    content: "Status windykacji:";
    width: 100%;
    font-size: 11px;
    line-height: 14px;
    color: #646464;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.status-button.kancelaria::before {
    content: "Kancelaria:";
    width: 100%;
    font-size: 11px;
    line-height: 14px;
    color: #646464;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.subpage .main-title .container {
    padding: 0 !important;
    margin: 0 auto !important;
}

.subpage .main-title div.d-flex {
    height: 100%;
}

.subpage .main-title h1,
.subpage .main-title h2,
.subpage .main-title h3,
.subpage .main-title p {
    font-size: 1em;
    font-weight: 900;
    width: 100%;
}

.subpage .main-title h1,
.subpage .main-title h2,
.subpage .main-title h3 {
    font-size: 1.7em;
    color: #000;
}

.subpage .main-title img {
    max-width: 270px;
    margin-right: 30px;
    margin-left: -15px
}

.subpage p,
.subpage .container {
    color: #646464;
    font-size: 18px;
    line-height: 1.4em !important;
}

.subpage .title {
    font-size: 2.6em !important;
    line-height: 1.4em !important;
    padding-bottom: 1em;
}

.subpage ul {
    margin-left: 20px;
}

.subpage li {
    list-style: initial;
}

.subpage .default.container p {
    line-height: 2.1em;
    font-size: 15px;
    padding-bottom: 1em;
}

.subpage .default.container li {
    line-height: 2em;
    font-size: 13px !important;
    padding-bottom: 0em;
    display: inline-block;
    width: 100%;
    font-size: 13px !important;
    position: relative;
    padding: 0px;
    margin-bottom: 0x;
}

.subpage .default.container h2 {
    font-size: 1.4em;
    font-weight: bold;
    color: #000;
    padding: 0 0px 20px 0;
}

.subpage .default.container h3 {
    font-size: 1.4em;
    font-weight: bold;
    color: #000;
    padding: 0 0px 20px 0;
}

.subpage .default.container h4 {
    font-size: 1.2em;
    padding-bottom: 1em;
    line-height: 1.5em;
    font-weight: bold;
    color: #767676;
}

.subpage .default.container h5 {
    font-size: 1.0em;
    font-weight: bold;
    color: #000;
    padding-bottom: 5px;
    line-height: 1.4em;
}

.subpage .default.container a {}

/* VINDICATION */

#vindication-record-payment-step-1-1 {
    width: 100%;
}



/* MY ACCOUNT */
.your-data-title {
    color: #fb441a !important;
}

.your-data-title::before {
    content: "";
    background: url(/assets/img/uzytkownik_windykacja-online.png) no-repeat;
    display: block;
    float: left;
    width: 17px;
    height: 20px;
    margin: 7px 4px 0 0;
}

.your-data-title.sub-title+div {
    position: absolute;
    top: -3px;
    right: 30px;
    width: 100%;
    padding-left: 230px;
}

.account-settings-title {
    color: #fb441a !important;
}

.account-settings-title::before {
    content: "";
    background: url(/assets/img/opcje_konta_windykacja-online.png) no-repeat;
    display: block;
    float: left;
    width: 17px;
    height: 20px;
    margin: 7px 6px 0 0;
}

/* DASHBOARD */
.progress {
    border-radius: 2rem;
    height: 1.7rem;
}

.progress-bar.bg-success {
    background-color: #92b02a !important;
}

.dashboard {}

.dashboard .progress-bar {}

.dashboard .progress.in-table {
    height: 0.8rem;
}

.dashboard .block {
    padding: 30px 30px !important;
}

.dashboard .block-scroll {
    overflow: hidden !important;
}

div.dashboard div.my-vindication .block-scroll.show-all {
    max-height: initial !important;
}

.dashboard .summary {}

.dashboard .summary li span {
    /* display: block; */
    /* float: right; */
    /* width: 50%; */
    font-size: 14px;
    line-height: 16px;
    /* font-weight: bold; */
    padding-right: 10px;
    /* position: relative; */
    /* top: 11px; */
    font-weight: bold;
    color: #000;
}

.dashboard #debtor_data_summary .summary li span,
.dashboard #debtor_data_summary .summary li::before,
.dashboard #my_data_summary .summary li span,
.dashboard #my_data_summary .summary li::before {
    font-size: 17px;
    line-height: 30px;
}

#debtor_data_summary .summary li::before,
#my_data_summary .summary li::before {
    text-align: right;
    padding-right: 15px;
    width: 190px;
    font-size: 15px;
}

#debtor_data_summary .name {
    margin-bottom: 0 !important;

}

.dashboard .summary li {}

.dashboard .summary li::before {
    /* display: block; */
    /* float: right; */
    /* width: 40%; */
    line-height: 16px;
    color: #656565;
    /* position: absolute; */
    /* top: 13px; */
    /* right: 0; */
    font-size: 12px;
    white-space: pre;
    /* left: 0; */
    /* font-weight: bold; */
}

.dashboard .summary.vindication ul {}

.dashboard .summary.vindication li::before {
    right: 0;
    left: initial;
    top: 0;
    padding: 15px 0;
    text-align: right;
    width: 100px;

}

.dashboard .summary.vindication li span {
    font-size: 27px;
    line-height: 32px;
    float: left;
    width: 59%;
    color: #000;
    top: 0;
    padding: 15px 10px 15px 0;
    font-weight: bold;
    padding-left: 15px;
}

.dashboard .summary.vindication li {}

.dashboard .summary li:hover::before {
    color: #000 !important;
}

.dashboard .summary .current-vindications {}

.dashboard .my-vindication {}

.dashboard .block-scroll {
    max-height: 350px !important;
}

.dashboard .my-vindication .progress-container {
    position: relative;
    margin-bottom: 20px;
}

.dashboard .my-vindication .progress-container .txt {
    margin: 0 0 5px 0;
    width: 100%;
}

.dashboard .my-vindication .progress-container .txt li {
    width: auto;
    display: inline-block;
    font-size: 12px !important;
    margin: 0 10px;
}

.dashboard .my-vindication .progress-container .txt li strong {
    color: #000;
}

.dashboard .vindications-to-be-paid .amount {
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    padding-top: 4px;
}

.dashboard .vindications-to-be-paid .amount {
    text-align: right;
}

.dashboard .vindications-to-be-paid tbody tr>td:last-child a button {
    color: #fb441a !important;
    font-weight: bold;
}

.dashboard .vindications-to-be-paid tbody tr>td:nth-of-type(2) {
    color: #fb441a !important;
}

body.logged .dashboard .vindications-to-be-paid table tbody tr:hover td:first-of-type {
    border-left: 2px solid #fb441a;
}

body.logged .dashboard .vindications-to-be-paid table tbody tr:hover td:last-of-type {
    border-right: 2px solid #fb441a;
}

body.logged .dashboard .vindications-to-be-paid table tbody tr:last-of-type:hover td {
    border-bottom: 2px solid #fb441a !important;
}


.dashboard .vindications-to-be-paid .block-scroll {
    max-height: 320px !important;
}

.dashboard .messages {}

.dashboard .messages p {
    margin-bottom: 0px;
    padding-bottom: 4px !important;
}

.dashboard .messages .block-scroll {}

.dashboard .messages .block-scroll.show-all {
    max-height: initial !important;
}

.dashboard .messages .block-scroll>div.message-container:first-of-type .name::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fb441a;
    left: 5px;
    top: 38px;
}

.dashboard .messages .message-container {
    padding: 20px !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid transparent;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.dashboard .messages .message-container:hover {
    border: 1px solid #fb441a;
}

.dashboard .date {
    font-size: 12px;
    line-height: 12px;
}

.dashboard .name {
    font-size: 15px;
    margin-bottom: 5px;
    /* color: #000; */
}

.dashboard #my_data_summary .name,
.dashboard #debtor_data_summary.name {
    color: #646464;
}


.dashboard .message {}

.dashboard .message .previous-message {
    color: #969696;
    padding-left: 15px;
}

.dashboard .message .previous-message p {
    color: #969696 !important;
    line-height: 10px !important;
}

.dashboard .message .previous-message::before {
    font-weight: bold;
    font-size: 14px;
}

.dashboard .notifications>.block-scroll {
    margin-left: 0px !important
}

.dashboard .notifications>.scroll-wrapper>.block-scroll>div:nth-of-type(1)>.name::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fb441a;
    left: 0px;
    top: 17px;
}

.dashboard .notifications .notification-container {
    padding-left: 15px;
}

.dashboard .notifications .block-scroll {
    max-height: 350px !important;
}

.dashboard .shortcuts {}

.dashboard .shortcuts a {
    display: inline-block;
    width: 100%;
    color: #000;
    line-height: 40px;
}

.dashboard .shortcuts a:hover {
    color: #fb441a;
}

/* ERROR */
.error ol {
    padding-left: 0px;
}

.error ol li {
    padding-left: 15px;
}

.error ol li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #fb441a;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: calc(50% - 3px);
}


/* SCROLL */
.block-scroll>.scroll-element,
.block-scroll>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.block-scroll>.scroll-element {
    background-color: #ffffff;
}

.block-scroll>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.block-scroll>.scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.1);
}

.block-scroll>.scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.2);
}

.block-scroll>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.block-scroll>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0;
    right: 0;
    top: 0;
    width: 20px;
}

.block-scroll>.scroll-element .scroll-bar {
    background-color: #fb441a;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 10px;
}

.block-scroll>.scroll-element .scroll-element_outer:hover .scroll-bar {}

/* scrollbar height/width & offset from container borders */

.block-scroll>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin: 0 20px !important;
}

.block-scroll>.scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px;
}

.block-scroll>.scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px;
}

.block-scroll>.scroll-element.scroll-y .scroll-bar {
    left: 0px;
    min-height: 10px;
    width: 20px;
}

.block-scroll>.scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px;
}

.block-scroll>.scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px;
}

.block-scroll>.scroll-element.scroll-y .scroll-element_outer {
    top: 5px;
    width: 20px;
}

.block-scroll>.scroll-element.scroll-y .scroll-element_size {
    left: 7px;
    top: -10px;
    width: 5px;
    border-radius: 20px !important;
}

/* update scrollbar offset if both scrolls are visible */

.block-scroll>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px;
}

.block-scroll>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px;
}

.block-scroll>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px;
}

.block-scroll>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px;
}


/* RECOVER PASS*/
body .subpage .default.container .txt-recover-pass {
    font-size: 17px !important;
    line-height: 30px !important;
}



/* MESSAGES */
.subpage.admin-panel.messages #messages tbody:after {
    height: 1rem;
    display: table-row;
    content: '';
}

.subpage.admin-panel.messages #reply-messages tbody:after {
    height: 1rem;
    display: table-row;
    content: '';
}

/* .subpage.admin-panel.messages #reply-messages thead th {
    background: #fb441a;
    color: #fff;
} */




/* VINDICATION FUNCTIONS */
.img0-vindication-functions {
    max-height: 90%;
    margin: 0 auto;
    display: block;
    padding: 0;
    position: relative;
}

.img1-vindication-functions,
.img2-vindication-functions {
    max-height: 500px;
    margin: 0 auto;
    display: block;
    padding: 3rem;
    position: relative;
}

.arrow-vindication-functions {
    position: relative;
}

.arrow-vindication-functions::before {
    content: "";
    width: 100px;
    height: 100px;
    background: url(/assets/img/strzalka_windykacja-online.png) no-repeat;
    position: absolute;
    background-size: contain;
    left: -50px;
    bottom: -59px;
}

.icon1-vindication-functions,
.icon2-vindication-functions,
.icon3-vindication-functions {
    position: relative;
}

.icon1-vindication-functions::before,
.icon2-vindication-functions::before,
.icon3-vindication-functions::before {
    content: "";
    display: block;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 80px;
    height: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.icon1-vindication-functions::after,
.icon2-vindication-functions::after {
    content: "";
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: calc(100% - 100px);
    height: 4.1px;
    position: absolute;
    top: 29px;
    left: 100px;
    background: url(/assets/img/kropki_windykacja-online.png);
    image-rendering: -webkit-optimize-contrast;
}

.icon1-vindication-functions::before {
    background: url(/assets/img/obejmujemy_elementy_windykacji_online.png);
    image-rendering: -webkit-optimize-contrast;
}

.icon2-vindication-functions::before {
    background: url(/assets/img/kierujemy_sprawy_do_sadu_windykacja-online.png);
    image-rendering: -webkit-optimize-contrast;
}

.icon3-vindication-functions::before {
    background: url(/assets/img/podsumowanie_zlecenia_windykacji_online.png);
    image-rendering: -webkit-optimize-contrast;
}

.imgtxt1-vindication-functions,
.imgtxt2-vindication-functions {
    position: relative;
    font-size: 2.3vw;
}

.imgtxt1-vindication-functions::before {
    position: absolute;
    top: 77%;
    left: 27vw;
    color: #000;
    font-weight: 900;
}

.imgtxt1-vindication-functions::after {
    position: absolute;
    top: 84%;
    left: 27vw;
    color: #000;
    font-weight: 900;
    font-size: 1.5vw;
}

.imgtxt2-vindication-functions::before {
    position: absolute;
    top: 80%;
    left: 13vw;
    color: #000;
    font-weight: 900;
}

.imgtxt2-vindication-functions::after {
    position: absolute;
    top: 87%;
    left: 13vw;
    color: #000;
    font-weight: 900;
    font-size: 1.5vw;
}

/* NEW VINDICATION*/

a[data-target="#historyDataModal"] {
    position: relative;
    padding-left: 20px;
	font-size:0.9em;
}

a[data-target="#historyDataModal"]::after {
    content: "";
    position: absolute;
    background: url(/assets/img/uzytkownik_windykacja-online.png) no-repeat;
    width: 21px;
    height: 19px;
    left: 0;
    background-size: contain;
    top: 1px;
}

a[data-target="#historyDebtorModal"] {
    position: relative;
    padding-left: 20px;
	font-size: 0.9em;
}

a[data-target="#historyDebtorModal"]::after {
    content: "";
    position: absolute;
    background: url(/assets/img/dluznik_windykacja-online.png) no-repeat;
    width: 23px;
    height: 23px;
    left: 0;
    background-size: contain;
}

/* SUMMARY DATA */
#summary_data div:last-of-type {
    border-right: 0px !important;
}

#summary_data div:nth-child(even) {
    border-right: 0px !important;
}

#summary_data span {
    display: block;
}

#summary_amount_input_default {
    margin-top: 10px;
}

body.new-vindication .footer .order {
    display: none !important;
}

/* STEP 2 */
body.new-vindication.step2 .new-vindication-block {
    display: none !important;
}

body.new-vindication.step2 .sub-title {
    text-align: left !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

body.new-vindication.step2 .justify-content-end>div:nth-of-type(2) {
    ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

body.new-vindication.step2 .text-step1 {
    display: none !important;
}

body.new-vindication.step2 .text-step2 {
    display: initial !important;
}

/* STEP 3 */

.tpay-buttons-holder {
    text-align: center !important;
}

body.new-vindication.step3 .new-vindication-block {
    display: none !important;
}

body.new-vindication.step3 .justify-content-end>div:nth-of-type(2) {
    ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

body.new-vindication.step3 .sub-title {
    text-align: left !important;
    font-size: 40px !important;
}

body.new-vindication.step3 .p_vindication_price {}

body.new-vindication.step3 .p_vindication_price span {}

body.new-vindication.step3 .p_amount_to_pay {}

body.new-vindication.step3 .p_amount_to_pay span {}

body.new-vindication.step3 .text-step2,
body.new-vindication.step3 .text-step1 {
    display: none !important;
}


.my-data-summary-title,
.debtor-data-summary-title {
    position: relative;
}

.my-data-summary-title::before {
    content: "";
    background: url(/assets/img/uzytkownik_windykacja-online.png);
    width: 11px;
    height: 18px;
    display: block;
    float: left;
    margin: 7px 6px 0 0;
}

.debtor-data-summary-title::before {
    content: "";
    background: url(/assets/img/dluznik_windykacja-online.png);
    width: 15px;
    height: 21px;
    /* position: absolute;
    right: 14px;
    top: 11px; */
    display: block;
    float: left;
    margin: 7px 6px 0 0;

}

ul.summary {
    margin: 0px;
}

ul.summary li {
    background: transparent;
    /* text-align: right; */
    padding: 0 10px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    font-weight: bold;
}

ul.summary li:hover {
    background: #fb441a;
    color: #fff;
}

.dashboard ul.summary li:hover {
    background: transparent;
    color: #000;
}

ul.summary li:hover::before {
    color: #fff;
}

.dashboard li:hover::before {
    color: #000;
}

ul.summary li::before {
    display: inline-block;
    /* width: 40%; */
    padding-right: 10px;
    float: left;
    color: #a2a2a2;
    text-align: left;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    font-weight: normal;

}


.uploadifive-button.btn {
    background-color: #e6e6e6;
    padding: 0.4em 1.7rem;
    font-size: 1.3rem;
    padding: 1rem 2.2rem 1rem 2.2rem;
    border-radius: 100px;
    height: initial !important;
    width: auto !important;
    cursor: pointer;
    line-height: initial !important;
    float: left;
    color: #000;
}

/* #suggestion-step-1 .uploadifive-button.btn {
    float: left;

} */


.uploadifive-button.btn:hover {
    color: #fff;
    background: #000;
}

.uploadifive-button.btn input {
    cursor: pointer;
}


#summary_amount_input_default {
    font-size: 25px;
    line-height: 13px;
    font-weight: 900;
}

[id*="summary_amount_input_"] {
    font-size: 25px;
    line-height: 31px;
    font-weight: 900;
}

.new-vindication-block {
    min-height: 550px;
    height: 100%;
    background: #fff;
    -ms-flex: 0 0 23%;
    flex: -1 0 23%;
    max-width: 22%;
    margin-left: 3%;
}

/* DOCUMENTS - NEW VINDICATION */

.invoice-number {
    display: block;
    margin: -31px 0 0 0;
    float: left;
    background: #ececec;
    padding: 11px 20px 12px 20px !important;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

body.new-vindication #documents {}

body.new-vindication #documents>div {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}

body.new-vindication #documents>div+div {
    border-top: 1px solid #fb441a;
}

body.new-vindication #documents>div:first-of-type {}

body.new-vindication #documents>div:nth-child(even) {
    background: #f7f7f7;
}

body.new-vindication #documents>div:nth-child(odd) {}

body.new-vindication #documents>div:first-of-type .delete-document {
    display: none !important;
}

.add-button {
    -webkit-box-shadow: inset 0px 9px 32px -6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 9px 32px -6px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 9px 32px -6px rgba(0, 0, 0, 0.1);
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-bottomright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.col-setDisplayAmountPaidInput {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    margin-bottom: 10px !important;
}

.col-setDisplayAmountPaidInput.active {
    /* margin-top: -55px; */
}

#amount_paid_input_0.active {
    margin-bottom: 10px !important;
}

.col-setDisplayInterestInput {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    margin-bottom: 2px !important;
}

label.invoice_input {
    color: #fff !important;
}


.block-style {
    background: #fff;
    padding: 30px;
    border-radius: 23px 23px 23px 23px;
    -moz-border-radius: 23px 23px 23px 23px;
    -webkit-border-radius: 23px 23px 23px 23px;
    -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid #fff;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.debtor-data-table,
.my-data-table {
    background: #fff;
    padding: 30px;
    border-radius: 23px 23px 23px 23px;
    -moz-border-radius: 23px 23px 23px 23px;
    -webkit-border-radius: 23px 23px 23px 23px;
    -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid #fff;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.debtor-data-table.active,
.my-data-table.active {
    border: 1px solid #fb441a;
}

.new-vindication .invoice {
    background: #fff;
    padding: 30px;
    border-radius: 23px 23px 23px 23px;
    -moz-border-radius: 23px 23px 23px 23px;
    -webkit-border-radius: 23px 23px 23px 23px;
    -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid #fff;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

.delete-document {
    position: absolute;
    top: 0;
    right: 0;
    border: 0px;
    background: transparent;
}

.delete-document span {
    position: absolute;
    overflow: hidden;
    width: 0px;
    height: 26px;
    right: 30px;
    top: 11px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    font-size: 12px;
    opacity: 0;
}

.delete-document::before {
    content: "";
    width: 20px;
    height: 22px;
    display: block;
    background: url(/assets/img/smietnik.png) center no-repeat;
    background-size: contain !important;
    position: absolute;
    right: 20px;
    top: 13px;
}

.delete-document::after {
    content: "";
    width: 20px;
    height: 6px;
    display: block;
    background: url(/assets/img/klapa_od_smietnika.png) center no-repeat;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2;
    -o-transition: ease-in-out 0.2;
    transition: ease-in-out 0.2;
    background-size: contain !important;
    position: absolute;
    right: 20px;
    top: 10px;
}

.delete-document:hover::after {
    transform: rotate(25deg);
    right: 18px;
    top: 6px;
}

.delete-document:hover span {
    width: 100px;
    opacity: 1;
}

div.country {
    position: relative;
}

div.country::before {
    font-size: 13px;
    position: absolute;
    top: 10px;
    left: 26px;
    color: #000;
}

div.country select {
    padding-left: 45px !important;
}

@media (max-width:600px) {
    div.country select {
        padding-left: 15px !important;
    }

    div.country::before {
        display: none !important;
    }
}

#document_archetype {
    position: relative;
}

.uploadifive-queue-item {}

.uploadifive-queue-item .close {
    font-size: 13px !important;
    font-weight: 900;
    color: red;
    opacity: 1;
    line-height: 30px;
}

.uploadifive-queue-item .fileinfo {
    color: #00b900;
    font-size: 13px;
    display: inline-block;
}

.uploadifive-queue-item .filename {
    font-size: 12px;
}

.attachment-buttons .delete-btn {
    position: relative;
}

.attachment-buttons .delete-btn::before {
    top: 2px;
    right: -25px;
}

.attachment-buttons .delete-btn::after {
    top: -1px;
    right: -25px;
}

.attachment-buttons .delete-btn:hover::after {
    transform: rotate(25deg);
    right: -25px;
    top: -4px;
}

/* END NEW VINDICATION*/


/* vindications */
#vindication-record-payment-step-2,
#vindication-records-payments-step-2 {
    width: 100%;
}


/* END SUBPAGE */

/* FOOTER */

.footer {
    color: #fff;
    font-size: 10px;
    padding-top: 25em;
    padding-bottom: 5em;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    z-index: 10;
}

.footer .order {
    position: absolute;
    z-index: 10;
    color: #fff;
    top: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.footer .order p {
    font-size: 35px;
    line-height: 27px;
}

.footer .order p span {
    font-size: 18px;
}

.footer .order a {
    text-transform: uppercase;
    padding-left: 5em;
    padding-right: 5em;
    font-size: 20px;
    letter-spacing: 2.2px;
}

.footer .order a:hover {}

footer .container {
    padding: 0 60px;
}

.footer::before {
    content: "";
    width: 130%;
    position: absolute;
    z-index: 0;
    left: -25%;
    background: #fb441a;
    height: 240%;
    top: 49px;
    -webkit-border-radius: 60%;
    -moz-border-radius: 60%;
    border-radius: 50%;
    transform: rotate(-3.4deg);
}

.footer .question {}

.footer .question .bg-icon_5 {
    float: left;
    zoom: 0.4;
    margin: -40px 30px 0px 0px;
}

.footer .question p {
    padding-top: 0;
    font-size: 1.7em;
    margin-bottom: 1px;
}

.footer .question .big {
    font-size: 1.6em;
    margin-left: 4px;
}

.footer .question .number {
    /* font-size: 1em; */
    padding-left: 4px;
}

.footer .copyright {
    font-size: 1.4em;
    color: #ffffff;
    clear: left;
    text-align: right;
}

.footer nav {
    float: left;
    clear: left;
}

.footer nav ul {
    margin: 0 0 0 0;
}

.footer nav ul li {
    font-size: inherit;
}

.footer nav ul li a {
    color: #ffffff;
    font-size: 1.4em;
    font-weight: 400;
    padding: 1.3rem 3.2rem 1.6rem 0;
    letter-spacing: 0.05em;
}

.footer nav ul li a:hover {
    color: #000;
}

/* END FOOTER  */

/* 5 COLUMNS */

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}



/*********************/
/* 		MOBILE  	*/
/*******************/

@media all and (max-width:1920px) {
    .dashboard .summary.vindication li span {
        font-size: 33px;
    }
}

@media all and (max-width:1660px) {
    .dashboard .summary.vindication li span {
        font-size: 27px;
    }

    .slider .block-txt {
        margin-left: -30px
    }
}

@media all and (max-width:1520px) {
    .sidebar nav li {
        margin: 0 4px;
    }

    .dashboard .summary.vindication li span {
        font-size: 23px;
    }

    /* Min 991 - MY VINDYCATION */
    .dashboard .my-vindication ul li {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .dashboard .summary.vindication li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .dashboard .my-vindication .progress-container .txt li {
        ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .dashboard .my-vindication ul li+li+li+li {
        margin-top: 20px;
    }


}

@media all and (max-width:1400px) {

    .w-15 {
        width: 20%;
    }

    .dashboard .summary.vindication li span {
        font-size: 21px;
    }

    /* Min 1400 - SIDERBAR  */

    .sidebar nav li a {
        font-size: 1.3em;
    }

    .sidebar .container {
        padding: 2.4em 2em;
    }

    .sidebar nav li.logo {
        left: 2em
    }


    /* Min 1400 - SLIDER  */
    .slider .block-txt {
        margin-left: 0px;
    }

    /* Min 1400 - FOOTER */
    .footer nav ul {
        -ms-flex-pack: left !important;
        justify-content: left !important;
    }

    .footer nav ul li a {
        font-size: 1.2em;
        padding: 1.3rem 1.2rem 1.6rem 0;
    }

    .footer .copyright {
        padding: 1.3rem 0;
        font-size: 1.2em;
    }

    /* Min 1400 - SIDEBAR*/

    body.logged .sidebar nav li a {}
}



@media all and (max-width:1350px) {

    /* Min 1350 - LOGGED MENU*/
    body.logged .sidebar nav ul {}

    body.logged .sidebar nav li a {
        padding: 0.9em 8px 11px;
    }


    /* Min 1350 - SLIDER */
    .slider .block-list ul {
        margin-left: 0em;
    }

    /* Min 1350 - LIST ICONS */
    .list li.big-font h3 {
        font-size: 3.2em !important;
        margin-top: -5vw;
    }

    .list li.big-font .bg-icon_4 {
        top: -9.4em !important;
    }
}




@media all and (max-width:1550px) {
    body.logged .sidebar nav li.contact {
        padding-right: 0;
    }
}



@media (max-width: 991px) {

    .dashboard .notifications>.scroll-wrapper>.block-scroll>div:nth-of-type(1)>.name::before,
    .dashboard .messages .block-scroll>div.message-container:first-of-type .name::before {
        display: none;
    }

    body {
        padding-top: 105px;
    }

    .title {
        text-align: center;
    }

    section.default {
        margin: 2em auto 0em;
    }

    /* MIN 991 - TABLE */

    .mobile-table tbody tr::before {
        content: "";
        display: block !important;
        width: 30%;
        float: left;
    }

    .mobile-table thead {}

    .mobile-table thead tr {}

    .mobile-table thead tr>th {}

    .mobile-table thead {
        display: none;
    }

    .mobile-table tbody {
        display: block;
        float: left;
        margin-top: 50px;
    }

    .mobile-table tbody tr {
        position: relative;
        display: block;
        float: left;
        padding-top: 112px;
        width: 100%;
    }

    body.logged .dashboard .vindications-to-be-paid table.mobile-table tbody tr:hover td {
        border-bottom: 1px solid #e3e0e0 !important;
    }

    .mobile-table>tbody>tr.shown {
        padding-top: 120px !important;
        border-left: 2px solid #fb441a;
        border-right: 2px solid #fb441a;
        border-top: 2px solid #fb441a;
    }

    .mobile-table>tbody>tr.shown+tr.hide-hover {
        border-left: 2px solid #fb441a !important;
        border-right: 2px solid #fb441a;
        border-bottom: 2px solid #fb441a;
    }

    .mobile-table tbody tr>td.mobile-hide-column {
        display: block !important;
        width: calc(100% - 115px);
        float: right;
        border-left: 0px;
        height: 0px;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        border: 0px;
    }

    .mobile-table>tbody tr.show>td.mobile-hide-column {
        display: block !important;
        width: calc(100% - 115px);
        float: right;
        border-left: 0px;
        overflow: initial;
        margin: 0px;
        padding: 5px;
        border-bottom: 1px solid #e3e0e0;
        border-right: 1px solid #e3e0e0;
        height: initial;
    }

    .mobile-table>tbody tr.show>td:nth-of-type(1) {
        border-top: 1px solid #e3e0e0;
    }

    .mobile-table>tbody tr.shown+tr.hide-hover>td.pt-0.pb-0 {
        display: block !important;
        width: calc(100% - 115px);
        float: right;
        border-left: 0px;
        overflow: initial;
        margin: 0px;
        padding: 5px;
        border-bottom: 1px solid #e3e0e0;
        border-right: 1px solid #e3e0e0;
        height: initial;
    }

    .mobile-table>tbody tr.shown+tr.hide-hover td {
        height: initial !important;
        overflow: initial;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .mobile-table>tbody tr.shown+tr.hide-hover td td {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .mobile-table>tbody tr>td.mobile-hide-column::before {
        content: "";
        display: block !important;
        width: 115px;
        float: left;
        border-left: 0px;
        position: absolute;
        left: -115px;
        height: 100%;
        text-align: center;
        top: 0;
        border: 1px solid #e3e0e0;
        background: #eeeeee;
    }


    .mobile-table tbody tr>td.mobile-show-column {
        display: block;
        float: left;
        position: absolute !important;
        top: 0;
    }


    .mobile-table tbody tr>td.mobile-show-column.first {
        width: 40px;
        border-right: 0px;
        border-bottom: 0px;
        height: 100%;
        padding-top: 35px;
    }

    .mobile-table tbody td.mobile-show-column.last {
        right: 0;
        width: calc(100% - 40px);
        padding-left: 15px;
        border-bottom: 0px;
        border-left: 1px solid #e3e0e0;
        line-height: 16px;
        min-height: 113px;
    }

    .mobile-table tbody td.mobile-show-column.first::before {
        padding: 15px 5px 10px;
        background: #e3e0e0;
        font-weight: bold;
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        -webkit-border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        border-top-left-radius: 10px;
    }

    .mobile-table tbody td.mobile-show-column.last::before {
        padding: 20px 5px 13px;
        background: #e3e0e0;
        font-weight: bold;
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        border-top-right-radius: 10px;
    }

    .mobile-table .show-table {}

    .mobile-table .show-table::before {
        position: absolute;
        background: #fb441a;
        cursor: pointer;
        top: 0;
        left: 0;
        width: 100%;
        color: #fff;
    }

    .mobile-table tr.show .show-table::before {
        position: absolute;
        background: #000;
        cursor: pointer;
        top: 0;
        left: 0;
        width: 100%;
        color: #fff;
    }

    .mobile-table .show-table::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fb441a;
        top: 25px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .mobile-table tr.show .show-table::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000;
        top: 25px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .mobile-table tbody .hide-hover {
        width: 100%;
        padding-top: 0px !important;
    }

    .mobile-table tbody .hide-hover thead {
        display: none;
    }

    .mobile-table tbody .hide-hover td,
    .mobile-table tbody .hide-hover td tbody,
    .mobile-table tbody .hide-hover td tbody tr {
        width: 100%
    }

    .mobile-table tbody .hide-hover td tbody tr {
        padding-top: 0px;
    }

    body.logged .dashboard .vindications-to-be-paid table.mobile-table tbody tr:hover td:first-of-type {
        border-left: 0px;
    }

    table.mobile-table tbody tr.shown:hover,
    table.mobile-table tbody tr.shown,
    table.mobile-table tr.shown:hover,
    table.mobile-table tr.shown tr:hover {
        outline: 0px !important;
    }

    body table.mobile-table tbody tr.shown {
        background: #fff !important;
        outline: 0px !important;
    }

    body table.mobile-table tbody tr.shown:hover,
    body table.mobile-table tbody tr.shown,
    body table.mobile-table tr.shown:hover,
    body table.mobile-table tr.shown tr:hover {
        background: #fff !important;
        outline: 0px !important;
    }

    body table.mobile-table tbody tr:nth-child(even):hover {
        background: #f6f5f5 !important;
    }

    body table.mobile-table tbody tr:nth-child(odd):hover {
        background: #fff !important;
    }

    body table.mobile-table tbody tr td:last-of-type {
        border-right: 0px !important;
    }

    /* SUBTABLE  */
    .mobile-table .subtable tbody td.mobile-show-column.first,
    .mobile-table .subtable tbody td.mobile-show-column.last {
        position: relative !important;
    }

    .mobile-table>tbody>tr.shown+tr.hide-hover::before,
    .mobile-table>tbody>tr.shown+tr.hide-hover>td::before,
    .mobile-table>tbody table.subtable thead,
    .mobile-table>tbody table.subtable::before {
        display: none !important;
    }

    .mobile-table>tbody table.subtable tbody {
        margin: 0px;
    }

    .mobile-table>tbody>tr.shown+tr.hide-hover>td {
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .mobile-table tbody table.subtable tr td::before {}

    .mobile-table>tbody table.subtable tbody td {
        display: block !important;
        width: calc(100% - 115px) !important;
        float: right !important;
        border-left: 0px !important;
        position: relative !important;
        text-align: left !important;
        border-bottom: 1px solid #e3e0e0 !important;
    }

    body.logged table.mobile-table .subtable {
        outline: 0px !important;
    }

    .mobile-table>tbody table.subtable tbody td::before {
        content: "";
        display: block !important;
        width: 115px !important;
        float: left !important;
        border-left: 0px !important;
        position: absolute !important;
        left: -115px !important;
        height: 100% !important;
        text-align: center !important;
        top: 0 !important;
        border: 1px solid #e3e0e0;
        background: #eeeeee !important;
        padding: initial !important;
        font-weight: normal !important;
        -webkit-border-top-left-radius: 0px !important;
        -moz-border-radius-topleft: 0px !important;
        border-top-left-radius: 0px !important;
        -webkit-border-top-right-radius: 0px !important;
        -moz-border-radius-topright: 0px !important;
        border-top-right-radius: 0px !important;
        line-height: auto !important;
    }

    .mobile-table .subtable {
        width: 100% !important;
        left: 0 !important;
    }

    /* MIN 991 - END TABLE */

    /* Min 991 - DASHBOARD */

    .dashboard .summary.selected li span {
        font-size: 40px;
    }

    .dashboard .summary.selected li span {
        font-size: 14px;
    }

    /* Min 991 - END DASHBOARD*/

    /* Min 991 - DEFAULT SECTION */

    section.default {
        text-align: center;
        padding-bottom: 0px;
    }

    section {
        padding-bottom: 4rem;
    }

    /* Min 991 - END DEFAULT SECTION */

    /* Min 991 - LIST */

    .list li.big-font .bg-icon_4 {
        display: none !important;
    }

    .list li.big-font h3 {
        margin-top: 0px;
        font-size: 2.1em !important;
    }

    .hover-list .block-list-vertical {}

    .hover-list .row .col .title h3 {
        width: 100%;
        text-align: left;
    }

    /* Min 991 - END LIST */

    /* Min 991 - PARALAX */

    section.paralax {
        padding: 270px 0 150px;
    }

    section.paralax #paralax .block-right h4,
    section.paralax #paralax .block-right .cont-but,
    section.paralax #paralax .block-right p {
        text-align: center;
    }

    section.paralax #paralax .block-right .cont-but::before {
        top: -0.27em;
        left: 0;
        right: 0;
        margin: 0 auto !important;
        width: 130px;
        display: block;
        height: 110px;
    }

    section.paralax #paralax .block-left .img3 img,
    section.paralax #paralax .block-left .img2 img {
        display: none;
    }

    section.paralax #paralax .block-left .content {
        left: 0 !important;
        top: 34em !important;
        margin: 0 auto;
    }

    /* Min 991 - END PARALAX */


    /* Min 991 - HOVER LIST */

    .hover-list .row .col .title {}

    .hover-list .row .col .title .icon {
        margin: 0 auto;
        float: initial;
    }

    .hover-list .row .col .title .icon span {
        margin-top: 0px;
        top: 15px;
        position: relative;
    }

    .hover-list .row .col .block-list-vertical:hover .icon {
        transform: rotate(0deg);
    }

    /* Min 991 - END HOVER LIST */

    /* Min 991 */

    .new-vindication-block {
        display: none;
    }

    /* Min 991 - SIDEBAR */

    .sidebar {
        font-size: 10px;
        position: fixed;
        background: #fff;
        height: 105px;
    }

    .sidebar nav li.logo {
        top: 0px;
    }


    .sidebar nav li.logo a {
        line-height: 100;
        overflow: hidden;
        float: left;
    }

    .sidebar .nav.active li:nth-child(2) {
        margin-top: 30px;
    }

    .sidebar .container {
        padding: 0 0 0;
        height: 106px;
    }

    .sidebar.fixed .container {
        height: 70px;
    }



    .sidebar.fixed .mobile-menu {
        top: 6px;
        width: 30px;
        height: 30px;
    }

    .sidebar.fixed .mobile-menu .burger {
        margin: -12px 0 0px -11px;
    }

    .sidebar.fixed nav li a.btn-primary {
        margin: 0px !important;
    }

    .sidebar.fixed .row {
        margin-left: -20px;
        margin-right: -20px;
    }

    .sidebar nav {
        width: 100%
    }

    .sidebar nav li a {
        text-align: center;
        padding: 0.4em 1.8rem;
    }

    .sidebar nav li a::before {
        display: none;
    }

    .sidebar.fixed nav ul.active {
        margin-top: 47px;
        padding-top: 10px;
    }

    .sidebar .nav.active li:nth-child(2) {
        margin-top: 0px;
    }

    .sidebar.fixed nav li.login,
    .sidebar.fixed nav li.register {
        top: 0px
    }

    .sidebar nav ul {
        padding-right: 0;
        text-align: right;
        width: 100%;
        padding-left: 0px !important;
        -webkit-transition: ease-in-out 0.3s;
        -moz-transition: ease-in-out 0.3;
        -o-transition: ease-in-out 0.3;
        transition: ease-in-out 0.3
    }

    .sidebar nav ul.active {
        margin-top: 105px;
        padding-bottom: 10px;
        background: rgb(255 255 255 / 95%);
    }

    .sidebar nav ul.active li+li {
        padding-right: 0px;
        padding-left: 0px;
    }

    .sidebar nav li {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        border: 0px !important;
    }

    .sidebar nav ul.active li+li {
        width: 100%;
        height: 40px;
    }

    .sidebar nav li+li {
        position: relative;
        width: 0px;
        height: 0px;
        overflow: hidden;
    }

    body.logged .mobile-menu {
        top: 7px;
    }

    .mobile-menu {
        display: block !important;
        position: absolute;
        right: 20px;
        cursor: pointer;
        width: 54px;
        height: 54px;
        top: 24px;
        z-index: 99;
        padding: 20px;
        background: #000;
        text-align: center;
        border-radius: 100%;
    }

    .sidebar nav li.login {
        margin-left: 0px;
    }

    .sidebar nav li a.btn-primary {
        margin: 0px;
    }

    .sidebar nav li.register::before,
    .sidebar nav li.login::before {
        display: none !important;
    }

    .sidebar nav li.login,
    .sidebar nav li.register {
        top: 0;
    }

    body.logged .sidebar nav ul.active {
        padding-bottom: 0px;
    }

    body.logged .sidebar nav li a[href="/zlec-windykacje"] {
        padding-left: 0;
        background: #fff !important;
        color: #000;
        margin-bottom: 0px !important;
    }

    body.logged .sidebar nav li a[href="/zlec-windykacje"]:hover {
        background: #000 !important;
        padding-left: 0;
    }

    body.logged .sidebar nav ul.active li+li {
        padding-right: 0px;
    }

    /* Min 991 - END SIDEBAR */

    /* Min 991 - SLIDER */

    .slider {
        top: 0;
    }

    .slider .slider-title {
        margin-top: 1rem;
        font-size: 5rem;
    }

    .slider .block-txt {
        left: 0;
        text-align: center;
        margin-bottom: 0;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .slider .slider-txt::before {
        margin: 1.1em auto 1.2em;
    }

    .lSSlideOuter::before {
        background: #ef2d2d;
        top: -2px;
        z-index: 11;
        height: 2px;
        width: 100%;
    }

    .slider .slider-subtxt::before {
        margin: -1.4em auto;
        left: 0;
        right: 0;
    }

    .slider .lSPager {
        position: absolute;
        left: 0;
        z-index: 10;
        border-radius: 0px;
        top: initial;
        right: 0;
        bottom: 80px;
    }

    .slider .lSPager li {
        display: inline-block !important;
    }

    .small-slider {
        font-size: 6px !important;
    }

    .small-slider .lSSlideOuter {
        margin-top: 5em;
    }

    .slider img,
    .slider picture {
        left: 0;
        right: 0;
        margin: 0 auto;
        opacity: 0.4;
    }

    .slider .block-list {
        margin-top: 6rem;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .slider .block-list ul {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }


    .slider .block-list ul li::after,
    .slider .block-list ul li:nth-child(even)::after {
        margin: 0 auto;
        top: -16px;
    }

    .slider .block-list ul {
        text-align: center;
    }

    .slider .block-list li {
        display: inline-block;
    }

    /* Min 991 - END SLIDER */


    /* Min 991 - SUBPAGES */

    .subpage .main-title {
        padding: 50px 0 !important;
    }

    .subpage .main-title .img {
        display: none;
    }

    .arrow-vindication-functions::before {
        display: none !important;
    }

    .icon1-vindication-functions::before,
    .icon2-vindication-functions::before,
    .icon3-vindication-functions::before {
        margin-left: auto;
        margin-right: auto;
    }

    .icon1-vindication-functions::after,
    .icon2-vindication-functions::after {
        display: none;
    }

    .icon1-vindication-functions,
    .icon2-vindication-functions,
    .icon3-vindication-functions {
        padding-top: 6px;
        border-top: 1px solid #d8d8d8;
    }

    .imgtxt1-vindication-functions,
    .imgtxt2-vindication-functions {
        position: relative;
        font-size: 4.3vw;
    }

    .imgtxt1-vindication-functions::before {
        position: absolute;
        top: 77%;
        left: 53vw;
        color: #000;
        font-weight: 900;
    }

    .imgtxt1-vindication-functions::after {
        position: absolute;
        top: 84%;
        left: 53vw;
        color: #000;
        font-weight: 900;
        font-size: 2.5vw;
    }

    .imgtxt2-vindication-functions::before {
        position: absolute;
        top: 80%;
        left: 27vw;
        color: #000;
        font-weight: 900;
    }

    .imgtxt2-vindication-functions::after {
        position: absolute;
        top: 87%;
        left: 27vw;
        color: #000;
        font-weight: 900;
        font-size: 2.5vw;
    }

    .img-contact {
        position: absolute;
        bottom: -170px;
        right: 0;
        opacity: 0.2;
    }

    /* Min 991 - MY VINDYCATION */
    .dashboard .my-vindication ul li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .dashboard .my-vindication ul li+li+li {
        margin-top: 20px !important;
    }

    /* Min 991 - END SUBPAGES */

    /* Min 991 - FOOT SECTION */

    .footer::before {
        left: -15%;
        top: 130px;
    }


    footer .container {
        padding: 0px 20px;
    }

    section.foot-section .images {
        padding-right: 15px;
    }

    section.foot-section .images img:nth-of-type(1) {
        float: initial;
        max-width: 100%;
    }

    section.foot-section .images img:nth-of-type(2) {
        display: none;
    }

    .footer .order {
        position: relative;
        top: -80px;
    }

    .footer .copyright {
        width: 100%;
        text-align: center;
    }

    .footer nav {
        float: left;
        margin-top: -51px;
        width: 100%;
        text-align: center;
    }

    .footer nav ul {
        margin: 0;
        align-items: center;
        justify-content: center !important;
    }

    .foot-section .title {
        text-align: left;
        margin: 30px 0 0 0;
    }

    .foot-gallery {
        justify-content: center !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .foot-gallery img {
        width: 100%;
    }

    .foot-gallery a {
        margin-bottom: 20px;
    }

    .footer .question {
        max-width: 180px;
        margin: 0 auto 0;
    }

    .footer .question .bg-icon_5 {
        top: -130px;
        left: 0;
        right: 0;
        margin: 0 auto;
        position: absolute;
    }

    .footer .question p {
        text-align: center;
    }

    .footer .question .number {
        padding-left: 0px;
    }

    .footer nav {
        margin-top: 0
    }

    /* Min 991 - END FOOT SECTION */

    /* Min 991 - FORMS */
    .col-12.col-lg-6.val.country {
        margin-bottom: 1rem;
    }


    /* Min 991 - LOGGED MENU */
    body.logged .sidebar nav li a {
        margin-top: 0px;
        width: 100%;
        padding: 8px 8px 6px;
        border-radius: 0px !important;
    }

    body.logged .sidebar nav li.login {
        border-top: 1px solid #e2e2e2 !important;
    }

    body.logged .sidebar nav li.login a {
        margin-top: 0px;
    }


    body.logged .sidebar nav li a {
        background: #fff;
    }

    body.logged .sidebar nav ul.active {
        margin-top: 70px;
    }

    body.logged .sidebar nav li.login {
        top: 0;
    }

    body.logged .sidebar nav li.login a:hover {
        background: #000 !important;
        color: #fff !important;
    }

    body.logged .sidebar nav ul.active li+li {
        margin: 0px !important;
        height: 34px;
    }

    body.logged .sidebar.fixed nav ul.active {
        padding-top: 0px;
    }

    body.logged .sidebar.fixed nav ul.active {
        margin-top: 50px;
    }

    body.logged .sidebar.fixed nav li a[href="/zlec-windykacje"] {
        padding-left: 0;
        position: relative;
        color: #000;
    }

    body.logged .sidebar.fixed a {
        margin-top: 0;
    }

    body.logged .sidebar.fixed nav ul.active li+li {
        height: 30px;
    }

    /* Min 991 - END LOGGED MENU */

    /* Min 991 - DASHBOARD */

    .dashboard .block {
        padding: 15px 15px !important;
    }

    .dashboard .main-title-style2 p .txt {
        font-size: 18px !important;
    }

    .dashboard .main-title-style2 p {
        padding-bottom: 0px !important;
        margin-bottom: 0px;
    }

    .dashboard .main-title-style2 .icon {
        width: 40px;
        height: 40px;
        margin-left: 10px;
        background-size: 20px;
        margin-top: 5px;
    }

    /* Min 991 - SUMMARY */

    .my-data-summary-title::before {
        background: #fff url(/assets/img/uzytkownik_windykacja-online.png) center bottom no-repeat;
        width: 31px;
        top: -27px;
        right: 0;
        left: 0;
        margin: 0 auto;
        padding-top: 24px;
        border-radius: 70px;
    }

    .debtor-data-summary-title::before {
        background: #fff url(/assets/img/dluznik_windykacja-online.png) center bottom no-repeat;
        width: 31px;
        top: -27px;
        right: 0;
        left: 0;
        margin: 0 auto;
        padding-top: 24px;
        border-radius: 70px;
    }

    /* Min 991 - MESSAGES*/

    body.logged table tbody tr:last-of-type td {
        border-bottom: 0px;
    }

    html[lang="pl"] #suggestions.mobile-table tbody tr>td:nth-of-type(1) {
        height: 100%;
    }

    html[lang="pl"] #suggestions.mobile-table tbody tr>td:nth-of-type(2) {
        width: calc(100% - 36px);
        left: 40px;
        height: 100%;
    }
}

@media all and (max-width:767px) {

    .w-15,
    .w-25,
    .w-50,
    .w-75 {
        width: 100% !important;
    }

    .col-lg-48 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .hover-list .row .col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }


    .hover-list .block-list-vertical {
        min-height: initial;
    }

    /* Min 767 - FOOT SECTION */

    .footer nav ul li a,
    .footer .copyright {
        font-size: 1.1em;
    }

    .footer::before {
        width: 200%;
        left: -50%;
    }

    /* Min 767 - END FOOT SECTION */

    /* Min 767 - BUBBLE */

    .bubble-content {
        position: relative;
    }

    .bubble {
        position: initial;
    }

    .bubble:hover::after {
        display: none;
    }

    .bubble:hover::before {
        min-width: initial !important;
        top: initial !important;
        bottom: 40px;
        left: 0 !important;
        right: 0 !important;
        z-index: 2;
    }

    /* Min 767 - END BUBBLE*/

    /* Min 767 - SUBPAGES */

    .imgtxt1-vindication-functions,
    .imgtxt2-vindication-functions {
        position: relative;
        font-size: 5.3vw;
    }

    .imgtxt1-vindication-functions::before {
        position: absolute;
        top: 77%;
        left: 53vw;
        color: #000;
        font-weight: 900;
    }

    .imgtxt1-vindication-functions::after {
        position: absolute;
        top: 84%;
        left: 53vw;
        color: #000;
        font-weight: 900;
        font-size: 4vw;
    }

    .imgtxt2-vindication-functions::before {
        position: absolute;
        top: 80%;
        left: 17vw;
        color: #000;
        font-weight: 900;
    }

    .imgtxt2-vindication-functions::after {
        position: absolute;
        top: 87%;
        left: 17vw;
        color: #000;
        font-weight: 900;
        font-size: 4vw;
    }

    /* MY vindications FILTER*/
    #filltertable {
        margin-bottom: 10px;
        min-width: 100%;
        float: none;
    }

    #filltertable select {
        margin-left: 0px !important;
        width: 100%;
    }

    body.logged #vindications tbody td .btn-primary {
        margin-top: 10px;
        padding: 1rem;
    }


    #vindications_filter {}

    #vindications_length,
    #suggestions_length {
        margin-right: 0px;
        width: 100%;
    }

    #vindications_length,
    #suggestions_length {
        display: none;
    }

    #vindications_info {
        margin-bottom: 20px;
    }

    #vindications_filter,
    #vindications_filter label,
    #vindications_filter input,
    #suggestions_filter input,
    #suggestions_filter label {
        width: 100%
    }

}

@media all and (max-width:600px) {

    #ui-datepicker-div {
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
    }

    #debtor_data_summary .summary li {
        border-bottom: 1px solid #dee2e6;
        padding-bottom: 20px !important;
    }

    #debtor_data_summary .summary li:last-of-type {
        border-bottom: 0px solid #dee2e6;
        padding-bottom: 20px !important;
    }

    section.default {
        font-size: 8px;
    }

    /* Min 600 - PARALLAX */

    section.paralax #paralax .block-left .img1 img {
        max-width: 100%;
    }

    section.paralax #paralax .block-left .content {
        top: 21em !important;
    }


    /* Min 600 - END PARALLAX */

    /* SLIDER */

    .lSSlideWrapper .lSFade>* {
        margin: 0 auto;
    }

    .slider img,
    .slider picture {
        width: 100%;
    }

    /* Min 600 - MY VINDYCATION */
    .dashboard .my-vindication ul li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .dashboard .my-vindication ul li+li {
        margin-top: 20px !important;
    }

    .vindication .block.my-vindication ul li {
        width: auto;
        padding-left: 0 !important;
        padding-top: 58px !important;
    }

    .vindication .block.my-vindication ul li:last-of-type {
        padding-top: 0 !important;
    }

    .vindication .block.my-vindication ul li:last-of-type .btn {
        width: 100%;
        margin-top: 0px !important;
    }

    .vindication .my-vindication ul li::before {
        left: 0;
        top: 7px;
        right: 0;
        margin: 0 auto;
    }

    .vindication .my-vindication ul li::after {
        content: "";
        left: 0px;
        top: 0;
        right: 0;
        margin: 0 auto;
    }


    /* OTHER */

    #suggestions_filter {
        margin-bottom: 20px;
    }

    #vindications_length,
    #suggestions_length {
        margin-bottom: 0px;
    }

    .btn-lg {
        width: 100%;
    }

    .popup .container {
        padding: 20px;
        max-width: 500px;
    }

    .progress {
        width: 100% !important;
        margin-top: 25px !important;
    }

    /* SUMMARY */

    ul.summary li::before {
        width: 100% !important;
        position: relative !important;
        padding: 0px !important;
        text-align: center !important;
    }

    ul.summary li span {
        width: 100% !important;
        padding: 0px !important;
        text-align: center !important;
    }

}


@media all and (max-width:500px) {

    #articles {
        width: 100%;
        /* overflow: hidden; */
        margin: 0;

    }

    #articles>div {
        width: 100%;
    }

    #articles h3 {
        /* word-break: break-all;  */

    }

    #suggestions_info {
        margin-bottom: 15px;
    }

    .dataTables_paginate .previous {}

    .dataTables_paginate .next {}

    section.default {
        margin: 30px auto 0;
    }

    section.paralax #paralax .block-left .content {
        top: 11em !important;
    }

    section.paralax {
        font-size: 7px;
        padding-bottom: 60px;
    }

    section.paralax #paralax .block-right .cont-but::before {
        display: none
    }

    .sidebar nav li.logo a {
        width: 16em;
    }

    .slider .slider-title {
        font-size: 3rem;
    }

    .slider .slider-txt {
        font-size: 1, 1em
    }

    .subpage .sub-title {
        font-size: 30px !important;
    }

    .title.big {
        padding-bottom: 0.7em;
        font-size: 4em;
    }

    .hover-list .row .col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .list-icon span {
        margin: 0 auto;
    }

    .list-icon li {
        text-align: center;
    }

    .footer .copyright {
        margin-top: 30px;
    }


    .footer nav ul li a {
        padding: 0.5rem 1rem;
    }


    .footer::before {
        width: 240%;
        left: -70%;
    }

    .porady-img::before {
        bottom: -340px;
        opacity: 0.4;
        background: url(/assets/img/porady_windykacyjne_online-sm.webp) center center no-repeat;
    }

    .footer .order p {
        font-size: 25px;
    }

    .footer .order p span {
        font-size: 14px;
    }

    .footer .order a {
        font-size: 16px;
        padding-left: 2em;
        padding-right: 2em;
    }

    #suggestionModalButton {
        width: 100%;
        max-width: 100%;
        height: 20px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        text-align: center;
    }

    #suggestionModalButton span {
        position: relative;
        color: #fff;
        left: 0;
        right: 0;
    }

    #suggestionModalButton::before {
        display: none;
    }

    #suggestionModalButton:hover span {
        left: 0;
        transform: scale(1);
    }

    .popup .container {
        max-width: 300px;
        min-height: 370px;
    }

    .popup textarea {
        min-height: 93px !important;
        resize: none;
    }

    .popup .title {
        font-size: 13px;
    }

    .popup .container button {
        width: 100%;
    }

    .popup label {
        text-align: left;
    }

    .popup .col-md-12 {
        padding: 0px;
    }

    .sign-in .error,
    .sign-up .error {
        position: relative;
    }

    .subpage.contact {
        height: calc(100vh - 122px);
    }

    .mt-top {
        margin-top: 15px !important;
    }


}

@media all and (max-width:480px) {
    /* Min 480 - SUBPAGES */

    .imgtxt1-vindication-functions,
    .imgtxt2-vindication-functions {
        position: relative;
        font-size: 5.3vw;
    }

    .imgtxt1-vindication-functions::before {
        position: absolute;
        top: 72%;
        left: 53vw;
        color: #000;
        font-weight: 900;
    }

    .imgtxt1-vindication-functions::after {
        position: absolute;
        top: 79%;
        left: 53vw;
        color: #000;
        font-weight: 900;
        font-size: 4vw;
    }

    .imgtxt2-vindication-functions::before {
        position: absolute;
        top: 75%;
        left: 17vw;
        color: #000;
        font-weight: 900;
    }

    .imgtxt2-vindication-functions::after {
        position: absolute;
        top: 82%;
        left: 17vw;
        color: #000;
        font-weight: 900;
        font-size: 4vw;
    }

    /* Min 480 - vindications - DOCUMENTS */

    .invoice-number {
        left: -25px;
    }

    .delete-document {
        right: -25px;
    }

    /* Min 480 - TABLE - MOBILE*/

    .vindications table.mobile-table thead tr>th:nth-of-type(4) {
        width: 100% !important;
    }

    /* Min 480 - END TABLE - MOBILE*/

    /* Min 480 - FORMS */

    #my-data-form .your-data-title {
        margin: 0px !important;
        padding: 0px !important;
    }

    #my-data-form .your-data-title.sub-title+div {
        position: relative;
        padding-left: 0;
        text-align: left;
        margin: 10px 0;
        right: 0;
    }

    #settings-form .account-settings-title {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Min 480 - END FORMS*/
}

@media all and (min-width:2000px) {


    .dashboard .summary li span {
        font-size: 40px
    }


    .dashboard #my_data_summary .summary li span,
    .dashboard #debtor_data_summary .summary li span {
        font-size: 16px;
    }

    .sidebar nav li.logo {
        left: 0
    }

    .sidebar .container {
        max-width: 1940px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .imgtxt1-vindication-functions,
    .imgtxt2-vindication-functions {
        position: relative;
        font-size: 45px;
    }

    .imgtxt1-vindication-functions::before {
        position: absolute;
        top: 79%;
        left: 530px;
        color: #000;
        font-weight: 900;
    }

    .imgtxt1-vindication-functions::after {
        position: absolute;
        top: 88%;
        left: 528px;
        color: #000;
        font-weight: 900;
        font-size: 35px;
    }

    .imgtxt2-vindication-functions::before {
        position: absolute;
        top: 80%;
        left: 280px;
        color: #000;
        font-weight: 900;
    }

    .imgtxt2-vindication-functions::after {
        position: absolute;
        top: 89%;
        left: 193px;
        color: #000;
        font-weight: 900;
        font-size: 37px;
    }

    #ui-datepicker-div {
        max-width: 335px;
    }

    section.default,
    .modele.container,
    section.foot-section,
    .footer {
        max-width: 1900px;
    }

    .footer {
        max-width: 100%;
    }

    .footer::before {
        transform: rotate(-2.3deg);
        left: -25%;
    }

    .slider .lSSlideWrapper,
    .slider #slider {
        min-height: 750px;
    }

    .slider .slider-title {
        font-size: 6.3em;
    }

    .slider .block-list li {
        font-size: 1.1em;
    }

    .slider .block-list ul li .icon span {
        zoom: 0.8;
        margin-top: -1px;
    }

    .list li.big-font h3 {
        margin-top: -190px;
    }

    .popup .container {
        padding: 50px !important;
    }

    .article .main-title .container div {
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0px;
    }

}


/* HEIGHT */
@media all and (max-height:800px) {
    .subpage.contact {
        height: calc(100vh - 142px);
    }
}


/* END MOBILE */

.subpage .default.container p.h1 {
    font-size: 3rem !important
}

.subpage .default.container p.h2 {
    font-size: 2.5rem !important
}

.subpage .default.container p.h3 {
    font-size: 2rem !important
}

.subpage .default.container p.h4 {
    font-size: 1.5rem !important
}

.subpage .default.container p.h5 {
    font-size: 1rem !important
}

.subpage .default.container p.h6 {
    font-size: 0.5rem !important
}

.lh-1 {
    line-height: 1.5rem
}

.lh-2 {
    line-height: 2.5rem
}

.lh-3 {
    line-height: 3.5rem
}

.lh-4 {
    line-height: 4.5rem
}

.lh-5 {
    line-height: 5.5rem
}

.fs-0 {
    font-size: 1rem;
}

.fs-1 {
    font-size: 1.5rem;
}

.fs-2 {
    font-size: 2.5rem;
}

.fs-3 {
    font-size: 3.5rem;
}

.fs-4 {
    font-size: 4.5rem;
}

.fs-5 {
    font-size: 5.5rem;
}

.variable {
    display: none;
}


.history-stages {}

.history-stages>div {
    padding-bottom: 70px;
}

.history-stages>div .icon {
    width: 80px;
    height: 80px;
    background: #fff;
    border: 2px solid #d2d2d2;
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
}

.history-stages>div .space {
    width: calc(33.33% - 106px) !important;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history-stages>div .space::before {
    content: "";
    width: 90%;
    height: 4px;
    background: #d2d2d2;
    border-radius: 10px;
}

.history-stages>div .space.active::before {
    background: #20c71d;
}

.history-stages>div p {
    padding: 0 !important;
    position: absolute;
    left: 0;
    bottom: -30px;
}

.history-stages>div .stage {
    width: 80px;
    position: relative;
}

.history-stages>div .stage .icon::before {
    content: "";
    width: 65px;
    height: 65px;
    background: url(../img/ikony.png);
}

.history-stages>div .stage.active .icon {
    border: 2px solid #20c71d;
}

.history-stages>div .stage-1 {}

.history-stages>div .stage-1 .icon {}

.history-stages>div .stage-1 .icon::before {
    background-position: -17px -27px;
}

.history-stages>div .stage-1.active .icon::before {
    background-position: -118px -27px;
}

.history-stages>div .stage-1 p {
    width: 160px;
}

.history-stages>div .stage-2 {}

.history-stages>div .stage-2 .icon {}

.history-stages>div .stage-2 .icon::before {
    background-position: -18px -122px;
}

.history-stages>div .stage-2.active .icon::before {
    background-position: -118px -122px;
}

.history-stages>div .stage-2 p {
    width: 220px;
    text-align: center;
    transform: translateX(-50%);
    left: 50%;
}

.history-stages>div .stage-3 {}

.history-stages>div .stage-3 .icon {}

.history-stages>div .stage-3 .icon::before {
    background-position: -15px -213px;
}

.history-stages>div .stage-3.active .icon::before {
    background-position: -117px -213px;
}

.history-stages>div .stage-3 p {
    width: 80px;
    text-align: center;
}

.history-stages>div .stage-4 {}

.history-stages>div .stage-4 .icon {}

.history-stages>div .stage-4 .icon::before {
    background-position: -17px -314px;
}

.history-stages>div .stage-4.active .icon::before {
    background-position: -118px -314px;
}

.history-stages>div .stage-4 p {
    width: 160px;
    right: 0;
    left: initial;
    text-align: right;
}