body {
    padding-top: 65px;
    padding-bottom: 40px;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
}

body.login-site {
    background: #fff ;
}

.sidebar-nav {
    padding: 9px 0;
}

@media (max-width: 980px) {
    /* Enable use of floated navbar text */
    .navbar-text.pull-right {
        float: none;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.filters input {
    max-width: 100px;
}

.navbar-fixed-top .container {
    width: auto;
}

.gallery .thumbnails li {
    margin-left: 0px;
    width:150px;
}

.pagination .hidden {
    visibility: visible;
}
.nag {
	font-weight:bold;
	padding:10px 0;
}
.modal.fade.in {
	top:auto;
}
.intro_log {
position:fixed;
	top:10%;
	width:560px;
	left: 50%;
	margin-left:-280px;

}
.button-column {
white-space: nowrap;
}

/*
NOWE CSSY
*/

.navbar-inverse .navbar-inner {background:#fff;min-height:65px;border-bottom:0px none;box-shadow: 0 1px 22px rgba(0, 0, 0, 0.1);}
.navbar-inverse .navbar-inner .logo_img {width:146px;}
.navbar-inverse .navbar-inner .nav > li > a.logo {padding:20px 22px;}
.navbar-inverse .navbar-inner .nav.pull-right > li > a {position:relative;font-size:14px;color:#000;padding:20px 35px;display:flex;align-items:stretch}
.navbar-inverse .navbar-inner .nav.pull-right > li > a span.icon {padding-left:30px;background:url("../img/svg/user.svg")no-repeat left center;display:block;}
.breadcrumb {display:none;}
.filter-container {background: #F2F2F2 0% 0% no-repeat padding-box;padding:15px 22px;display:flex;column-gap: 12px;align-items: center;border-bottom: 1px solid #D5D5D5;}
.filter-container span.nagl {font-weight:bold;font-size:20px;}
.filter-container .cats_list,
.filter-container span.nagl.cats {display:none}
.filter-container form {text-align:left;margin:0;display:flex;column-gap: 10px;align-items: center}
.filter-container form input {background: #FFF;border: 1px solid #ADADAD;border-radius: 4px;padding: 8px 10px;color:#000;height:20px;}
.filter-container form input.date {padding-left:27px;max-width:90px;background:url("../img/svg/calendar.svg")no-repeat 10px center #fff;}
.filter-container form input.search_cont {width:208px;}
.filter-container form select {width:116px;height:38px;background: #FFF;border: 1px solid #ADADAD;border-radius: 4px;}
.filter-container form button {background: #E74E0F 0% 0% no-repeat padding-box;border-radius: 4px;color: #FFFFFF;font-size:14px;color: #FFFFFF;height: 38px;border: 0px none;text-shadow:none}

#mailing_user.container-fluid {padding:0;}
#mailing_user.container-fluid .span9 {border-right: 1px solid #D5D5D5;text-align:center;}
#mailing_user .view,
#mailing_user.container-fluid .span3 {padding-top:50px;}
#mailing_user .view .title-row,
#mailing_user .page-name {display:block;font-size:20px;font-weight:bold;margin:0px 0px 25px 0px;line-height:25px;}
#mailing_user.container-fluid .span3 .sidebar-nav {border:0px none;background:none;box-shadow: none;border-radius: unset;padding:0px;}
#mailing_user.container-fluid .span3 ul.dynatree-no-connector {padding:0;max-width:200px;}
#mailing_user.container-fluid .span3 ul.dynatree-no-connector > li {padding:10px 0px;border-bottom:1px solid #D5D5D5}
#mailing_user.container-fluid .span3 ul.dynatree-no-connector > li a {color:#000;font-size:14px;font-weight:normal;}
#mailing_user.container-fluid .span3 ul.dynatree-no-connector > li span.dynatree-active a,
#mailing_user.container-fluid .span3 ul.dynatree-no-connector > li a:hover {background:none !important; color:#E74E0F !important;font-weight:bold;}
#mailing_user.container-fluid .span3 ul.dynatree-no-connector .dynatree-ico-cf span.dynatree-icon {background:url("../img/svg/right.svg")no-repeat center center;margin: 2px 0px 0px 0px;}
#mailing_user.container-fluid .span3 ul.dynatree-no-connector .dynatree-ico-cf.dynatree-active span.dynatree-icon,
#mailing_user.container-fluid .span3 ul.dynatree-no-connector li:hover .dynatree-ico-cf span.dynatree-icon {background-image:url("../img/svg/right_orange.svg")}


#mailing_user #mailing-grid {max-width:722px;width:80%;margin:20px auto 0px}
#mailing_user #mailing-grid .summary {display:none;}
#mailing_user #mailing-grid tr {border-bottom:1px solid #D5D5D5;}
#mailing_user #mailing-grid tr td {padding:25px 0px 30px 0px;vertical-align: top;}
#mailing_user #mailing-grid tr td .image-div {width:115px;height:134px;background-size:cover;background-position:center;}

#mailing_user #mailing-grid tr td .mail-info {padding:0px 15px 0px 30px;text-align:left;}
#mailing_user #mailing-grid tr td .mail-info .head {display:flex;column-gap: 10px;align-items:stretch;padding-bottom:10px;}
#mailing_user #mailing-grid tr td .mail-info .head span {background: #FFFFFF;border: 1px solid #D0D0D0;border-radius: 3px;font-size:10px;padding:1px 5px;}
#mailing_user #mailing-grid tr td .mail-info .head span.cat {text-transform: uppercase;}
#mailing_user #mailing-grid tr td .mail-info .head a {margin-left:10px;width:17px;;display:block;background:url('../img/svg/download_light.svg') no-repeat center center;background-size:contain;text-decoration:none !important;}
#mailing_user #mailing-grid tr td .mail-info p.title a {text-decoration: underline;font-weight:600;font-size:14px;color:#000;}
#mailing_user #mailing-grid tr td .mail-info .ontro {font-size:14px;line-height:19px;}

#mailing_user hr.footer-line {margin-top:0px;border-top:1px solid #D5D5D5}
#mailing_user .pagination ul {display:flex;column-gap: 10px;justify-content:center;box-shadow:none;}
#mailing_user .pagination ul > li > a {border:1px solid #C3C3C3;font-size:14px;color:#000;background:#fff !important;}
#mailing_user .pagination ul > li:hover > a,
#mailing_user .pagination ul > li.selected > a {border-color:#000;}

#mailing_user .pagination ul > li.first,
#mailing_user .pagination ul > li.last {display:none;}

#mailing_user .pagination ul > li.previous,
#mailing_user .pagination ul > li.next {display:flex;}

#mailing_user .pagination ul > li.previous a,
#mailing_user .pagination ul > li.next a {border-color:#fff;}

.pagination ul > li a span.next,
.pagination ul > li a span.prev {width:15px;display:block;background:url("../img/svg/right.svg")no-repeat center center;}
.pagination ul > li a span.prev {transform: rotate(180deg);}


#mailing_user .view {max-width:655px;margin:0px auto;text-align:left;display:flex;column-gap: 70px}
#mailing_user .view .view-content .intro {margin-bottom:25px;}
#mailing_user .view .view-content .description-bottom,
#mailing_user .view .view-content .description {font-size: 14px;line-height: 19px;color:#000;position:relative}
#mailing_user .view .view-content .description-bottom p,
#mailing_user .view .view-content .description p {font-size: 14px;line-height: 19px;color:#000;margin-bottom:20px;}
#mailing_user .view .view-content .description:after {position:absolute;bottom:0px;left:0px;width:200px;max-width:50%;height:1px;background:#D5D5D5;content:" "}
#mailing_user .view .view-content .description {margin-bottom:30px;}
#mailing_user .view .view-content .description-bottom p {margin-bottom:30px;}

#mailing_user .view .actions {flex:0 0 45px;display:flex;flex-direction:column;row-gap: 25px;position:relative;}
#mailing_user .view .actions .sep {width:100%;height:1px;background-color:#D5D5D5;}
#mailing_user .view .actions a {text-align:center;color:#000;font-size:14px;font-weight:bold;padding-top:30px;}
#mailing_user .view .actions a.pdf {background:url("../img/svg/download.svg")no-repeat top center;}
#mailing_user .view .actions a.print {background:url("../img/svg/print.svg")no-repeat top center;}
#mailing_user .view .actions a.up {position: fixed;bottom: 200px;background:url("../img/svg/top_arrow.svg")no-repeat top center;width:45px;}
#mailing_user .view .actions a.logout,
#mailing_user .view .actions a.all_articles {display:none;}


@media (max-width: 1200px) {
    .filter-container form input.search_cont {width:120px;}
}

@media (max-width: 1090px) {
    .filter-container form input.search_cont {width:120px;}
    .filter-container {flex-direction: column;row-gap: 20px;}
}

@media (max-width: 978px) {
    .navbar-inverse .navbar-inner {box-shadow: none;}
    .filter-container {flex-direction: row;gap: 0;padding:15px 0px;position:relative;justify-content: center;}
    .filter-container span.nagl {cursor:pointer;flex:0 0 50%}
    .filter-container span.nagl:after {content:" ";background:url("../img/svg/right.svg")no-repeat center center;width:16px;height:16px;transform: rotate(90deg);display:inline-block;margin-left:15px;}
    .filter-container .cats_list,
    .filter-container form {flex-direction: column;width: 100%;row-gap: 10px;align-items:stretch;background: #fff;position: absolute;top: 55px;padding-bottom:20px;display:none;}
    .filter-container .cats_list.show,
    .filter-container form.show {display:flex}
    .filter-container form input {width:unset !important;max-width:unset !important}
    .navbar-inverse .navbar-inner .nav.pull-right > li > a {padding-right:15px;}
    .navbar-inverse .navbar-inner .nav.pull-right > li > a span.icon {padding-left:25px;}
    .navbar-inverse .navbar-inner .nav.pull-right > li > a span.text {display:none}
    #mailing_user.container-fluid.mailing_list .span3 {display:none;}
    #mailing_user.container-fluid .span9 {width:100%;border-right:0px none;}
    .navbar-fixed-top {margin-bottom:0px;}
    #mailing_user #mailing-grid {width:100%;}
    .filter-container {background:transparent;border-bottom:0px none;}

    #mailing_user #mailing-grid tr {display:flex;flex-direction: column;border-bottom:1px solid #D5D5D5;padding:20px 0}
    #mailing_user #mailing-grid tr td {padding:0}
    #mailing_user #mailing-grid tr td .image-div {width:100%;}
    #mailing_user #mailing-grid tr td .mail-info {padding: 20px 0px 0px 0px;}

    #mailing_user.mailing_view .span3 {width:100%;padding:0;margin:0}

    #mailing_user .view .actions {position: fixed;width: 100%;bottom: 0;left: 0px;flex-direction: row;background:#fff;box-shadow: 0 1px 22px rgba(0, 0, 0, 0.1);z-index:1;padding-top:10px;justify-content:center;column-gap:30px}
    #mailing_user .view .actions a.up,
    #mailing_user .view .actions .sep {display:none;}

    #mailing_user .view .actions a {font-size:12px;font-weight:500}

    #mailing_user .view .actions a.logout,
    #mailing_user .view .actions a.all_articles {display:block;}

    #mailing_user .view .actions a.logout {background:url("../img/svg/user2.svg")no-repeat top center;}
    #mailing_user .view .actions a.all_articles {background:url("../img/svg/burger.svg")no-repeat top center;}
    #mailing_user .view .actions a.print {background:url("../img/svg/printer.svg")no-repeat top center;}
    #mailing_user .view .actions a.pdf {background:url("../img/svg/download_light.svg")no-repeat top center;background-size:21px;}


    .filter-container span.nagl.cats {display:block;border-right:1px solid #D5D5D5}

    .filter-container .cats_list ul {list-style:none;display:flex;flex-direction:column;justify-content:stretch;padding:0;margin:0;row-gap: 10px;}
    .filter-container .cats_list ul li a {background:url("../img/svg/right.svg")no-repeat left center;;padding-left:20px;text-align:left;display:block;color:#000;font-size:14px;}
}

@media (max-width: 420px) {
    #mailing_user .view .actions {padding:15px 20px;column-gap:unset;justify-content:space-between;width:calc(100% - 40px)}
}