:root {
  --main-color: #3B7ECB;
}

#naglowek {
	// background: #3B7ECB;
}

.wyloguj {
	color: #3B7ECB;
}


/* NEW LOGIN */

    .l-bg:before {
        background-image: url("/images/login-new/bg/default.jpg");
    }


    .center-tile {
        background-color: #ffffff !important;
    }
    .l-bg__gradient {
        opacity: 0.5;
    }

    .desktop:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        content: "";
        background: #6db0fd;
        background: -moz-radial-gradient(center, ellipse cover, #6db0fd 0%, #3B7ECB 100%);
        background: -webkit-radial-gradient(center, ellipse cover, #6db0fd 0%,#3B7ECB 100%);
        background: radial-gradient(ellipse at center, #6db0fd 0%,#3B7ECB 100%);
    }

    .desktop:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 0;
        opacity: 0.1;
        background-image: url("/images/login-new/bg/default.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-blend-mode: multiply;
        mix-blend-mode: multiply;
        filter: grayscale();
    }

    


    

    .desktop:after {
        opacity: 0.15;
        filter: none;
    }
    .desktop .dashboard-logo:before {
        opacity: 0.15;
        filter: none;
    }


    .desktop .dashboard-element-content {
        flex-direction: row-reverse !important;
    }

    .desktop .dashboard-element p {
        font-size: 1.4vw;
        align-self: flex-end;
        text-align: left;
        width: 100%;
    }

    .desktop .dashboard-element .img-container {
        width: 71% !important;
        margin-right: 1.5vw;
    }

    .desktop .dashboard-element img {
        max-width: 78% !important;
        max-height: 90% !important;
    }

            .dashboard-logo, .dashboard__center {
            background: rgba(255,255,255,0.7) !important;
        }
    
    
    .desktop:after, .desktop:before {
        display: none;
    }

    .desktop {
        background: transparent;
    }

    .desktop .dashboard-element-content {
        flex-direction: column !important;
    }

    .desktop .dashboard-element .img-container {
        margin-right: 0 !important;
        width: auto !important;
        max-height: 70%;
        text-align: center;
    }

    .desktop .dashboard-element img {
        max-width: 70% !important;
        max-height: 70% !important;

    }

    .desktop .dashboard-element p, .dashboard__title {
        align-self: center;
        text-align: center;
        color: white;
    }

    .desktop .dashboard-element {
        height: 32%;
        border: none !important;
        border-radius: 7px !important;
        transition: all 0.2s !important;
    }

    #sidebar {
        border-color: #3B7ECB !important;
        background-color: #3B7ECB !important;
            }

    
        .desktop .dashboard-element, .dashboard__element {
            background: linear-gradient(180deg, #5497e4 0%, #2265b2 100%) !important;
        }

        @media screen and (max-width: 900px) {
            .desktop .dashboard-element, .dashboard__element {
                background: linear-gradient(180deg, #3B7ECB 0%, #094c99 100%) !important;
            }
        }

        .statement-steps-front__item {
            background: linear-gradient(180deg, #5497e4 0%, #2265b2 100%) !important;
        }

        @media screen and (max-width: 1250px) {
            .statement-steps-front__item {
                background: linear-gradient(180deg, #3B7ECB 0%, #094c99 100%) !important;
            }
        }

    
    .statement-steps-front__text {
        color: white !important;
    }

    .desktop .dashboard-element:hover, .dashboard__element:hover {
        transform: scale(1.01);
        position: relative;
        z-index: 5;
        opacity: 0.95;
    }

    .desktop .dashboard-logo {
        height: 32%;
        //border: 1px solid transparent !important;
        border: none !important;
    }

    .desktop .dashboard-logo-content h1, .dashboard__system-name {
        color: #000000 !important;
    }

    .desktop .dashboard-logo-content h2, .dashboard__office-name {
        color: rgba(0, 0, 0, 0.6) !important;
    }

    .main-menu li a.active:before {
        background-color: #c48134 !important;
    }

    #gmina-info p {
        color: white !important;
    }

    .main-menu li a {
        color: rgba(255, 255, 255, 1) !important;
        //color: #333333  !important;
    }

    .main-menu li a.active {
        color: #ffffff !important;
        background: rgba(255, 255, 255, 0.1) !important;
    }

    .main-menu li a:hover {
        background: rgba(255, 255, 255, 0.03) !important;
    }

    
    
    .white-container-new--color-top {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top: 3px solid #3B7ECB;
    }

    /* KOLOR 'KAFELKA' NA LIŚCIE E-USŁUG */
    .form-tile:hover, .form-tile.active {
        background: #3B7ECB;
    }

    .accordion-form-new .accordion-content {
        border-color: #3B7ECB;
    }

    .custom-navbar li a:hover, .custom-navbar li a:focus {
        color: #3B7ECB;
    }

    .custom-navbar li.active a {
        background-color: #3B7ECB;
        border-color: #3B7ECB;
    }

    .formularze-lista-new {
        border-top: 3px solid #3B7ECB;
    }

    
    /*
    ================================================== !!! ==================================================
        KOLORYSTYKA PKS
    ================================================== !!! ==================================================
    */

    .header-blue, h2, h3 {
        color: #2265b2;
    }

    .tabela thead tr td, .tabela thead tr th {
        color: #2265b2;
    }

    .table-new thead td, .table-new thead th {
        color: #2265b2;
    }

    .consultation:hover {
        border-color: #3B7ECB;
    }

    .consultation__top:hover {
        background: #3B7ECB;
    }

    .consultation__icon svg path {
        stroke: #2265b2;
        fill: #2265b2;
    }

    .consultation__period-icon svg path, .consultation__type-icon svg path, .consultation__anonymous-icon svg path {
        stroke-width: 5px;
        stroke: #2265b2;
        fill: #2265b2;
    }

    .attachment:hover {
        border-color: #3B7ECB;
    }

    .attachment__icon svg path, .attachment__download svg path {
        fill: #3B7ECB;
        stroke: #3B7ECB;
    }

    .consultation-image:hover {
        border-color: #3B7ECB;
    }

    .progress-bar--color {
        background: #3B7ECB !important;
    }

    .progress-bar-striped {
        background-image: linear-gradient(
                45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
        background-size: 1rem 1rem !important;
    }

    /*.progress-bar-animated {*/
    /*    -webkit-animation: 1s linear infinite progress-bar-stripes;*/
    /*    animation: 1s linear infinite progress-bar-stripes;*/
    /*}*/

    .custom-control-input:checked~.custom-control-label::before {
        border-color: #3B7ECB;
        background-color: #3B7ECB;
    }

    .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
        border-color: #3B7ECB;
        background-color: #3B7ECB;
    }

    .custom-control-input:disabled~.custom-control-label::before, .custom-control-input[disabled]~.custom-control-label::before {
        border-color: #dddddd;
    }

    .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
        background-color: #e9ecef;
        border-color: #dddddd;
    }

    .custom-control-label:hover:before {
        border: 1px solid #3B7ECB;
    }

    .custom-control-label:hover:before {
        border: 2px solid #3B7ECB;
    }

    .rate-row__item.active {
        border-color: #3B7ECB;
        background-color: #3B7ECB;
    }

    .forum-topic:hover {
        background: #3B7ECB;
    }

    .forum-topic__icon--unread {
        color: #3B7ECB;
    }

    .forum-topic__user {
        color: #1659a6;
    }

    .pagination .page-item.active .page-link {
        background-color: #3B7ECB;
        border-color: #3B7ECB;
    }

    .pagination .page-link {
        color: #094c99;
    }

    .comment:hover {
        border-color: #3B7ECB;
    }

    .comment__img svg path {
        fill: #3B7ECB;
        stroke: #3B7ECB;
    }

    .forum-comments-list .forum-comments-list {
        border-color: #3B7ECB;
    }

    .forum-comments-list .forum-comments-list .forum-comments-list__item:before {
        border-color: #3B7ECB;
    }

    .comment__reply-button:hover {
        background-color: #3B7ECB;
    }

    .forum-add-comment__attachment-button svg path {
        fill: #3B7ECB;
        stroke: #3B7ECB;
        stroke-width: 10px;
    }

    .progress-bar {
        background-color: #3B7ECB;
    }

    .login-consultations {
        background-color: rgba(22, 89, 166, 0.7);
    }

    .login-consultations__icon svg path {
        stroke: #ffffff;
        fill: #ffffff;
    }

    .login-consultations__header {
        color: #ffffff;
    }

    .comment__new {
        background-color: #3B7ECB;
    }

    .document__comment-button {
        background-color: #3B7ECB;
    }

    .document__comment-button--empty {
        background-color: #ffffff;
    }

    .document__content:hover .document__comment-button--empty, .document__content--active .document__comment-button--empty {
        border: 1px solid #3B7ECB88 !important;
    }

    .appointment-calendar-select__calendar-icon svg * {
        fill: #2265b2;
        stroke: #2265b2;
    }

    
    /*
    ================================================== !!! ==================================================
        MISC
    ================================================== !!! ==================================================
    */

    input:checked + .slider {
        background-color: #3B7ECB;
    }

    .tax-tile-new:hover, .standard-tile-new:hover {
        background-color: #3B7ECB;
        border: 1px solid #3B7ECB;
    }

    .tax-tile-new__icon svg, .standard-tile-new__icon svg, .tax-tile-new__icon path, .standard-tile-new__icon path {
        fill: #3B7ECB;
        path: #3B7ECB;
    }

    
    /*
    ================================================== !!! ==================================================
        NOWY PRZYCISK USER + KONTEKST
    ================================================== !!! ==================================================
    */


    .header-user__icon {
        background: #3B7ECB !important;
    }

    .header-user:hover .header-user__icon {
        background: #5497e4 !important;
    }

    .context-button:hover {
        color: #2265b2 !important;
    }

    .header-user-dropdown li a:hover {
        color: #2265b2 !important;
    }

    

/* PRZYKLEJENIE STOPKI DO DOLNEJ CZĘŚCI STRONY, GDY BRAK OPISÓW I LOGOTYPÓW UNIJNYCH NA STRONIE GŁÓWNEJ */
@media screen and (min-height: 620px) and (min-width: 990px) {
    }

/*
================================================== !!! ==================================================
    BUG REPORT
================================================== !!! ==================================================
*/

.bug-report-category__input:checked + .bug-report-category__label {
    background: #3B7ECB;
    border-color: #3B7ECB;
}

/*
================================================== !!! ==================================================
    ONBOARDING
================================================== !!! ==================================================
*/

.onboarding__background svg *,
.onboarding__icon svg * {
    fill: #3B7ECB;
    stroke: #3B7ECB;
}