/* Minification failed. Returning unminified contents.
(591,92): run-time error CSS1030: Expected identifier, found ','
(591,113): run-time error CSS1031: Expected selector, found ')'
(591,113): run-time error CSS1025: Expected comma or open brace, found ')'
(620,41): run-time error CSS1030: Expected identifier, found ','
(620,65): run-time error CSS1031: Expected selector, found ')'
(620,65): run-time error CSS1025: Expected comma or open brace, found ')'
(1213,44): run-time error CSS1046: Expect comma, found '0'
(1213,47): run-time error CSS1046: Expect comma, found '/'
 */
@keyframes glowingBtnFilter {
    0% {
        box-shadow: 0 0 5px #FFDB60;
    }

    50% {
        box-shadow: 0 0 10px #EE8726;
    }

    100% {
        box-shadow: 0 0 5px #FFAB16;
    }
}

.glowing_btns_filter {
    animation: glowingBtnFilter 1300ms infinite;
    border-radius: 6px;
}

.field-validation-error * {
    color: green;
}

body {
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif,'Tangerine', 'Arial', 'Helvetica';
    color: #232323;
    background-color: #fff;
    margin: 0;
    padding: 0;
}

header,
footer,
nav,
section {
    display: block;
}

textarea 
{
    min-height: 75px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/*#menucontainer 
{
    margin: 10px;
    border: 1px solid #0026ff;
    background-color: #a7d4f5; 
}*/

#topArrow {
    text-align: center;
    position: relative;
    top: 5px;
    background: #98c9dc;
    border-radius: 30px;
    margin: 0px auto;
    width: 30px;
    cursor:pointer;
}

/* Pasek na gorze strony */
@media (min-width:0px) and (max-width: 350px) {
    #topArrow {
        display: none;
    }

    #topBar2 .nav > li > .navBtn {
        padding-left: 25px;
    }

    #topBar2 .navbar-nav .open .dropdown-menu {
        left: 0;
        right: auto;
    }

    #collapseOne {
        top: 30px;
    }

    #grupyPanelContainer {
        padding-top: 40px !important;
    }

    .nagTop {
        margin-top: 70px !important;
    }

    #wpisIdInput {
        margin-top: 60px !important;
    }
}

@media (min-width: 350px) and (max-width: 520px) {
    #topBar2 .navbar-toggle {
        display: none !important;
    }

    #wpisIdInput {
        margin-top:60px !important;
    }

    #topBar2 .nav > li > .navBtn {
        padding-left: 5px;
        padding-right:0px;
    }

    #topBar2 #example-1 {
        display: flex;
        justify-content: space-between;
    }

    #topArrow {
        display: none;
    }

    .navbar-nav {
        float: left !important;
    }

        .navbar-nav > li {
            float: left !important;
        }

    #topBar2 .navBtn .material-icons {
        font-size: 30px !important;
    }

    #collapseOne {
        top: 30px;
    }

    #grupyPanelContainer {
        padding-top:40px !important;
    }

    .nagTop {
        margin-top: 70px !important;
    }
}

@media (min-width: 520px) and (max-width: 993px) {
    #topBar2 {
        margin-top: -70px;
    }

    .navbar-nav {
        float: left !important;
    }

        .navbar-nav > li {
        float: left !important;
    }

    #topBar2 .navbar-toggle {
        display: none !important;
    }

    #topBar2 #example-1 {
        display: flex;
        justify-content: space-between;
    }
}

@media (min-width: 993px) {
    #topBar2 {     
        margin-top: -70px;
    }
    .navbar-nav > li {
        float: left !important;
    }

    #topBar2 #example-1 {
        display: flex;
        justify-content: space-between;
    }
}

#topBar2 {
    background: #98c9dc;
    top: 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    cursor: pointer;
}

    #topBar2 .nav > li > .navBtn {
        /*padding-left: 25px;*/
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 5px;
        -webkit-text-stroke: 1px #333;
    }

    #topBar2 .material-icons {
        color: #fff;
        cursor: pointer !important;
        font-size:40px;
    }

    #topBar2 .navbar-nav .open .dropdown-menu {
        position: absolute;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        background-color: #fff;
        z-index: 1000;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        right: 0;
        left: auto;
    }

    #topBar2:hover {
        margin-top: 0px;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
    }

#collapseOne {
    position: relative;
    margin-top:40px;
}

/*
    #topBar {
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 20px;
        border: 1px solid silver;
        color: white;
        background: #98c9dc;
        min-height: 70px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: -90px;
        z-index: 999;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
    }

#topBar:hover {
    margin-top: 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}*/

#actionIcon img{
    margin: 2px;
}

#actionIcon img:hover {
    border-radius: 3px;
}

/* Tresc strony */
#contentPage {
    margin: 5px 5px 70px 5px;
    padding: 15px;
}

/* Okienko logowania */
#loginBox {
    margin: 0 auto;
    max-width: 250px;
    min-height: 150px;
    background-color: rgb(255, 251, 236);
    font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    margin-top: 100px;
    padding: 20px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow:  0 3px 8px rgba(0, 0, 0, .25);
}

#loginBox input[type="text"], input[type="password"] {
    width: 100%;
}

/*input[type="text"],  input[type="password"], select {

}*/
    .wpisBox {
        background-color: rgb(255, 251, 236);
        font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
        margin-top: 20px;
        padding: 10px;
        border: 1px solid #c5c5c5;
        border-radius: 3px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    }

.wpisBox .wpis-title { 
    margin-right: 10px;
    float: left;
}

/*.wpisBox .wpis-date {

}*/

.wpisBox .wpis-content {
    padding: 10px;
}

.wpisBox .wpis-id {
    margin-right: 10px;
    float: left;
}

/* Wybor zadania */
#id_zadania {
    display: inline;
}

.ui-widget select {
    font-size: 22px;   
}

#clear_list_btn::before {
    color: darkred !important;
    font-size: 17px;
    position:center;
}

.greenCheckbox {
    outline: 2px double #008000;
    outline-offset: -2px;
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
    margin-right: 5px;
}

input[name="todo_name"], input[name="todo_name_top"] {
    /* 1.3 Checkboxes */
    -ms-transform: scale(1.3); /* IE */
    -moz-transform: scale(1.3); /* FF */
    -webkit-transform: scale(1.3); /* Safari and Chrome */
    -o-transform: scale(1.3); /* Opera */
    transform: scale(1.3);
    margin-right: 5px !important;
}


.expired_span {
    color: #ED394F;
    font-weight: bold;
}

.to_do_timer_disabled {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.todoTextSpan[data-toggle="toDo_popover"] {
    vertical-align: 1px !important;
    margin-left: 3px !important;
    color: black;
}

/*Żeby tekst był w jednej linijce*/
.popover {
    max-width: none !important;
    font-size : 12px !important;
    font-family:initial !important;
}

.popover-content {
    padding: 4px 3px !important;
}

.changeTopkaOpis {
    margin-left: 5px;
}

.popover.top {
    margin-top: -4px !important;
}

input.topka {
    font-size:15px;
    padding-left : 5px;
    padding-right : 1px;
}

.timepicker-hour, .timepicker-minute, .separator {
    font-size: 30px !important;
}

.confirm_swal_todo, .swal-button--confirm {
    background-color: #588C64 !important;
    color: white !important;
}

.swal-button--cancel {
    background-color: #C34E4E !important;
    color: white !important;
}

.karta_pracownicza_opis {
    font-style:italic;
    color: lightslategrey;
    font-size:medium;
    text-align:center;
}

.not_allow--button {
    pointer-events : none;
    cursor:not-allowed;
}

.todobtns > .checkbox > label {
    color: #0054ED;
}

#trigerCollapse {
    cursor: pointer;
    vertical-align: top;
    transform: scale(0.9);
    opacity: 0.9;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-right: 1px;
    margin-left: 0px;
    height: 20px;
    font-size: 12px;
    vertical-align: text-top;
    display:inline-flex;
}

.select2-container .select2-selection--multiple {
    min-height: 46px !important;
    border: 1px solid #ccc;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.filtryBox .select2-container .select2-selection--multiple {
    height: 46px !important;
}

.chatGptIcon {
    color: #4493bb;
    cursor:pointer;
}

.rozszerzKontekstChatGpt {
    max-width: 220px;
    display: inline-block!important;
}

.loader {
    position: relative;
    width: 108px;

}

    .loader::after, .loader::before {
        content: '';
        display: inline-block;
        width: 48px;
        height: 48px;
        background-color: #FFF;
        background-image: radial-gradient(circle 14px, #0d161b 100%, transparent 0);
        background-repeat: no-repeat;
        border-radius: 50%;
        animation: eyeMove 10s infinite, blink 10s infinite;
    }

@keyframes eyeMove {
    0%, 10% {
        background-position: 0px 0px
    }

    13%, 40% {
        background-position: -15px 0px
    }

    43%, 70% {
        background-position: 15px 0px
    }

    73%, 90% {
        background-position: 0px 15px
    }

    93%, 100% {
        background-position: 0px 0px
    }
}

@keyframes blink {
    0%, 10%, 12%, 20%, 22%, 40%, 42%, 60%, 62%, 70%, 72%, 90%, 92%, 98%, 100% {
        height: 48px
    }

    11%, 21%,41%, 61%, 71%, 91%, 99% {
        height: 18px
    }
}
/*Zwijanie diva z listą uzytkowników mających dostęp do danego wpisu*/
@media (min-width: 993px) and (max-width: 1260px){
    .hintGlyphiconEye {
        display: flex !important;
    }

    .hintUserUprInfoDiv {
        display: none !important
    }
}

@media (min-width: 576px) and (max-width: 992px){
    .hintUserUprInfoDiv {
        display: none !important;
    }

    .hintGlyphiconEye {
        display: flex !important;
    }
}

@media (max-width: 575px) {
    .hintUserUprInfoDiv {
        display: none !important;
    }

    .hintGlyphiconEye {
        display: flex !important;
        flex-direction: column;
    }

}

.hintGlyphiconEye {
    line-height: inherit !important;
    font-size:0.8em;
}

/*Wyglad wpisu*/
/*Ramka:*/
.wpisclassx, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, span:not(.material-icons, .glyphicon, .slider) {
    font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif !important;
}

.wpisclassx {
    background-color: rgb(255, 251, 236);
    margin-top: 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 3px 0px 12px 8px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    min-width: 440px;
}

        /*naglowkek odpowiedzi:*/
        .wpisclassx h3, .wpisclassx h4 {
            color: #666 !important;
            font-weight: bold;
        }
        .wpisclassx h3 {
            font-size: 0.9em;
            font-weight: bold;
            display: block;
            margin-bottom: 7px;
            margin-top: 2px;
        }

        .wpisclassx h4:not(.myModalLabel, #newUser_selectedUsers) {
            font-size: 0.9em;
            margin-bottom:10px;
        }

    /*tresc odpowiedzi*/
    .wpisclassx div.tresc {
        padding-bottom: 8px;
    }

.avatarCol {
    width : fit-content !important;
    padding: 0px !important;
    margin:5px 5px;
}

.nagIconsDiv {
    float:right;
    margin-top:5px;
    margin-right : 2px;
    display:flex;
}

    #membersH3 {
        word-wrap: break-word;
        text-wrap:none;
    }
    /*koniec wygladu tresci wpisu*/

    /*Style dla inputa uploudu plików*/
    input[type='file'] {
        -webkit-appearance: initial;
        background-color: initial;
        cursor: default;
        align-items: baseline;
        color: inherit;
        text-align: start !important;
        padding-top: 5px;
        border: initial;
    }

.detailNagLink {
    margin-right: -10px;
}

.detailNag, .tagiDiv, .detailChatGPT {
    padding-left: 20px;
    padding-right: 20px;
}

.podjetoBtn, .porzuconoBtn {
    /*color: #111;*/
    /* padding: 0.25em 0.25em;
    font-family: avenir, helvetica, arial, sans-serif;
    letter-spacing: 0.15em;
    border-radius: 0.3em;*/
    background-color: initial;
    text-shadow: none;
}
        .podjetoBtn:hover, .porzuconoBtn:hover {
            border-color: #F0AD4E;
        }

.podjetoUserSpan {
    padding-left: 1px !important;
    padding-right: 1px !important;
    color: #666;
    vertical-align:super !important;
}

    /*Wyglad odpowiedzi*/
    /*Ramka calej odpowiedzi:*/
.odpclassx-0, .odpclassx-1 {
    font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0px 8px 8px 8px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
    word-wrap: break-word;
    min-width: 440px;
}

.odp[data-zach="2"] .leftBtnSpan {
    padding-right:15px;
}

    .wpisIcon img:hover {
        background-color: #eaeaea;
        border-radius: 3px;
    }

.wpisIconsSpan {
    padding: 0px;
    text-align:end;
}

    .wpisIconsSpan span, .wpisIconsSpan a {
        margin: inherit;
    }

.badgeInfo {
    vertical-align: top;
    color: #4493BB;
}

.checkedImg {
    margin-right: 5px;
    margin-left: 5px;
}

.wpisTitleDiv {
    padding:0px 4px;
}



/*Responsywne obrazki w tresci wpisu*/
.odpclassx-0 img {
    max-width: 100%;
    height: auto;
}

    .odpclassx-1 img {
        max-width: 100%;
        height: auto;
    }

    /*nowy naglowek(ikona + text: tile view)*/
.odpclassx-0 div.nag, .odpclassx-1 div.nag {
    min-height: 50px;
    margin-bottom: 8px;
    padding-bottom: 5px;
    margin-top: 5px;
    display: flex;
    justify-content:space-between;
    /*flex-direction:row;*/
}

.odpclassx-00 {
    padding: 5px 0px;
    min-width: 400px;
}

.odpclassx-0 div.nag-left, .odpclassx-1 div.nag-left {
    /*border: 1px solid pink !important;*/
}

.nag-left .wpisTitleDiv, .nag-left .typDomyslnyDiv {
    padding-top:0px;
}

    .nag-left a {
        padding: 0px 2px;
    }

    .odpclassx-0 div.nag-left-users, .odpclassx-1 div.nag-left-users {
        /*border: 1px solid pink;*/
        display: flex;
        /*display:inline-flex;
    flex-direction: column;*/
    }

.subpriv_span {
    display:flex;
}

/*naglowkek odpowiedzi:*/
.odpclassx-0 h3, .odpclassx-1 h3, .odpclassx-0 h4, .odpclassx-1 h4, .odpclassx-0 h2, .odpclassx-1 h2 {
    color: #666;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 0px;
}

    .odpclassx-0 h3, .odpclassx-1 h3 {
        font-size: 0.8em;
    }

.typDomyslnyCollapse.collapse.in {
    display:inline;
}

    .odpclassx-0 h4, .odpclassx-1 h4 {
        font-size: 0.6em;
    }

    /*tresc odpowiedzi*/
    .odpclassx-0 div.tresc, .odpclassx-1 div.tresc {
        padding-bottom: 8px;
        padding-left:15px;
        display: block;
    }

        .odpclassx-0 div.tresc ol li, .odpclassx-1 div.tresc ol li {
            clear: left;
        }

    .odp-appr {
        background-image: url(/Content/themes/base/images/appr.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 128px;
    }

    /*editor-field*/
    .styled-editor-field input {
        width: 100%;
    }

    .form_BIG {
        margin-top: 15px;
        background-color: rgb(255, 251, 236);
        font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
        padding: 0px 8px 8px 8px;
        border: 1px solid #c5c5c5;
        border-radius: 3px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    }

    .fieldset_BIG {
        margin-top: 8px;
        padding-top: 8px;
        border: none;
    }

    .selectBar {
        display: inline;
    }

    #postMembers {
        font-size: x-large;
        min-width: 300px;
    }

    .divSystemowy {
        font-size: 15px;
        color: #c0c0c0;
        background: #f2fdff;
        padding-top: 15px;
    }

    .divSystemowyToDo {
        /*border: 2px solid;*/
        padding: 5px !important;
    }

    .tokenize.single > .tokens-container > .token, .tokenize > .tokens-container > .token {
        background-color: #f2fdff !important;
        color: black !important;
    }

    .tokenize > .tokens-container > .token-search > input {
        padding-bottom: 3px;
    }

    .badge-tagsCounter {
        background-color: #98c9dc !important;
        color: white !important;
        margin-bottom: 10px;
        margin-left: 5px;
    }

.comboBoxPageLength {
    width:400px !important;
    display:inline-flex;
}
/*Paginacja w watku*/
.comboBoxPageLength {
    width : 260px !important;
}



.comboBoxPageInputGroup .input-group-addon, .comboBoxPageInputGroup .input-group-addon .form-control {
    background-color: initial;
    border: initial;
    color: #666666;
}

.pagerDiv .pull-right a {
    vertical-align: -1px !important;
}

.comboBoxPageInputGroup {
    margin-top: 5px;
    width: 230px;
}

.paddingandlengthDiv {

}

.paddingandlengthDiv, .pagerDivFooter {
    text-align: right;
}
    .paddingandlengthDiv .goToPageVal, .pagerDivFooter .goToPageVal {
        width:100px;
    }

    .paddingandlengthDiv .btn-group, .pagerDivFooter .btn-group {
        display: inline-flex;
    }

    .pagerDivFooter {
        padding-bottom: 40px;
        clear: both;
    }

.pagerDiv {
    display: flex;
    justify-content: space-between;
}

    .pagerDiv div {
        padding-left: 10px !important;
    }

    .pagerDiv button, .pagerDivFooter button {
        background-color: #fff;
        border: 1px solid #ddd;
    }

.pagerDiv .prevBtn, .pagerDivFooter .prevBtn {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-right: none;
}

.pagerDiv .nextBtn, .pagerDivFooter .nextBtn {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.pagerDiv button:hover, .pagerDivFooter button:hover {
    background-color: silver;
}
            
.pagerDiv button.selected, .pagerDivFooter button.selected {
    background-color: #98c9dc;
    color: white !important;
}
    .pagerDiv button.selected:hover, .pagerDivFooter button.selected:hover {
        background-color: white;
        color: #98c9dc !important;
    }               
/*Paginacja w watku koniec*/

#btnSetSearch {
    border-top-right-radius: 4px;
    border-bottom-right-radius: .25em;
}
    input[type=search] {
        width: 400px;
        height: 46px;
    }

    .sliderRow {
        text-align: end;
        padding-right: 80px;
    }

    .ui-dialog-titlebar-close {
        background-color: red;
        border-radius: 50%;
    }

    /*style dla sweetalertów*/
    .swal-title {
        color: darkorange;
        font-size: 22px;
    }

    .swal-text {
        line-height: 26px;
        text-align: center;
    }

    /*Style dla selecta w modalu do dodawania userów do posta prywatnego.*/
    .select2-search__field {
        max-height: 24px;
    }

    .select2-selection__choice {
        background-color: #98c9dc !important;
        color: white;
    }

    .select2-selection__choice__remove {
        margin-right: 5px !important;
    }

    .tresc > p > a > .getThumbAjax, .tresc > p > .getThumbAjax {
        height: 100px;
    }

    .getThumbZalAjax {
        height: 32px;
        background-size: contain;
    }

    .getThumbAjax, .getThumbZalAjax {
        background-repeat: no-repeat !important;
        margin: auto;
        background-position: center;
    }

    .zielenAustralijska {
        background-color: #ADE1B2 !important;
    }

    /*zwiekszenie rozmiarów checkboxów o 50%*/
    input[name="todo_name"], input[name="todo_name_top"] {
        /* 1.5 Checkboxes */
        -ms-transform: scale(1.5); /* IE */
        -moz-transform: scale(1.5); /* FF */
        -webkit-transform: scale(1.5); /* Safari and Chrome */
        -o-transform: scale(1.5); /* Opera */
        transform: scale(1.5);
        margin-right: 10px !important;
    }

        input[type="radio"] {
            vertical-align:text-bottom;
            margin-left:10px;
            margin-right:3px;
            transform:scale(1.3);
        }

        .redUrl {
            color: red !important;
        }

    .greyUrl {
        color: grey !important;
    }

    .blueUrl {
        color: #0D84B6 !important;
    }

.user_do_emoji {
    white-space: nowrap;
}

    .my-custom-class-todo {
        position: relative !important;
        display: inline-block !important;
    }

    @media screen and (max-width: 5000px) {
        .my-custom-class-todo {
            position: inherit !important; /*potrzebne zeby popover zmieniał pozycję przy resize okna*/
            max-width: 800px !important;
            margin-left: 10px;
        }
        /*ukrywam "dziubek" przy popover bo inaczej zachowuje się dziwacznie i ustawia w losowych miejscach*/
        .arrow {
            display: none !important;
        }
        /*jak popup przy todo zmieni pozycje na boczną to likwiduje marginesy które standardowo sa 50px*/
        .todoDiv > p {
            margin-top: 5px !important;
        }
    }

    @media screen and (max-width:768px) {
        .subpriv_span {
            top:15px;
            right:15px;
            position:inherit;
        }
    }

    .subpriv_member {
        opacity: 0.4;
        font-size: small;
        cursor: pointer;
    }

    .blur--odp {
        -webkit-filter: blur(6px) !important; /*safari i chrome*/
        -moz-filter: blur(6px) !important; /* FF */
        /*-ms-filter: blur(6px) !important;*/ /* IE */
        filter: blur(3px) !important;
        pointer-events: none;
    }

        .blur--odp > .nag {
            filter: blur(18px) !important;
        }

    .lock--span {
        z-index: 99;
        margin-top: 10px;
        font-size: 60px;
        color: #CECECE;
        opacity: 0.6;
        cursor: pointer;
    }

    .unlock--span {
        margin-left: 5px;
        color: #FF0000; /*czerwony*/
        cursor: pointer;
    }

    .unlock--grey {
        position: absolute;
        margin-left: 5px;
        cursor: pointer;
    }

    .lockopen--span {
        color: #228B22 !important; /*zielony*/
    }

    input[name="swal2-radio"] {
        margin-right: 5px !important;
    }

    .swal2-container {
        z-index: 1080;
    }

    .swal2-popup {
        background-color: #FFFBEC;
        font-size: 16px;
    }

        .swal2-popup * {
            background-color:initial;
        }

        #strongText {
            margin-left: 10px;
        }

    .typPostRadioBtns {
        vertical-align: -3px;
    }

#demo {
    align-items: center;
    margin-left: 5px;
    margin-top: -4px;
    color: #008853;
}

    #ktoZobaczySpan {
        margin-left: 4px;
        color: #FA8072;
        padding:.2em;
        display:grid;
    }

    .blockquote {
        background-color: red;
    }

    .dodajCytat {
        -ms-transform: scale(3); /*IE*/
        -moz-transform: scale(3); /*FF*/
        -webkit-transform: scale(3); /*Safari and Chrome */
        -o-transform: scale(3); /*Opera*/
        transform: scale(3);
        z-index: 999;
        margin-top: 40px !important;
        float: right;
        margin-right: 40px !important;
    }

    .trescWyszarzona :not(.dodajCytat) {
        opacity: 0.6;
        pointer-events: none;
    }

    .wyborOdbiorcyInfo {
        margin-top: -30px !important;
        font-size: 16px !important;
    }

    .borderBlue {
        border: 2px solid;
        border-color: #0D83B4;
    }

    .backgroundBlue {
        background-color: rgb(152, 201, 220);
    }

.hintUserInfoDiv {
    -webkit-box-shadow: 5px 5px 10px rgb(0 0 0/20%);
    border-radius: 6px;
    border: 1px solid #98C9DC;
    background-color: #fff;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    padding: 6px;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    line-break: auto;
    line-height: 22px;
    line-height: 22px;
    margin-top: 6px;
    margin-bottom: 8px;
    margin-left: 5px;
    display: block;
    width: fit-content;
    max-width: 1000px;
}

        .backgroundBlue span.hintUserInfoDiv {
            color: #333 !important;
        }

.hintUserUprInfoDiv {
    /*-webkit-box-shadow: 5px 5px 10px rgb(0 0 0/20%);*/
    /*border-radius: 6px;*/
    /*border: 1px solid #98C9DC;*/
    /*background-color: #fff;*/
    background-color: initial;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    padding: 10px 10px;
    text-align: left;
    line-break: auto;
    line-height: 22px;
    display: inline-flex;
    vertical-align: middle;
    color: #008853;
    font-size: 1.1rem;
}

.hint-content {
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    line-break: auto;
}

.hintInfo {
    margin-bottom:auto;
}

.disableAll {
    pointer-events: none;
    opacity: 0.7;
}

    .cytatBlock {
        font-style: italic;
        font-family: Georgia, Times, "Times New Roman", serif;
    }

    /*alert na belce dolnej w wątku*/
    #alert-area {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
        /*min-height: 40px !important;*/
        bottom: 0 !important;
        margin-bottom: 0;
        text-align: center;
        display: inline-grid !important;
    }

    #group_icon {
        height: fit-content;
        padding-top: 3px;
        margin-left: 2px;
        width: 30px !important;
    }

    .removeUprBtn {
        color: -webkit-link !important;
        cursor: pointer;
        font-size: 14px !important;
        text-decoration: underline !important;
    }

    .collapseTytulWpisu {
        margin-bottom: 5px;
        margin-top: 5px;
        vertical-align: middle;
        clear: both;
    }

        .collapseTytulWpisu .form-control {
            height:36px;
        }

        .noValid {
            border: 1px solid red !important;
        }

.zmienTytulBtn, .zmienTypBtn {
    color: #666666 !important;
    cursor: pointer;
    margin-right: 5px;
    margin-left: -3px;
}

.wymagaPrzeczDiv {
    background-color: #ffe7c5 !important;
}

.heartIconPost, .btnShare span {
    font-size: 28px;
    cursor: pointer;
    vertical-align:top;
}

.wpisIcon, .nagIconsDiv span
{
    font-size: 28px;
    cursor: pointer;
}

.wpisIcon {
    display: inline-flex;
    line-height:inherit;
}

    .likePin {
        color: red;
        transform: rotate(-45deg);
        font-size: .7em;
    }

.dislikePin {
    color: rgba(0,0,0,0);
    -webkit-text-stroke: 1.5px red;
}

#wModel_dodajeszZalJako {
    height: 24px;
    font-size: 16px;
    padding:2px;
}

.likeColor {
    color: #E74C3C;
}

#pagingModel_Length {
    width:fit-content;
}

.checkedIcon {
    color: #AA9F22 !important;
    vertical-align : middle;
    margin-left:5px;
}

::-webkit-file-upload-button, /*chrom*/
::file-selector-button, /*firefox*/
::-ms-browse /*safari ?*/ {
    background: #98C9DC;
    border: none;
    color: #fff !important;
    height: 20px !important;
    text-align: center;
    border-radius: 3px;
    cursor: pointer !important;
}

.goToPageVal {
    width: 80px;
    height: 34px;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.4em;
    text-align: center;
    margin-left: 10px;
    margin-right: 15px;
    padding: 0.3em;
    display:initial;
}

    .goToPageVal::placeholder {
        color: #CBCBCB;
    }

.wpisIcon .glyphicon:not(.hintGlyphiconEye), .wpisIcon .material-icons:not(.navIcon ) {
    font-size: .8em;
}

    .nagIconsCol .urlWpis {
        position: absolute;
        margin-top: 30px;
    }

.urlWpis {
    font-size: .5em;
    padding: 2px;
    height: 24px;
    border-width: 1px;
    border-radius:3px;
}

.urlWpis:focus {
    border-width: 1px;
}


#searchText {
    height:61.33px;
    padding:.5em;
    font-size:28px;
}

.todo_approve_status {
    margin-left : 15px !important;
}

.divSystemowyToDo span {
    vertical-align: baseline !important;
}

.commentsDiv {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right:0px;
}

    .commentsDiv .glyphicon-check {
        transform:scale(1.3);
    }

    .commentsDiv .commentRow {
        padding: 5px 7px !important;
        position: relative;
        min-width: 180px;
        display: block;
        clear: both;
        margin-bottom: 3px;
        /*box-shadow: 0 1px 2px rgba(0, 0, 0, .25);*/
        /*border: 2px solid blue;*/
    }
        .commentsDiv .commentRow .comment_user {
            color: #337ab7;
            font-size:0.8em;
        }

        .commentsDiv .commentRow .commentBtns {
            float: right;
            margin-left: 5px;
        }
           .commentsDiv .commentRow .commentBtns .btn {
                background-color: initial;
            }

        .commentsDiv .greenRow {
            background-color: #d6e9c6;
            border-radius: 2px;
        }

    .commentsDiv .comment-info {
        color: #c5c5c5;
        font-size:0.8em;
    }

    .commentsDiv .alertcommentrow {
        background-color: #FBE7E9;
        border: 1px solid #f5c6cb;
        border-radius: 2px;
    }

#btn-copyCke {
    width: fit-content;
    box-shadow: rgb(255, 140, 102) 0px 0px 5px;
    border-color: rgb(255, 140, 102);
    display: block;
    margin: auto;
    margin-top: 15px;
}

#addOdpErrorSpan {
    margin-top: 15px;
}

    #addOdpErrorSpan #addOdpErrorTxt {
        width: fit-content;
        box-shadow: #ebccd1 0px 0px 5px;
        border-radius: 3px;
        display: block;
        margin: auto;
        color: #a94442;
        padding: 3px 5px;
        background-color: #f2dede;
    }

    #addOdpErrorSpan .btn {
        margin-top: 5px;
        box-shadow: rgb(255, 140, 102) 0px 0px 5px !important;
        border-color: rgb(255, 140, 102) !important;
    }

#loadingIcon, #loadingEditIcon, #loadingChatGPTIcon {
    width: 98%;
    position: fixed;
    z-index: 999;
    text-align: center;
    align-content: center;
}

.grZadanToDoComboBox {
    background-color: initial;
    margin-left: 12px;
    text-align:center;
    padding-bottom:3px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #337ab7;
    width: 100px;
}

    .wpisIconsSpanSecond span{
        margin:5px 0px;
    }

    .btn-todoprior button {
        height: 22px;
    }

    .btn-todoprior .changePriorytet {
        border: none;
    }

#smsHistoryTable * {
    text-align:center;
}


.btn-todoprior button span {
    line-height: 0.8em;
    font-size: 12px;
    padding: 2px 3px;
}

    #swal2-content {
        line-height:1.5em;
    }



.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    /*width: 40px;*/
}

    .material-switch > label::before {
        background: rgb(0, 0, 0);
        box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        content: '';
        height: 16px;
        margin-top: -8px;
        position: absolute;
        opacity: 0.3;
        transition: all 0.4s ease-in-out;
        width: 40px;
    }

    .material-switch > label::after {
        background: rgb(255, 255, 255);
        border-radius: 16px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        content: '';
        height: 24px;
        left: -4px;
        margin-top: -8px;
        position: absolute;
        top: -4px;
        transition: all 0.3s ease-in-out;
        width: 24px;
    }

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}