@charset "utf-8";
/* BEGIN reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,button{border:0;}address,caption,cite,code,dfn,em,strong,th,var,b,i{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}q:before,q:after{content:'';}a, a:hover, object {outline:none;} :focus {outline-width: 0;}
/* END reset css */

/* BEGIN html5 */
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; }
/* END html5 */

/* BEGIN global */
    /* netizens globals */
    html, body {height: 100%;}
    img, object {float:left; display:inline;}
    legend {display:none;}
    strong {font-weight:bold;}
    p em {font-style:italic;}
    label { cursor:pointer; }
    input[type="submit"], .fib input {cursor:pointer;}
    object {outline:none;}
    table {empty-cells:show; table-layout:auto;width: 100%;}
    h1,h2,h3,h4 {font-family: 'Titillium Web', Arial, Helvetica, sans-serif;  line-height: 56px;  font-weight: 200; color: #494949;}
    h1 {font-size: 36px; margin-bottom: 20px;}
    h2 {font-size: 24px;}
    h3 {font-size: 18px;}
    /* netizens config */
    body, input[type="text"], input[type="password"], textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 0;padding: 6px 10px;}
    input[disabled="disabled"], textarea[disabled="disabled"], select[disabled="disabled"] { opacity: .35; filter:Alpha(Opacity=35); }
    ::-webkit-input-placeholder {color: #707070;}
    :-moz-placeholder {color: #707070;}
    ::-moz-placeholder {color: #707070;}
    :-ms-input-placeholder {color: #707070;}

    body { font-size: 13px; color: #777777;width: 100%;height: 100%; background: #f8cfb2 url(../img/tileable_wood_texture.jpg);}
    a {color: #f58431; text-decoration: none;}
    .ui-widget-content a {color: #f58431; text-decoration: underline;}
    a:hover {color: #f4923b;}
    /* inline styles */
    /* tekst */
        .i-tal {text-align:left !important;}
        .i-tac {text-align:center !important;}
        .i-tar {text-align:right !important;}
        .i-lhn {line-height:normal !important;}
    /* inne */
        .i-fl {float:left !important; display:inline !important;}
        .i-fr {float:right !important; display:inline !important;}
        .i-sb {float:none !important; display:block !important;}
        .i-b0 {border:none !important;}
    /* global classes */
        .fl {float:left; display:inline;}
        .fl-select {margin: 5px auto; width: 200px;}
        #rid {width: 100px;}
        #rid-long {width: 200px; margin-top: -8px;}
        .fr {float:right; display:inline;}
        .oh {overflow:hidden;}
        .h100 {height: 100%;}
        .mh100 {min-height: 100px;}
        .w100 {width: 100%;}
        .w30 {width: 30px;}
        .c-clear {float:left; width:100%;}
        .i-c-clear {float:left !important; width:100%  !important; margin:0 !important;}
        .cb {clear:both; width:100%; }
        .c-b {width:100%; height:100%; display:block;}
        .c-bi {width:100%; height:100%; display:block; text-indent:-55000px;}
        .pos-abs {position:absolute;}
        .pos-rel {position:relative;}
        .vh {visibility:hidden;}
        .vm {vertical-align: middle;}
        .opac0 {filter:alpha(opacity=0); opacity:0;}
        .opac30 {filter:alpha(opacity=30); opacity:.30;}
        .opac40 {filter:alpha(opacity=40); opacity:.40;}
        .opac50 {filter:alpha(opacity=50); opacity:.50;}
        .bg-1 {background:#000000;}
        .txt-color {color:#9b9b9b;}
        .i-color-d {color:#dddddd;}
        .tx-gray {color: #9e9e9e;}
        .tx-gray2 {color: #888888;}
        .big_font {font-size: 24px; font-weight: bold;}
        .ma {margin: 0 auto;}
        .mr40 {margin-right: 40px;}
        .lbl {padding-top: 5px;}
        /*.w630 {width: 630px !important;}*/
        .section {margin-top: 10px;margin-bottom: 10px;}
        .anim {-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;ms-transition: all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;}
        .anim200 {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
        .anim300 {-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
        .noAnimation .toggle-column {animation: none!important;}
    /* clearfix */
        .cf:before,
        .cf:after {content: " "; display: table;}
        .cf:after {clear: both;}
        .cf {*zoom: 1;}
/* END global */
        .va-m {position:relative; display:table; width: 100%; height: 100%;}
        *:first-child+html .va-m {display: block;}
            .va-m- {display:table-cell; vertical-align:middle; width:100%;}
                *:first-child+html .va-m- {display: block; position:relative; top:50%;}
                    *:first-child+html .va-m--  {display: block; position:relative; top:-50%;}

        .highlight {color: #f06935;}

        .no_wrap {white-space: nowrap;}

        [data-aload] { background-image: none !important; }


/*** BEGIN grid ***/

/*** END grid ***/
.add-to-print-wrapper {display: flex; justify-content: end; align-items: center; padding-bottom: 24px; padding-top: 16px;}
.add-to-print {position: relative;}
.add-to-print::before {
  content: '';
  position: relative;
  top: 6px;
  display: inline-block;
  margin-right: 8px; width: 22px;height: 22px;
  background: url('data:image/svg+xml;utf8,<svg width="512px" height="512px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M420,128.1V16H92V128.1A80.1,80.1,0,0,0,16,208V400H84V368H48V208a48.054,48.054,0,0,1,48-48H416a48.054,48.054,0,0,1,48,48V368H420v32h76V208A80.1,80.1,0,0,0,420,128.1Zm-32-.1H124V48H388Z" /><rect width="32" height="32" x="396" y="200" fill="black" /><path fill="black" d="M116,264H76v32h40V496H388V296h40V264H116ZM356,464H148V296H356Z" /></svg>') no-repeat 0 0;
  background-size: contain;
  text-indent: -9999px;
  font-size: 0px;
  overflow: hidden;
}


/*** BEGIN design ***/
    html.noscroll {position: fixed; overflow-y: scroll;width: 100%;}
    body {background: #f8cfb2 url(../img/brickwall.jpg); width: 100%;height: 100%;margin: 0;padding: 0;}

    #kko {min-height: 90%;height: auto !important;height: 100%;margin: 0 auto 0;}

    /* BEGIN komunikaty */
    .extra-messages {display: none;position: fixed;width: 300px;top: 0;bottom: 0;height: 100%;z-index: 9999;right: 0;}
    .msg { background: #91c100 url(../img/extra_msg_bg.png) repeat-y; color: #fff; font-family: Arial, Helvetica, sans-serif; bottom: 0; position: absolute; top: 0; padding: 30px;}
        .msg h3 {text-align: center;color: #fff;font-size: 24px;}
        .msg p {text-align: center;}
        .msg-error {background-color: #ff3600; color: #fff;}


    .msg_btn {background: url(../img/timer.png) no-repeat 0px 0px;width: 66px;height: 66px;display: block;color: #fff;font-size: 28px;  font-family: 'Titillium Web';  font-weight: 100;text-align: center;position: relative;cursor: pointer;margin: 30px auto;}
        .msg_btn_layers {position: relative; width: 100%; height: 100%;}
        .msg_btn_layers div {position: absolute;background: url(../img/timer.png) no-repeat 0px 0px; width: 100%; height: 100%;}
        .msg_btn span{color: #fff; z-index: 100;position: absolute;top: 11px;left: 16px;}
    /*END komunikaty*/



    /*** BEGIN formularze ***/
    /* begin .frm - reguly wspolne dla wszystkich formularzy */
    .frm form {width:100%; float:left; display:inline;}
        .frm li {width:100%; margin-top:10px; float:left; display:inline;}

        /* em */
        .frm em {width:100px; float:left; display:inline;}
        .frm .fis em {margin-top:2px;}
        .frm label em, .frm label i {cursor:pointer;}

        /* .fih */
        .fih {display:none;}

        /* .fii */
        .frm .fii input {padding:2px 4px; border:1px solid #d2d2d2; float:left;}

        /* .fif */
        .frm .fif input {padding:2px 4px; float:left;}

        /* .fit */
        .frm .fit textarea {padding:2px 4px; border:1px solid #d2d2d2; float:left; overflow:auto;}

        /* .fic */
        .frm .fic em {cursor:default;}
        .frm .fic i {padding-right:15px; margin-left:4px;  margin-top:3px; float:left; display:inline; font-style:normal;}
        .frm .fic label i {cursor:pointer;}
        .frm .fic input {width:16px; height:16px; margin-top:3px; float:left; display:inline; background:transparent;}
        @media all and (min-width: 0px){ .fic input {background:#fff;} } /* tylko dla Opery */
        .frm .fic .fl {float:left; display:inline;}

        /* .fis */
        .fis label i {cursor:pointer;}
        .fis select {height:19px; *height:21px; border:1px solid #d2d2d2; float:left; display:inline;}
            .fis optgroup {font-weight:bold; font-style:normal;}

        /* .fism */
        .fis select {border:1px solid #d2d2d2; float:left; display:inline;}

        /* .fib */
        .fib button, .fib input {cursor:pointer;}

        /* q / bledy formularzy */
        /****q {padding:0 0 0 5px; margin-left:100px; float:left; display:inline; clear:both;}*/
            q.err, q.err a {font-size:11px; color:#eb1717; font-weight:bold;}
            .txt--error {color: #eb1717;padding: 11px;text-align: right;}


        .frm .value { padding: 10px 4px 0;}

        input.err, textarea.err, select.err {border: solid 1px #eb1717}

        #jqDialog .err {color: #eb1717}

        .item {margin-right: 10px;}
        .r_item {float: none;margin-left: 140px;display: block;}

        .frm q.err {display: block;margin-top: 3px;font-size: 11px;color: #cc0000;}
    /* end .frm ogolne */

    /*** END formularze ***/

    /* BEGIN selectmenu */
            .ui-state-default.ui-selectmenu {background: #eee; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #898989; outline: 0;text-decoration: none;}
            .ui-dialog .ui-dialog-titlebar:hover {color: #898989; text-decoration: none;}
            .ui-selectmenu.ui-state-active {}
            .ui-selectmenu .ui-selectmenu-status {padding: 0 45px 0 10px;  line-height: 27px;}
            .ui-selectmenu.ui-state-default .ui-selectmenu-icon {top: 0; right: 0; margin: 0; width: 28px; height: 100%; background: url(../img/arrow-select.gif) center no-repeat;}
            .ui-selectmenu.ui-state-default .ui-selectmenu-icon:hover {background-color: #cbcbcb;-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;ms-transition: all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;}
            .ui-selectmenu-menu ul {background: #eee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
            .ui-selectmenu-menu li {height: 27px; border-width: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;ms-transition: all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;}
            .ui-selectmenu-menu .ui-state-hover {background: #f47931; border: 0;}
                .ui-selectmenu-menu li a {padding: 6px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; color: #898989;}
                .ui-selectmenu-menu .ui-state-hover a {color: #000;}

            .ui-selectmenu-hasIcon .ui-selectmenu-status {padding-left: 20px;}
    /* END selectmenu */


    /* BEGIN selectlanguage */
    #box-language { display: inline-block;height: 29px;position: relative;}
        #language_select {width: 53px;}
        #box-language   .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {width: 17px;margin-top: -1px;height: 11px;}
        #box-language   .select_lang_icon .pl .ui-selectmenu-item-icon, .ui-icon.pl {background: url(../img/lang.png) 0px 0px no-repeat;}
        #box-language   .select_lang_icon .en .ui-selectmenu-item-icon, .ui-icon.en {background: url(../img/lang.png) 0px -12px no-repeat;}
        #language_select-button {position: relative;padding: 0;border: 0;height: 33px;overflow: inherit;text-indent: -9999px;background: #fff;  }
            #language_select-button:hover {text-decoration: none;}
        .ui-state-hover, .ui-widget-content .ui-state-hover {background: #f8f8f8;}
        .ui-selectmenu-menu ul {border: 1px solid #eee;background: #fff;}
        .ui-selectmenu-menu li {/* border-bottom: 1px solid #eee; */}
        .ui-selectmenu-menu li.ui-selectmenu-hasIcon a {color: #454545;}
        #language_select-menu .ui-selectmenu-item-icon {height: 12px;margin-top: -4px;}
/* END selectlanguage */

/* BEGIN dialog */
    .ui-dialog { padding: 0; /*transform: translate3d(0,0,0); -webkit-transform: translateZ(0);*/}
    .ui-dialog:after {/* content: ''; */  background: url(../img/shadow-right.png) repeat-y top left; width: 100px; position: absolute;right: -100px;top: 0;bottom: 0;height: 100%;z-index: -2;box-sizing: content-box;}
        .ui-dialog .ui-dialog-titlebar {background: #fff; font-family: 'Titillium Web', Arial, Helvetica, sans-serif;  line-height: 56px;  font-weight: 100;  color: #474747; font-size: 86px; height: 90px; padding: 35px 50px; box-shadow: -10px 40px 45px #fff; z-index: 1;display: none;}
        .ui-button-text-only .ui-button-text {padding: 0;}
        .ui-dialog .ui-dialog-buttonpane button {border: 0; background: transparent; color: #f47931;}
        .ui-dialog .ui-dialog-buttonpane .button {font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 13px; background: #f47931; color: #fff; border: 0; margin: 0 20px 0 0;}
        .ui-dialog .ui-dialog-buttonpane .button.ui-state-hover {background-color: #f4923b; color: #fff;}
        .ui-dialog .input_title {position: absolute;left: 155px;width: 444px;height: 44px;font-size: 36px;color: #000;font-family: 'Titillium Web', Arial, Helvetica, sans-serif;top: 29px;}
        .ui-dialog .title-with-icon {line-height: 70px; padding-left: 120px;z-index: 2;}
        .ui-dialog .title-with-icon:before {position: absolute;margin-right: 30px;top: 20px;left: 20px;content: ''; display: inline-block; width: 82px;height: 82px; background: url(../img/ico-tl-actions.png) no-repeat 0px -318px;}
        .ui-dialog .add_adressat:before {background: url(../img/add_adress.png);width: 96px;height: 96px;}
        .ui-dialog .calendar:before {position: absolute;margin-right: 30px;top: 20px;left: 20px;content: ''; display: inline-block; width: 82px;height: 82px; background: url(../img/ico-tl-actions.png) no-repeat 0px -318px;}
        .ui-dialog .ui-dialog-titlebar-close {border: 0; background: url(../img/img_dialog_close.png) no-repeat; width: 32px; height: 32px; outline: 0;}
        .ui-dialog, .ui-widget, .ui-widget-content, .ui-corner-all, .ui-front, .ui-draggable, .ui-resizable
        {border-bottom-right-radius: 0px; z-index: 2; border-bottom-left-radius: 0px; border-top-right-radius: 0px;border-top-left-radius: 0px; border:none;}
        .ui-dialog .ui-dialog-content {padding: 0;}
        .ui-dialog .ui-dialog-title {height: 80px; color: #000;}

        .ui-dialog footer {/* position: absolute; */ height: 138px;bottom: 0;overflow: visible;}
        .ui-dialog .special_footer h1 {font-size: 60px; color: #f06935;}
        .ui-dialog .special_footer h2 {font-size: 45px; color: #f06935; margin-bottom: 20px;}
        .special_footer_tekst p {line-height: 25px; font-size: 15px;}
        .special_footer_img {margin-right: 70px;}
        .special_footer_link_app {margin: 5px; display: inline-block;}
            .special_footer_link_app:hover {opacity:0.8;}
        .statement-dialog .ui-dialog-titlebar {display: none;}

    .dialog-titlebar {background: #fff;font-family: 'Titillium Web', Arial, Helvetica, sans-serif;line-height: 56px;font-weight: 100;color: #474747;font-size: 86px;height: 90px;padding: 35px 50px 10px;z-index: 1;}
    .dialog-titlebar:before,
    .new-section:before {content: ''; position: absolute; height: 10px; width: 200px; background: #f58431;top: 0;left: 50px;}
    .dialog-titlebar-close {border: 0;background: url(../img/img_dialog_close.png) no-repeat;width: 32px;height: 32px;outline: 0;position: absolute;  right: .3em;  top: 50px;}
    .dialog_cont {padding: 0 50px 70px;min-height: 397px;}
        .dialog_cont h2 {font-size: 36px; font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-weight: 100; color: #000; }
/* END dialog */


/*BEGIN table */
    .table-list {overflow-x: auto;}
        .table-list--medium { margin-top: 50px; margin-bottom: 50px;}

    .table-list thead tr {border-bottom: 1px solid #b5b5b5;background: #f0f0f0;}
    .table-list th {color: #000; font-family: Arial, sans-serif; font-size: 14px; padding: 10px;min-width: 70px;}
    .table-list td {border-bottom: 1px solid #f4f4f4;padding: 10px;/* color: #000; */}
    .table-list td.tac {text-align: center;}
    .table-list .attach-ico {background: url(../img/ico-sets.png) no-repeat -2px 0px; width: 15px; height: 18px;display: inline-block;}
    .table-list input[type="checkbox"] {/* opacity: 0; */}
        .table-list tr:hover td {background-color: #f58431; color: #fff; transition: all 100ms ease-in-out;-webkit-transition: all 100ms ease-in-out;}
        .table-list tr:hover a {color: #fff; text-decoration: none;}
        .table-list tr:hover input, .table-list .checked-style-2 input[type="checkbox"] {opacity: 1;}
        .table-list tr:hover .attach-ico {background-position: -2px -22px;}
    .table-list td .action-settings {padding-top: 0;}

    .table-list .action_kolumn {width: 50px;}

    .table-list caption {font-size: 18px;margin-bottom: 10px;}

    .checked-style-1 td, .checked-style-1:hover td {background-color: #494949; color: #fff; transition: all 100ms ease-in-out;-webkit-transition: all 100ms ease-in-out;}
        .checked-style-1 .attach-ico {background-position: -2px -22px;}

    .checked-style-2 td {background-color: #fff9ea; color: #000;}
        .checked-style-2 .attach-ico {background-position: -2px -0px;}

    td.jsAjaxDialog {cursor: pointer;}

    .table-list--high-td td { height: 35px; }

    .table-summary {background: #494949; color: #fff; font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-size: 23px; font-weight: 100;padding: 4px 20px;margin-top: -10px;}


    .table-list--nohighlight td {border-bottom: 1px solid #f4f4f4; padding: 10px;}

    .table-action {margin-bottom: 10px;}
/*END table*/


/*BEGIN searchBOX */
.search_box {position: relative;}
    .search_box input[type="text"] {width: 100% !important;}
    .search_box input[type="submit"] {background: transparent url(../img/ico-sets.png) no-repeat 0px -184px;text-indent: -9999px;width: 20px;height: 20px;position: absolute;right: 10px;top: 10px;border: 0;}

.advanced_search {display: none;}

.toggle_button {border-top: 1px solid #eee;padding: 5px 0;}
.toggle {color: #b0b0b0; font-size: 12px;cursor: pointer;display: block;}
    .toggle:before {content: '+ ';}
    .toggle.off:before {content: '- ';}

/* BEGIN style */

    /* BEGIN avatar */
    .table-list .avatar {margin-top: 0;}
    .avatar {-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;margin-top: 5px; margin-left: 5px; background-color: #7c7c7c; padding: 0;width: 24px; height: 24px; border-radius: 12px; display: inline-block;vertical-align: top;color: #fff;font-size: 11px;font-weight: bold;cursor: context-menu;line-height: 24px;text-align: center;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-backface-visibility: hidden;z-index: 0;overflow: hidden;}
        .avatar img {width: 100%;}
        .avatar_name {color: #000; margin-top: 9px;display: inline-block;margin-left: 6px;}
    /*END avatar */


    /*BEGIN button */
        .btn a {font-family: 'Titillium Web', Arial, Helvetica, sans-serif;font-size: 40px;color: #f06935;border: 0;outline: 0; text-decoration: none;position: relative;}
        .next {margin: 0 37px;}
            .next:after {content: ''; width: 40px; height: 21px; background: url(../img/ico-sets.png) no-repeat 0px -60px;position: absolute; display: block;right: -50px;top: 24px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
            .next:hover:after {background-position: 5px -60px;}
        .prev {}
            .prev:before {content: ''; width: 40px; height: 21px; background: url(../img/ico-sets.png) no-repeat 5px -83px;position: absolute; display: block;left: -40px;top: 24px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
            .prev:hover:before {background-position: 0px -83px;}
        .add {}
            .add:before {content: ''; width: 40px; height: 25px; background: url(../img/ico-sets.png) no-repeat 0px -135px; position: absolute; display: block; left: -31px; top: 20px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; }
            .add:hover:before {background-position: 3px -135px;}

        .fileupload {position: relative;width: 60px;overflow: hidden;}
        .fileupload .upload {position: absolute;top: 0;left: -350px;margin: 0;padding: 0;font-size: 46px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);z-index: 2;height: 60px;display: block;}
        .fileupload span {background: url(../img/bcg_add.jpg) no-repeat 12px 12px #eee; text-indent: -9999px; text-align: left; display: block; width: 60px; height: 60px; float: left;cursor: pointer;}
            .fileupload:hover {opacity: 0.8;}

        .uploadify {background: url(../img/bcg_add.jpg) no-repeat 12px 12px #eee; width: 60px !important; height: 60px !important; cursor: pointer; display: block;margin-bottom: 10px;}
            .uploadify:hover {opacity: 0.8;}
            .uploadify .swfupload,
            .uploadify-button {width: 60px !important; height: 60px !important; cursor: pointer; line-height: 60px;}

        a.table_btn {color: #f06935;text-decoration: none;display: inline-block;padding: 4px 15px;border-radius: 5px;background: #fff;font-size: 13px;}
            a.table_btn:hover,
            .table-list tr:hover a.table_btn {color: #f06935;}
    /*END Button */


    #logo { margin: 0; font-size: 18px; font-family: Arial, sans-serif; font-weight: normal; float: left; max-height: 70px; left: 10%; position: relative;}
        #logo .title {display: block;float: left;height: 51px;max-width: 270px;font-family: 'Titillium Web', Arial;font-weight: 300;font-size: 20px;line-height: 24px;color: #000;background: #fff;padding: 20px;}
        #logo img {height: 100%;}
    .top_nav {position: relative;right: 8%; float: right;}
    #topmenu {position: relative; float: left;height: 33px;overflow: hidden;}
        #topmenu a {color: #fff; font-weight: bold; font-size: 12px; text-transform: uppercase;}
        #topmenu .profile {background: #f87c00; padding: 9px;height: 33px;display: block;float: left;text-align: center;min-width: 100px;text-decoration: none;}
        #topmenu .profile_setting {background: #929292;background: rgba(0,0,0,0.33);float: left;padding: 9px;}
        #topmenu .profile_setting a {margin: 0 10px;}

        #topmenu .usability_link {display: block;float: left;height: 33px;background: #000;width: 33px;text-align: center;}
            #topmenu .usability_link:before {content: ''; display: block;width: 22px;height: 24px;background: url(../img/ico-sets.png) no-repeat 0px -232px;top: 4px;left: 6px;position: relative;}
            .usability #topmenu .usability_link {background: #b40000;}
            .usability #topmenu .usability_link:before {background-position: -28px -232px;}

        #box-language {float: left;}

        .row {padding: 10px 0px;}
        .side-dialog {font-family: Arial, Helvetica, sans-serif; font-size: 14px; display: none;}

        /*BEGIN input */
            .side-dialog textarea,
            .side-dialog input[type="text"],
            .side-dialog input[type="password"]
                {display: block; width: 90%;background: #eeeeee;color: #000;padding: 5px 10px;border: 0;outline: 0;font-family: Arial;margin: 5px 0px;line-height: 18px;font-size: 12px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */   -moz-box-sizing: border-box;    /* Firefox, other Gecko */   box-sizing: border-box;}
            .side-dialog input[type="radio"], .side-dialog input[type="checkbox"]{margin: 5px;}

            .side-dialog input.err,
            .side-dialog textarea.err,
            .side-dialog select.err {border: solid 1px #eb1717;}
        /*END input */

        .side-dialog .new-section {position: relative; margin-top: 30px; padding-top: 30px;}
            .new-section:before {height: 5px;left: 0;}
            .side-dialog h3 {font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-size: 30px;}
            .side-dialog h4 {font-size: 14px; font-weight: bold;}
            .side-dialog .heading {/* border-top: 1px solid #eee; */ padding-top: 10px; font-size: 14px; font-weight: bold; margin-top: 0px;}
            .side-dialog .top {padding: 25px 0px 0px 0px;}
            .side-dialog .add-question {font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-size: 40px; color: #f06935; border: 0; outline: 0; background: none;}

            .side-dialog header .data {color: #9d9d9d;}

            .side-dialog label {font-weight: 500;}
            .side-dialog select {/* float:left; */ /* width: 28%; */ border: 0; background-color: #eee; font-size: 12px; color: #777; outline: 0;}

            .side-dialog input.notify-input-familoc, .side-dialog input.notify-input-email, .side-dialog input.notify-input-email, .side-dialog input.notify-input-sms, .side-dialog input.notify-input-komunikator, .side-dialog input.notify-input-poczta {display:none;}
            .side-dialog input.notify-input-familoc[type="checkbox"]:checked + label, .side-dialog input.notify-input-email[type="checkbox"]:checked + label, .side-dialog input.notify-input-sms[type="checkbox"]:checked + label, .side-dialog input.notify-input-komunikator[type="checkbox"]:checked + label, .side-dialog input.notify-input-poczta[type="checkbox"]:checked + label {background-color: #84c800;}
            .side-dialog .desc {color: #909090; margin-left: 90px;}
            .side-dialog #important .icon, .side-dialog #system-important .icon {background: url(../img/img_icons_sprite.png) no-repeat 0px 0px; width: 51px; height: 70px; display: block; float: left; margin: 10px 20px;}
            .side-dialog #info .icon, .side-dialog #system-info .icon {background: url(../img/img_icons_sprite.png) no-repeat -107px 0px; width: 51px; height: 70px; display: block; float: left; margin: 10px 20px;}
            .side-dialog #notifications .icon, .side-dialog #system-notifications .icon {background: url(../img/img_icons_sprite.png) no-repeat -220px 0px; width: 51px; height: 70px; display: block; float: left; margin: 10px 20px;}
            .side-dialog #events .icon, .side-dialog #system-events .icon {background: url(../img/img_icons_sprite.png) no-repeat -325px 0px; width: 51px; height: 70px; display: block; float: left; margin: 10px 20px;}
            .side-dialog .profile {margin:0px 10px; display: block; float: left;}


                .side-dialog #personal-info .row { margin: 20px 0px; line-height: 30px;}
                .side-dialog #personal-info .name {height: 30px; line-height: 30px; }
                .side-dialog #personal-info .value {height: 30px; line-height: 30px; font-size: 30px;}
                .side-dialog #personal-info .change {height: 30px; line-height: 30px;}
                    .side-dialog #personal-info .change a {color: #f06935; outline: 0;}

                    .side-dialog #backgrounds input[type="radio"] {display: none;}
                    .side-dialog #backgrounds input#bg-first[type="radio"] + label {background: url(../img/bg1.jpg) no-repeat; width: 63px; height: 63px; cursor: pointer; border: 3px solid #fff; float: left;}
                    .side-dialog #backgrounds input#bg-second[type="radio"] + label {background: url(../img/bg2.jpg) no-repeat; width: 63px; height: 63px; cursor: pointer; border: 3px solid #fff; float: left;}
                    .side-dialog #backgrounds input#bg-third[type="radio"] + label {background: url(../img/bg3.jpg) no-repeat; width: 63px; height: 63px; cursor: pointer; border: 3px solid #fff; float: left;}
                    .side-dialog #backgrounds input#bg-fourth[type="radio"] + label {background: url(../img/bg4.jpg) no-repeat; width: 63px; height: 63px; cursor: pointer; border: 3px solid #fff; float: left;}
                    .side-dialog #backgrounds .add-bg {background: url(../img/bcg_add.jpg) no-repeat 12px 12px #eee; text-indent: -99999%; text-align: left; display: block; width: 63px; height: 63px; border: 3px solid #fff; float: left;}
                    .side-dialog #backgrounds .add-bg:hover {opacity: 0.8;}
                    .side-dialog #backgrounds input#bg-first[type="radio"]:checked + label, .side-dialog #backgrounds input#bg-second[type="radio"]:checked + label, .side-dialog #backgrounds input#bg-third[type="radio"]:checked + label, .side-dialog #backgrounds input#bg-fourth[type="radio"]:checked + label {border-color: #ccc; border-radius: 5px;}
                    .side-dialog #backgrounds label {margin-bottom: 0;}
/*                  .side-dialog #messangers input[type="radio"] {display: none;}
                    .side-dialog #messangers input#msg-first[type="radio"] + label {background: url(../img/messanger_icons.jpg) no-repeat; width: 30px; height: 30px; cursor: pointer; border: 3px solid #fff; float: left; opacity:0.5;}
                    .side-dialog #messangers input#msg-second[type="radio"] + label {background: url(../img/messanger_icons.jpg) no-repeat -35px 0px; width: 30px; height: 30px; cursor: pointer; border: 3px solid #fff; float: left; opacity:0.5;}
                    .side-dialog #messangers input#msg-third[type="radio"] + label {background: url(../img/messanger_icons.jpg) no-repeat -71px 0px; width: 30px; height: 30px; cursor: pointer; border: 3px solid #fff; float: left; opacity:0.5;}
                    .side-dialog #messangers input#msg-fourth[type="radio"] + label {background: url(../img/messanger_icons.jpg) no-repeat -107px 1px; width: 30px; height: 30px; cursor: pointer; border: 3px solid #fff; float: left; opacity:0.5;}
                    .side-dialog #messangers input#msg-first[type="radio"]:checked + label, .side-dialog #messangers input#msg-second[type="radio"]:checked + label, .side-dialog #messangers input#msg-third[type="radio"]:checked + label, .side-dialog #messangers input#msg-fourth[type="radio"]:checked + label {opacity: 1;}
                    .side-dialog #messangers input#msg-first[type="radio"] + label:hover, .side-dialog #messangers input#msg-second[type="radio"] + label:hover, .side-dialog #messangers input#msg-third[type="radio"] + label:hover, .side-dialog #messangers input#msg-fourth[type="radio"] + label:hover {opacity: 1;}
*/
            .side-dialog .show-hidden {margin-bottom: 20px; display: block;}
            .side-dialog .hidden-content {margin-top: 15px;}
                .side-dialog .hidden-content label {font-weight: normal;}
            .side-dialog .label-span {padding-top: 5px; display: block;}
            .side-dialog .addlink-container {height: 15px; float: left; width: 100%;}
            .side-dialog .remove {background: url(../img/delete.png) no-repeat; width: 16px; height: 16px; margin:10px; display: block; float: left;}
            .side-dialog .add-link {font-size: 12px;}


            .jsEwidencja {width: 90%;}
            .box_ewidencji {background: #eee;padding: 22px 0 15px;}
            .new_select_box {width: 100%;overflow: hidden;height: 190px;}
            .jsEwidencja q.err {position: absolute;z-index: 100;left: 15px;top: 100%;}
            .css_table_row {/* display: table-row; *//* overflow: hidden; */}
            .css_table_cell {display: table-cell;}
            .new_select {width: 100%;float: left;border: 0;padding: 0;min-height: 180px;max-height: 300px;display: block;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;background-color: #fff;font-size: 12px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */   -moz-box-sizing: border-box;    /* Firefox, other Gecko */   box-sizing: border-box;}
            .new_select.err {border: solid 1px #eb1717; }
            .new_select li {display: block;padding: 2px 10px;cursor: default;-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;ms-transition: all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;cursor: pointer;}
            .new_select li.select {background-color: #f47931; color: #fff;}
            .next_separator {float: left;display: block;width: 16px;height: 100%;}
            .next_separator span {margin: 0 2px;margin-top: 58%;display: block; height: 0;padding: 5px 4px 5px 0px; background: transparent url(../img/ico-type-messages.png) no-repeat -243px -2px;top: 50%;position: relative;margin-top: -7px;}
            .separator_calendar {position: relative;top: 32px;left: 8px;}



    /*BEGIN datepicker */
        input[type="text"].hasDatepicker {width: 165px;}
            .label_calendar {width: 14px;background: url(../img/ico-sets.png) no-repeat -35px -154px;text-indent: -9999px;height: 14px; display: table-cell;-webkit-box-sizing: border-box;  box-sizing: border-box;  z-index: 1;  position: relative;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  white-space: nowrap;  vertical-align: middle;left: 8px;}

    /*END datepicker */

    /*BEGIN messages*/
    .messages {}
        .messages .checked-style-1 .title {font-weight: bold;}
        .messages .checked-style-1 .title:before {content: ''; width: 20px; background: url(../img/ico-sets.png) no-repeat -22px -20px; display: inline-block;height: 17px;position: relative;margin-right: 10px;bottom: -1px;}
        .messages .checked-style-2 .title:before {background-position: -22px -39px;}
        .messages tr:hover .title:before {background-position: -22px -20px;}

        .table_footer {position: relative; border-top: 1px solid #a3a3a3; padding-top: 10px;}
            .table_footer ul {margin-left: 50px; float: left;}
            .table_footer ul:before {content: ''; display: block; position: absolute; width: 20px; height: 20px; background: url(../img/ico-sets.png) no-repeat -20px 0px; left: 10px;}
            .table_footer ul li {display: inline-block; margin-right: 20px;}
            .table_footer .pagin-settings {float: right;}
            .table_footer .pagin-settings span {color: #9d9d9d;}
            .pagin-settings a {display: inline-block; margin-left: 15px;}

    /* END messages */

    /*BEGIN reports */
        .reports .lbl {color: #161616; font-size: 13px;}
        .reports p {color: #707070; font-size: 13px; margin-bottom: 15px;}
        .reports .events_status span {color: #707070; font-size: 13px;}
        .reports .events_status span:before {position: relative; top: 5px;}
        .reports td.events_status span:before {position: relative; top: 0px;}
        .reports .info p {color: #777;}

    /* END reports */

    /*BEGIN votes */
    .votes header h2 {font-size: 25px; font-family: Arial, sans-serif; color: #888888;  }
    .votes_questions,
    .votes_answer {font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 300; color: #777; list-style: inherit; list-style-type: decimal; margin: 50px 0 10px 50px;}
        .votes_answer_btn {margin: 10px 0 50px 0;}
        .votes_answer_btn > div{color: #f58431; margin: 30px; border: 2px solid #fff;display: inline-block; padding: 5px 30px; font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-size: 45px; font-weight: 300; cursor: pointer; }
        .votes_answer_btn > div:hover {border: 2px solid #f58431;}
        .votes_answer_btn > div.checked {border: 2px solid #f58431; color: #fff; background: #f58431;}

        .votes_answer .highlight {text-transform: uppercase;}
        .td-plik {width: 30px;height: 28px;background: url(http://test.familoc.kkornacki.np.netizens.pl/app/img/repo_sprite-mini.png) 0px -130px no-repeat;display: inline-block;position: relative; color: #000;}
            tr:hover .td-plik {background-position: -33px -130px;}
        .td-file-ext {position: absolute;top: 14px;right: 1px;font-size: 8px;text-transform: uppercase;text-align: center;width: 24px; color: #000;}
            tr:hover .td-file-ext {color: #fff;}
    /*END votes*/

    /*BEGIN survey */
        .input-group {position: relative;display: table;border-collapse: separate;}
        .input-group q.err {
    margin-left: 20px;
}
        .surveys input.jsCalendar {width: 190px !important; display: table-cell;}
        .survey__list {margin-top: 50px;list-style: inherit;list-style-type: decimal;font-size: 18px;font-family: 'Titillium Web', sans-serif;}
        .survey__title {font-size: 18px;font-family: 'Titillium Web', sans-serif; }
        .survey__options {margin: 20px 0px;}
            .survey__options label {display: block;margin-bottom: 5px;font-family: Arial, sans-serif;font-size: 13px;}

        #none-edit-questions {padding: 30px 0;}
        .htmlTemplate {margin-bottom: 25px;}
        .htmlTemplate .title {font-weight: bold;font-size: 14px;display: block;}
        .question .delete_quest {position: absolute;right: 15px;z-index: 2;  top: 16px;  }
        #add_field input[type="text"] {cursor: pointer;color: #999;width: 85%;display: inline-block;}
        #add_field > div {position: absolute;left: 0;right: 78px;top: 7px;bottom: 0;cursor: pointer;}
        .txtField input[type="text"] {color: #999;}

        #fields input[type="text"] {width: 85%;display: inline-block;}

        .htmlTemplate .jsDelHtml {float: right;top: 16px;position: relative;}
    /*END survey */

    /*BEGIN counters */
    .tabs {margin: 30px 0;}
    .tabs li {font-size: 21px;float: left;margin-right: 30px;font-weight: 100;font-family: 'Titillium Web'}
    .tabs li a {font-weight: 100; color: #494949;text-decoration: none;}
    .tabs li.active a,
    .tabs li a:hover {color: #f06935; text-decoration: underline; }


    .change_adress {background: #f58431;color: #fff;padding: 5px 12px;line-height: 26px;}
        .change_adress__select {width: 230px;}
        .change_adress .ui-selectmenu-status,
        .change_adress .ui-state-default.ui-selectmenu {text-decoration: none;background: #fff;}


    .payments__profile {margin-top: 70px;}
        .payments__profile h2 span {color: #f58431;font-size: 104px;display: block;}
        .payments__profile h2 span:after {content: ''; background: url(../img/big_icons.png) no-repeat 0px 0px;width: 110px; height: 73px;display: inline-block;margin-left: 10px;}
        .payments__profile h2 span.persons:after {background-position:  0px 0px;}
        .payments__profile h2 span.flats:after {background-position: 0px -76px;}
        .payments__profile .item {margin-right: 70px;}
        .payments__profile p {font-weight: bold;font-size: 13px;margin-top: 26px;}


    .status-ok {background: url(../img/ico-sets.png) no-repeat 0px -210px;width: 23px;}
    tr:hover .status-ok {background-position: -26px -210px;}

    /*BEGIN style-variant */
        .dialog-titlebar:before,
        .new-section:before,
        .table-list tr:hover td {background: #f58431;}

        .dialog-titlebar::before,
        .new-section::before,
        .table-list tr:hover td.nobg {
            background: none;
            color: #707070;
        }
    /*END style-variant */

    /* BEGIN assistants */
    .gray_box_container .gray_box {background: #f7f7f7; border-radius: 10px; padding: 25px;}
    .gray_box_container .gray_box h4 {font-size: 36px; margin: 0 0 25px 0; font-family: "Titillium Web", sans-serif; font-weight: 300;}
    .gray_box_container .gray_box p {margin-bottom: 20px;}
    .gray_box_container .gray_box .orange {color: #f06935;}
    .gray_box_container .next {margin: 0;}

    .assistants #miesiac {min-width: 230px;}
    .assistants #co, .assistants #co_rok, .assistants #rok {min-width: 80px;}
    .assistants #co_rok-button, .assistants #co-button, .assistants #rok-button {margin: 15px 5px 0 5px;}
    .assistants .ui-state-default.ui-selectmenu {background: #fff; padding: 3px 0; border-radius: 5px; border: 1px solid #ccc;}
    .assistants .ui-selectmenu.ui-state-default .ui-selectmenu-icon {border-left: 1px solid #ccc;}

    /* END assistants */

    /* BEGIN resolutions */
    .resolutions__box {margin-top: 36px;background-color: #E57F43;padding: 10px 24px 24px;border-radius: 10px;font-size: 14px;box-sizing: border-box;}
      h3.resolution__title {color: #fff;text-align: center;text-transform: uppercase;font-weight: 500;font-size: 24px;}
      h3.resolution__title--confirmation {color: #E57F43;text-align: left;}
      .resolution__content {padding: 16px;display: flex;font-size: 14px;box-sizing: border-box;align-content: space-around;align-items: center;}
      .resolution__content--single-message {padding: 24px;}
      .resolution__label {color: #fff;}
      .resolution__col {width: 25%;margin-left: 12px;margin-right: 24px;}
      .resolution__value {color: #fff;line-height: 2.4;font-weight: 600;}
      .resolutions__box .resolution__single-message {color: #fff;text-align: center;font-size: 14px;}

      .resolution-ico {background-image: url(../img/resolutions.png);background-size: 80px auto;display: inline-block;}
        .resolution-ico--people {width: 40px;height: 44px;background-position: 0px -137px;}
        .resolution-ico--hold {width: 40px;height: 44px;background-position: 0px -92px;}
        .resolution-ico--up {width: 40px;height: 44px;background-position: 0px 0px;}
        .resolution-ico--down {width: 40px;height: 44px;background-position: 0px -46px;}

      .resolution-result__label {font-family: 'Titillium Web', Arial, Helvetica, sans-serif;color: #fff;text-align: center;text-transform: uppercase;font-weight: 500;font-size: 24px;white-space: nowrap;}
      .resolution-result__value {font-size: 50px;font-family: 'Titillium Web', Arial, Helvetica, sans-serif;color: #fff;text-align: center;text-transform: uppercase;font-weight: 500;}
      .resolution-result__value .resolution-ico {margin-right: 5px;}

      .resolution__wrapper {width: 100%;padding: 16px;}
      .resolution__vote {background-color: #fff;padding: 16px;border-radius: 10px;cursor: pointer;color: #E57F43;border: 1px solid #fff;transition: background 0.3s ease-out;text-align: center;font-size: 24px;font-family: 'Titillium Web', Arial, Helvetica, sans-serif;font-weight: 500;}
      .resolution__vote:hover, .resolution__vote.selected {background-color: #E57F43;color: #fff;}
        .resolution__vote .resolution-ico--up {background-position: -41px 0px;}
        .resolution__vote .resolution-ico--down {background-position: -41px -46px;}
        .resolution__vote .resolution-ico--hold {background-position: -41px -92px;}

          .resolution__vote:hover .resolution-ico--up, .selected .resolution-ico--up {background-position: 0px 0px;}
          .resolution__vote:hover .resolution-ico--down, .selected .resolution-ico--down {background-position: 0px -46px;}
          .resolution__vote:hover .resolution-ico--hold, .selected .resolution-ico--hold {background-position: 0px -92px;}

      .resolutions-confirm-message {background-color: #fff;padding: 32px 56px;}
      .confirmation__message-container {flex-grow: 3;}
      .confirmation__message {}
      .confirmation__btn {padding: 10px;cursor: pointer;background: #e57f43;color: #fff;border: 1px solid #e57f43;border-radius: 8px;/* width: 100%; */display: block;font-size: 24px;font-family: 'Titillium Web', Arial, Helvetica, sans-serif;font-weight: 500;text-align: center;text-transform: uppercase;margin: 10px;transition: background 0.3s ease-out;box-sizing: border-box;flex-grow: 1;}
      .confirmation__btn:hover {color: #e57f43; background-color: #fff;}


    /* END resolutions */

/* END style */

/* BEGIN icons-notify */
    .notify {width: 59px; height: 59px; display: block; background: url(../img/system-notify.png) #b0b0b0 no-repeat; margin: 10px 1% 30px; color: #fff; font-size: 9px; line-height: 95px; text-align: center; font-weight: normal;}
    .notify:hover {cursor: pointer;}
        .notify.familoc {background-position: 5px 10px;}
        .notify.email {background-position: -70px 10px;}
        .notify.sms {background-position: -151px 10px;}
        .notify.komunikator {background-position: -232px 10px;}
        .notify.poczta {background-position: -306px 10px;}
    .notify:hover {background-color: #84c800;}

/* END icons-notify */

#filter .ui-slider .ui-widget-header {background: #f58431;}
#filter .ui-slider {background: #eee;}


/********************************** end moduly */

/* BEGIN FOOTER */
#bottommenu {margin: 35px auto; width: 650px;}
    #bottommenu a {color: #000; font-size: 14px; font-family: Arial, sans-serif; margin: 6px 15px;display: block;float: left;}
    #bottommenu a.logo {width: 155px;height: 28px;background: url(../img/logo-familoc2.png) no-repeat;display: inline-block;border-left: 1px solid #000;text-indent: -9999px;margin-top: 0;padding-top: 0;}
    #f {background-color: #fff;}

    /* BEGIN footer */
        .push {height: 104px;} /*hack stopka zawsze na dole*/
        #f .f_content {padding: 30px;background-color: #fff;}
            #f .ue {width: 495px; height: 85px; background: url(../img/dotacja.png) -10px -33px no-repeat;padding-top: 53px;text-align: center;font-size: 10px;line-height: 15px;}
                #f .ue.en {width: 495px; height: 85px; background: url(../img/en/dotacja.png) -33px -33px no-repeat;padding-top: 53px;text-align: center;font-size: 10px;line-height: 15px;}

            #f .ecdf {width: 200px; height: 62px; padding-left: 60px; background: url(../img/ecdf.png) no-repeat; font-size: 10px; line-height: 12px; color: #434343;}

    /* END footer */
/*END FOOTER */


/********* begin stale klasy  */
    /* #apperror / blad aplikacji */
    #err {width:700px; height:390px; margin:30px auto 0; clear:both; background:url(../img/apperror.gif) no-repeat;}
        #apperror {width:600px; padding-top:30px; margin:0 auto; overflow:hidden;}
            #apperror .apperror-minheight {width:140px; height:320px; float:left; background:url(../img/apperror-minheight.gif) 0 0 no-repeat;}
            #apperror .apperror-content {width:460px; float:left;}
                #apperror .apperror-title {width:100%; margin-top:8px; float:left;}
                    #apperror .apperror-title, #apperror .apperror-title a {font-size:23px;}
                #apperror .apperror-txt {width:100%; margin:12px 0 0 0; float:left; display:inline;}
                    #apperror .apperror-txt, #apperror .apperror-txt a {font-size:12px; line-height:normal;}
                    #apperror .apperror-txt a {color:#61b300;}


    /* .noflash */
    .noflash {width:100%; margin:0; float:left; display:inline; background:#fff; text-align:center;}
        .noflash, .noflash a {line-height:normal; font-size:14px; font-weight:bold; color:#000;}
        .noflash a {color:#00f;}
        .noflash img {margin:10px 0; float:none;}
    /* END design */

    .ui-dialog #event_details {padding: 35px 60px 10px;}
    .ui-dialog #event_details h2 {font-size: 36px;line-height: 48px;}
    .ui-dialog #event_details h3 {font-size: 24px;line-height: 36px;}
    .ui-dialog #calendar {margin-bottom: 16px;}
    .ui-dialog .fc table {border-spacing: 0px; width: 100%!important;}
    /*.fc-border-separate th, .fc-border-separate td, */
    .ui-dialog .fc-border-separate tbody tr.fc-first td {border-top: 1px solid #dadada;}
    .ui-dialog .fc-widget-header,
    .ui-dialog .fc-border-separate th {border: 0;}
    .ui-dialog .fc-header-title h2 {font-size: 24px; color: #000;font-weight: 600;text-transform: initial;}
    .ui-dialog .fc-day-header,
    .ui-dialog .fc thead th {background: #fff; font-weight: normal;}
    .ui-dialog .fc-sat,
    .ui-dialog .fc-sun {background: #f3f3f3;}
    .ui-dialog .fc-today {border: 5px solid #f58431 !important;background: #fff;}
    .ui-dialog .fc-event.private {background: #68c4ff; border-color: #68c4ff;}

    /*.fc-event.private {background: transparent;border: 0;color: #33c0de;}
        .fc-event.private .fc-event-inner:before {content: ''; width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: #33c0de; margin-right: 2px; }*/


/* mobile BEGIN */
    .mobile {overflow-x: hidden; width: 100%;}
        .mobile #topmenu {position: static; float: left; height: 81px;}
            .mobile #topmenu .profile {width: 100%; float: none; height: 15px; width: 167px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
            .mobile #topmenu .profile_setting {height: 30px; line-height: 30px;}
                .mobile #topmenu .profile_setting a {margin: 0 11px; font-size: 11px;}
            .mobile #topmenu .usability_link {height: 48px;}
                .mobile #topmenu .usability_link:before {height: 40px; background-position: 0 -225px;}

        .mobile #jsWidgetsContainer > div {position: static!important; width: 96%; float: left; margin: 10px 2%;}
            .mobile #jsWidgetsContainer .widget {width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
                .mobile #jsWidgetsContainer .widget .widget_sound.active {display: none;}
                /*.mobile #jsWidgetsContainer .widget .widget_settings_ico {width: 30px; height: 20px; background-position: -42px -24px;}
                .mobile #jsWidgetsContainer .widget .widget_star {width: 29px; height: 20px; background-position: -40px -46px; right: 48px;}*/
                .mobile .widget-container-bezpieczenstwo, .mobile .widget-bezpieczenstwo {height: auto !important;}
                    .mobile .widget-bezpieczenstwo footer {position: static;}
                    .mobile .widget-bezpieczenstwo .widget_stream_miniatures li {margin: 10px;}
                .mobile .size1-1 .widget_list, .size1-2 .widget_list, .size1-1 footer, .size1-2 footer {width: 100%;}
                .mobile .size2-1 .widget_list, .size2-2 .widget_list {width: 100%;}
                .mobile .size2-1 footer, .mobile .size2-2 footer {width: auto;}

                .mobile .widget_sound {display: none;}
                .mobile .widget-container-bezpieczenstwo {display: none;}
                .mobile .widget-container-wideokonferencje {display: none;}

        .mobile .widget-formularz-kontaktowy .file,
        .mobile .widget-formularz-kontaktowy .record {display: none;}

        .mobile footer#f .ue {display: block; background-position: 50% -10px; background-size: contain; max-width: 495px; width: 100%; height: 50px; margin: 0 auto; float: none;}
        .mobile footer#f .ecdf {height: auto; display: block; margin: 30px auto 0 auto; float: none;}
        .mobile #bottommenu {width: 100%;}
            .mobile #bottommenu a {width: 90%; margin: 10px 0 10px 2%;}


        .mobile .dialog-titlebar {font-size: 36px; line-height: 40px; padding: 35px 10px;}
        .mobile .dialog-titlebar-close {width: 20px; height: 20px; background-position: 50% 50%; right: 40px; padding: 0;}
            .mobile .dialog-titlebar .ui-dialog-title {max-width: 80%;}
        .mobile .dialog_cont {padding: 10px;}
            .mobile .dialog_cont .notify {margin: 5px 1% 0;}
            .mobile .side-dialog textarea,
            .mobile .side-dialog input[type="text"],
            .mobile .side-dialog input[type="password"] {width: 100%;}
        .mobile .ui-dialog {width: 100% !important; overflow-x: hidden;position: fixed; top: 0; width: 100%; height: 100%; left: 0;}
        .mobile .ui-dialog .ui-dialog-content {overflow-x: hidden;}
        .mobile .ui-dialog .payments__profile .item {margin: 30px 0 0 10px;}

        .mobile .ui-dialog .surveys .r_item {margin-left: 0;}
        .mobile .ui-dialog .jsAdres .community {background: none;}
            .mobile .ui-dialog .jsAdres .community a {padding-left: 0; background: none;}

        .mobile .ui-dialog .btn {margin: 0 20px;}
        .mobile .ui-dialog .tabs li {width: 100%;}

        .mobile .table-list {overflow-x: auto; overflow-y: hidden;}
        .mobile .table-list td {padding: 10px 5px; font-size: 12px;}

        .mobile .ui-dialog .special_footer {display: none;}

        @media screen and (min-width: 767px){
            .mobile #jsWidgetsContainer > div {
                width: 46%;
            }
            .mobile #bottommenu a {
                width: auto;
            }
            .mobile #bottommenu a.logo {
                width: 155px;
            }
        }

        @media screen and (max-width: 767px) {
            .mobile .votes_answer_btn > div {
                padding: 5px 10px;
            }
            .mobile .votes header h2 {line-height: 30px;}
        }
        /* .mobile .table-list .table_footer .pagin-settings {position: absolute; right: 0; top: 60px;} */
/* mobile END */

.hide {display: none !important; }
.show {display: block !important; }

.additionalinfo{
    bottom: 0px;
    width: 100%;
    background-color: #f06935;
    color: #ffffff;
    padding: 0px;
    font-size: 24px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
}
.additionalinfo .content {
    padding: 4px;
    margin: 0px 5px 0px 5px;
    white-space: pre-wrap;
    max-width: 100%;
    word-wrap: break-word;
}

.additionalinfo .content .content_manager{
    font-size: 20px;
}

.additionalinfo .content .header_manager{
    font-size: 20px;
}

.additionalinfo .content .content_additional{
    font-size: 15px;
}

.additionalinfo .content .header_additional{
    font-size: 15px;
}

.mb-30 {
  margin-bottom: 30px;
}

.address {
  font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.section-title {  font-size: 18px; margin-bottom: 10px;}
.show-only-on-preview {display: none;}
.print-preview .hide-on-preview {display: none !important;}
.print-preview .show-only-on-preview, .print-preview .pdf_show_on_preview {display: block !important;}
.content-to-print, .print-section {position: relative; box-decoration-break: slice; }
.content-to-print::after, .print-section::after { content: 'Drukuj'; position: absolute; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 1ch; top: 0; left: 0; width: 100%; height: 100%; background: #f0f0f0; text-align: center; opacity: 0.80; font-size: 56px; font-family: 'Titillium Web', Arial, Helvetica, sans-serif;line-height: 56px;font-weight: 100;border: 2px dashed #aaa; text-transform: uppercase;}
  .print-section::after {content: 'Tylko podgląd';}
  .show-selection.content-to-print::after {display: flex;}
  .print-section:hover::after {display: flex;}
  .pdf_show_on_preview .input-group {display: table !important;}


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



@media print {
  .dialog-titlebar,
  .tabs,
  .ui-widget-overlay,
  .additionalinfo,
  .ui-datepicker,
  #kko,
  #c,
  .select-ui,
  .input-group,
  .ui-dialog-titlebar,
  footer {
      display: none !important;
  }

  html.noscroll {
    position: static;
    overflow-y: auto;
  }

  .dialog_cont {
      padding: 0 !important;
  }

  body {
      background: none !important;
      color: #000 !important;
      height: auto !important;
  }

  .side-dialog,
  .ui-dialog {
      width: 100% !important;
      max-width: none !important;
      position: static !important;
      overflow: visible !important;
      max-height: none !important;
      height: auto !important;
  }

  .dialog_cont,
  body {
      height: auto !important;
      min-height: 0 !important;
  }

  .action_kolumn {
display: none;
width: 1px !important;
min-width: 1px !important;
padding: 0 !important;
text-indent: -9999px;
white-space: nowrap;
}

object,
embed,
#f,
#jsFormSearch,
#jsFormSearchSingle,
.communities-customs,
.toggle_button,
.button,
.buttons,
.jqtooltip,
.medium-editor-table-delete,
.no_print,
.action,
#content .yadcf-filter-wrapper,
.table__sorter,
.bottommenu,
.expand_icon,
.label_calendar,
.no-pdfmasspreview
.sample_page
.ui-selectmenu.ui-state-default
.ui-selectmenu-icon,
.dataTables_length,
.dataTables_paginate,
.DataTables_sort_icon,
.no-pdfmasspreview .showOnMassPrev,
.indenter,
.hide-on-preview,
.side-dialog:has(.dialog_cont.no_print) {
  display: none !important;
}

.button-show {
display: block !important;
margin-top: 15px;
}

.pdf_section {
position: absolute;
opacity: 0;
top: 0;
right: 0;
height: 1px;
overflow: hidden;
}

#mc,
#sidebar,
#content,
#bg_sidebar,
#f {
-webkit-transition: none;
transition: none;
}

#content input,
textarea,
.no-pdfmasspreview .sample_page .ui-state-default.ui-selectmenu,
.no-pdfmasspreview .sample_page .ui-selectmenu-icon {
border: 0 !important;
padding: 0 !important;
}

.tr_sort th.clickable,
.table-list .jsView td,
.js-ajaxView {
cursor: text;
}

.table-list {
overflow: visible !important;
}

.table-list--generate-access td,
.table-list--generate-access th {
font-size: 15px !important;
}

.have-action-column tr th:last-child,
.have-action-column tr td:last-child {
display: none !important;
}

.table-list td {
padding: 5px 2px !important;
color: #000 !important;
font-size: 9pt;
font-family: Arial, sans-serif;
}


.table-list tr:first-child td {
border-top: 2px solid #fff;
}

.table-list tr td:first-child {
border-left: 0;
}

.table-list tr:last-child td {
  border-bottom: 2px solid #f47931;
}

.math tr:last-child td,
.math tr:first-child td{
  border-bottom: 0;
  border-top: 0;
}

.table-list tfoot th {
  border-top: 2px solid #f47931;
}

.table-list td a {
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
border: none;
color: #000;
}
.tr_sort th {
padding-bottom: 0;
}

.DataTables_sort_wrapper {
padding-bottom: 10px;
}

.table-list tr:hover td {
transition: none;
}

.table-list th:first-child {
border-radius: 0;
}

.table-list thead th {
padding-bottom: 10px;
min-width: initial;
background: #bbbbbb;
color: #000;
padding-top: 20px;
font-family: "Titillium Web", Arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 11px;
color: #666;
letter-spacing: 0px;
background: transparent;
border-bottom: 2px solid #f47931;
}

.tfoot th.tar {
padding-right: 5px;
}

.pdf_header table,
.pdf_header td {
border: 0;
}

.pdf_header {
font-size: 15px;
}

.pdf_header img,
.pdf_footer img {
float: none;
}

.sample_page {
max-width: 980px;
width: 980px;
font-size: 13px;
color: #000 !important;
}
}

/*WYDRUKI MASOWE*/
.pdfmasspreview .ui-dialog-buttonset .button,
.pdfmasspreview .button,
.pdfmasspreview .kart_wlascieciela .no_print {
/* display: block !important; */
}

.pdfmasspreview .kart_wlascieciela .action {
display: inline-block !important;
}

.pdfmasspreview .pdf_show_on_preview .buttons {
display: block !important;
}

.jsTableColumnNoPrint .jsMassAddNoPrint,
.pdfmasspreview .jsMassAddNoPrint {
position: relative;
}

.pdfmasspreview .jsMassAddNoPrint:hover,
.jsMassAddNoPrintHover {
opacity: 0.4;
cursor: pointer;
}

.jsTableColumnNoPrint .jsMassAddNoPrint.dontprint::after {
font-size: 9px;
}


.jsTableColumnNoPrint .jsMassAddNoPrint.dontprint::before,
.pdfmasspreview .jsMassAddNoPrint.dontprint::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.9;
background: #fff;
}

.jsTableColumnNoPrint .jsMassAddNoPrint.dontprint::after,
.pdfmasspreview .jsMassAddNoPrint.dontprint::after {
content: "NIE DRUKUJ";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 600;
color: #000;
}



@media print {
  .no_print {
    display: none !important;
  }
  /*wyjątki z mass-preview*/
  .table-list td a {
    background: none;
  }

  @page {
    padding-top: 0.1cm;
    size: A4;
  }
  /*table*/
  tr,
  td,
  figure {
    page-break-inside: avoid;
  }

  .page_break {
    page-break-after: always !important;
  }

  body {
    background: #fff;
    font-size: 10pt !important;
    padding: 0;
    margin: 0;
  }

  body {
    padding-top: 0.1cm;
  }

  #content {
    padding: 0 !important;
    position: static !important;
    width: 100% !important;
    display: block !important;
  }

  #bg_sidebar,
  #sidebar,
  .komuniakty,
  .content-headers,
  #content .content-headers ul.tabs,
  #content .content-headers .page-subtitle,
  .content-footer,
  .pin,
  .print_pdf,
  .medium-editor-table-delete,
  .medium-editor-toolbar,
  .medium-editor-placeholder:after,
  .showOnPrev,
  #jsFormToDelete,
  .showOnMassPrev {
    display: none !important;
  }

  #content .content-headers {
    background: #fff;
  }

  #content .content- {
    padding-top: 0;
  }

  #content .content-headers h1,
  #content .content-headers .page-subtitle,
  .caption,
  caption {
    color: #000;
  }

  #content .content-headers .h1 {
    padding-bottom: 0;
  }

  .sample_page {
    padding: 0;
    margin: 0;
    padding-top: 10px;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    max-width: none;
    width: auto;
  }

  .print__logo_familoc {
    display: none !important;
    background: url(../img/logo-familoc2.png) no-repeat 0 0;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block !important;
    width: 134px;
    height: 28px;
    position: absolute;
    top: 20px;
    right: 30px;
  }

  .new-page {
    page-break-before: always;
  }
  @page { margin: 0.1cm !important; widows: 3; box-decoration-break: slice; }
  @page :first {
    margin: 0.5cm 0.1cm !important;
  }
  body {padding: 0.5cm; width: auto !important;}
  tfoot .i-tar {padding-right: 0;}
  tfoot {display: table-row-group !important;}
  .pdf_show_on_preview .input-group input {padding: 0;}
  .select-ui.pdf_show_on_preview {display: block !important; font-family: 'Titillium Web',sans-serif; font-size: 16px;}

}
.print-section .label_calendar {display: none;}
.wrap-content { word-break: break-word;}

.inhabitant-settings-info {font-size: 18px; margin-top: 20px;}