.container-fluid {padding-right:15px; padding-left:15px;}
section {margin-top:25px; margin-bottom:25px}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    padding-left: 6px;
    padding-right: 6px;
}

.navbar-collapse.collapse {
    display: block!important;
}


/*.portlet {margin-bottom:45px}*/

.dashboard-stat .details .number {font-size:32px; padding-top:20px; margin-bottom: 3px}

.bg-white   {background:#FFFFFF; background-color:#FFFFFF}

.margin-vertical-0 {margin-top:0; margin-bottom: 0}
.margin-vertical-5 {margin-top:5px !important; margin-bottom: 5px !important;}
.margin-vertical-10 {margin-top:10px !important; margin-bottom: 10px !important;}
.margin-vertical-20 {margin-top:20px !important; margin-bottom: 20px !important;}
.margin-vertical-30 {margin-top:30px !important; margin-bottom: 30px !important;}

.margin-horizontal-10 {margin-left:10px !important; margin-right: 10px !important;}
.margin-horizontal-20 {margin-left:20px !important; margin-right: 20px !important;}
.margin-horizontal-30 {margin-left:30px !important; margin-right: 30px !important;}

.padding-vertical-10 {padding-top:10px !important; padding-bottom: 10px !important;}
.padding-vertical-20 {padding-top:20px !important; padding-bottom: 20px !important;}
.padding-vertical-30 {padding-top:30px !important; padding-bottom: 30px !important;}

.padding-horizontal-10 {padding-left:10px !important; padding-right: 10px !important;}
.padding-horizontal-20 {padding-left:20px !important; padding-right: 20px !important;}
.padding-horizontal-30 {padding-left:30px !important; padding-right: 30px !important;}

.padding-top-0  {padding-top:0}
.padding-top-10 {padding-top:10px !important;}
.padding-top-20 {padding-top:20px !important;}
.padding-top-30 {padding-top:30px !important;}

.padding-bottom-0 {padding-bottom:0 !important;}
.padding-bottom-10 {padding-bottom:10px !important;}
.padding-bottom-20 {padding-bottom:20px !important;}
.padding-bottom-30 {padding-bottom:30px !important;}

.padding-left-0 {padding-left:0}
.padding-left-10 {padding-left:10px !important;}
.padding-left-20 {padding-left:20px !important;}
.padding-left-30 {padding-left:30px !important;}

.margin-top-0  {margin-top:0}
.margin-top-10 {margin-top:5px !important;}
.margin-top-10 {margin-top:10px !important;}
.margin-top-20 {margin-top:20px !important;}
.margin-top-30 {margin-top:30px !important;}

.margin-bottom-0 {margin-bottom:0px !important;}
.margin-bottom-5 {margin-bottom:5px !important;}
.margin-bottom-10 {margin-bottom:10px !important;}
.margin-bottom-20 {margin-bottom:20px !important;}
.margin-bottom-30 {margin-bottom:30px !important;}


/* font-awesome */
h1 [class*=" fa-"] {font-size:inherit !important; margin-top:0; margin-left:2px}
h2 [class*=" fa-"] {font-size:inherit}
h3 [class*=" fa-"] {font-size:inherit}
h4 [class*=" fa-"] {font-size:inherit}
h5 [class*=" fa-"] {font-size:inherit}
h6 [class*=" fa-"] {font-size:inherit}
.caption-subject i[class*=" fa-"] {font-size:inherit}
li > i[class*=" fa-"] {font-size:inherit !important;}
.fa-ul > li {margin:5px 0; line-height:1.4; font-size:inherit}
.fa-ul {font-size:inherit}
.fa-li {left:-1.5em !important}

[class^="fa-"],
[class^="glyphicon-"],
[class^="icon-"],
[class*=" fa-"] {font-size:inherit}

.fa-1x {font-size: 1em !important;}
.fa-2x {font-size: 2em !important;}
.fa-3x {font-size: 3em !important;}
.fa-4x {font-size: 4em !important;}
.fa-5x {font-size: 5em !important;}
.icon-btn > i {font-size:18px !important}

/* anti-adblock aliases */
.fa-fejsik-f:before,
.fa-fejsik:before {content: "\f09a"}
.fa-fejsik-square:before { content: "\f082"}

.fa-twittek:before {content: "\f099"}
.fa-guugle-plus-square:before {content: "\f0d4"}
.fa-guugle-plus:before {content: "\f0d5"}
.fa-guugle:before {  content: "\f1a0"}

.portlet > .portlet-title > .actions .btn-icon-only {padding-top: 2px !important; padding-left:0 !important; padding-right:0 !important; text-align:center !important;}

.tab-pane .portlet.light {padding-toppp:0; padding-bottom: 0}
.tab-pane .portlet.light > .portlet-title > .caption {padding-top:5px}


.badge {font-family: Arial, sans-serif; padding-top:3px; font-size:12px !important; height:18px}
.btn .badge {height:18px}
.badge.badge-ip {
    border-color: #67809F !important;
    background-color: #67809F !important;
    color: #FFFFFF !important;
}



.list-strech   {line-height:1.8}
ol.list-strech   {line-height:1.8}
ul.list-strech   {line-height:1.8}

ul.list-small-ident, ol.list-small-ident {padding-left:16px}
ul.dropdown-menu.list-flat li > a {padding-top:4px; padding-bottom:4px; /* default 8px*/}
ul.dropdown-menu:empty  {display:none !important}


.buttons-margin-bottom-5 .btn {margin-bottom: 5px !important}
.buttons-margin-bottom-10 .btn {margin-bottom: 10px !important}



/*** collor correction */
html {overflow-x: hidden}
body {color: #262626; overflow-x:hidden}

.tabbable-custom > .nav-tabs > li.active        {border-top-color: darkorange}
.tabbable-line > .nav-tabs > li.active          {border-bottom-color: darkorange}


.table.table-light   > tbody > tr > td {color: #2F3133}
.table.table-striped > thead > tr > th {color: #717475}
.table > thead > tr > th {border-bottom-width: 1px}


a {color: #095496}
.text-success {color: #139474 !important;}

.general-item-list > .item > .item-body {color: #474A4D}
.general-item-list > .item > .item-head > .item-details > .item-label {color:lightslategray}



.profile-desc-text {color: #333 !important}


.tab-pane.tab-pane-chart                        {padding:0 20px}
.tab-pane.tab-padding-horizontal                {padding:0 15px}



.popover {
    max-width: 800px;
    width: auto;
}


/*** page heading ***/

.tab-pane > .row:first-child    {margin-top:12px; margin-bottom:12px;}
.tab-pane > .row                {margin-left:-10px; margin-right:-10px}

/*.timeline:before                {top:10px}*/
/*.timeline-badge                 {width:60px !important; height:60px !important; padding-left:10px; padding-top:10px}*/
/*.timeline-badge-userpic         {height:60px !important; width:60px !important; overflow:hidden}*/
/*.timeline-badge-userpic img     {height:55px !important; width:55px !important; margin-left: 1px}*/
/*.timeline-icon                  {height:60px !important; width:60px !important; overflow:hidden; padding-top: 21px}*/
/*.timeline-icon i                {font-size:24px !important;}*/
/*.timeline-body-content          {font-size:13px}*/

.no-data                        {padding:20px !important; text-align: center; color: rgb(136, 150, 160) !important; font-family: "Open Sans", sans-serif;  font-weight: 300;}
th.no-data, td.no-data          {background: #ffffff; padding:20px !important; text-align: center; color: rgb(136, 150, 160); font-family: "Open Sans", sans-serif;  font-weight: 300; font-size:24px; line-height:1}





/****** TABLE *******/
tr.text-center > th {text-align: center}
tr.text-right  > th {text-align: right}
tr.text-left   > th {text-align: left}

.text-center {text-align: center !important;}
.text-right  {text-align: right !important;}
.text-left   {text-align: left !important;}

.border-right {border-right:1px solid lightgrey}
.table-light .border-right {border-right:1px solid #F2F5F8 !important}


table.table-vertical-middle > thead > tr > th,
table.table-vertical-middle > thead > tr > td,
table.table-vertical-middle > tbody > tr > th,
table.table-vertical-middle > tbody > tr > td,
table.table-vertical-middle > tr > th,
table.table-vertical-middle > tr > td {vertical-align: middle}

.table-hover>tbody>tr:hover {background:#FCFCE1 }

table > thead > tr > th.lp {width: 35px; text-align:center}
table > tbody > tr > td.lp {width: 35px; text-align:center}

.table tr.vertical-top > th,
.table tr.vertical-top > td     {vertical-align: top}
.table th.vertical-top,
.table td.vertical-top          {vertical-align: top}
.vertical-top                   {vertical-align: top !important}

.table tr.vertical-middle > th,
.table tr.vertical-middle > td   {vertical-align: middle}
.table th.vertical-middle,
.table td.vertical-middle        {vertical-align: middle}
.vertical-middle                {vertical-align: middle}



.input-kwota                     {width:90px}
.date-picker                     {width:100px !important}
.time-picker                     {width:80px !important}
.datetime-picker > input                    {width:140px !important}
textarea {resize: none}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: inherit;
}
/*** progress-bar ***/
td > .progress {margin-bottom:0 !important /* default: 20px*/}

/************************* mod.tasks.css **********************/
.task-status-1                 {}
.task-status-2                 {}
.task-status-3                 {color:red !important; font-weight:bold; text-decoration:line-through}
.task-status-4                 {color:green; font-weight:bold; text-decoration:line-through}


/************************** FIX *****************************/


/* fiexd height if element is empty */
.page-container > .page-head > .container  {min-height:50px}


/*inputy wychodza poza lewa krawedz modalboksa*/
.form-horizontal > .modal-body .row  .row        {margin-left:0 !important;}
.form-horizontal > .modal-body .row  .form-group {margin-left:0 !important;}

/*inputy wychodza poza lewa krawedz popovera */
.popover .form-horizontal > .row  {margin-left:0 !important;}
.popover .form-horizontal > .form-group {margin-left:0 !important;}

/*ponad modal */
.bootstrap-maxlength {z-index:100060 !important}

.popover {z-index:100000 !important}



/* inne zwiazane z naglowkiem */
body > div.page-container > div.page-head > div > div.page-title > h1 > .label {font-weight:bold; font-size:14px}



/* print */
@media print {
    a[href]:after {content: none !important}

}

/*************** addons ****************/
.sweet-alert .icon {height:86px}


.table .data-table-active-row-only {display:none}
.table .active .data-table-active-row-only {display:inline-block}
.table-striped tbody tr.active td {
    background-color: #017ebc;
}



/*************** circle progress *************************/
.circle {
    width: 100px;
    margin: 6px 6px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}

.circle canvas {
    vertical-align: top;
}

.circle strong {
    position: absolute;
    top: 20px;
    left: 2px;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
}

.circle strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}

.circle span {
    display: block;
    color: #aaa;
    margin-top: 12px;
}


.porady ul {padding-left:16px; line-height:1.7}
.porady h5 {margin:6px 0 0 0; padding:0; line-height: 1}




@media print {

    body {-webkit-print-color-adjust: exact}

    .page-content {background-color:#fff !important; padding:0}
    .container-fluid {padding:0}

    .page-header {display:block !important}
    .page-header-top {background-color:#fff !important}
    .page-header-menu {display:none}

    .wow {animation-name:none!important;visibility:visible!important; visibility: visible !important;}

    .print-no-break {page-break-inside: avoid; margin-top:20px !important;}
    div.portlet {
        margin-top:20px !important;
        margin-bottom:0 !important;
        padding-bottom:0 !important;
        page-break-inside: avoid;
    }

    .portlet.light > .portlet-title > .caption > .caption-subject {font-size:18px}


    .dashboard-stat .details .number {font-size:26px; padding-top:10px; margin-bottom: 2px; font-weight:400}
    .dashboard-stat .visual {height:65px; padding-top:5px; font-size:26px}


    .porady ul {padding-left:16px; line-height:1.6}
    .porady hr {margin-top:5px; margin-bottom:15px}

    #scroller-konkurencja-seo  h4 {font-size:13px !important; margin-top:0; padding-top:0}
    #scroller-konkurencja-seo table td {padding-top:8px !important; padding-bottom:8px !important;}

}


#raport-not-published {
    /*position:fixed; top:0px; left:50%; margin-left:-400px; */
    width:600px;
    margin-top:-6px;
    background:maroon; opacity:0.7; padding:4px; font-size:13px; z-index:99999; color:white;border-radius:5px; text-align:center
}


.usluga {margin-top:3px}
.usluga-row {margin-bottom:20px}
.usluga-row h4 {margin-bottom:6px}
.portlet-body .usluga-row > div:first-child {border:0px solid #e0e0e0; padding:8px 0; min-height:100px; align-items: center; display:flex; justify-content: center}
.usluga-opis {font-size:107% !important; line-height: 1.6}
.usluga-opis h4 {margin-top:15px}

/*.answer article {text-align: justify}*/
/*.answer-status .btn {font-size:16px; margin:10px 0}*/
/*.answer-status span {font-size:13px; display:none}*/

/*.answer-group-table td {padding:15px !important}*/

/*.answer blockquote {*/
    /*font-size:13px;*/
    /*padding: 5px 12px;*/
/*}*/

/*.answer blockquote footer {font-size:100%; margin-left:75px}*/
/*.answer blockquote img {width:60px; height: 60px; margin-right:15px; margin-top:5px; border:1px solid #c0c0c0;}*/
/*tr.answer.success blockquote {border-left: 5px solid #A4C497}*/
/*tr.answer.warning blockquote {border-left: 5px solid #D4C88C}*/
/*tr.answer.danger blockquote {border-left: 5px solid #D1A3A3}*/

/*blockquote > ul {*/
    /*padding-left:18px;*/
    /*line-height: 1.8;*/
/*}*/


/* favicon demo */
.browser-mockup {border-top:3em solid rgba(230,230,230,0.6);box-shadow:0 0.1em 1em 0 rgba(0,0,0,0.4);position:relative;border-radius:6px 6px 0 0;background-color:white;z-index:1}
.browser-mockup:before{display:block;position:absolute;content:'';top:-1.62em;left:1em;width:0.5em;height:0.5em;border-radius:50%;background-color:#f44;box-shadow:0 0 0 2px #f55, 1.5em 0 0 2px #ac3, 3em 0 0 2px #fc5}
.browser-mockup.with-tab:after{display:block;position:absolute;content:'';top:-2em;left:5.5em;width:20%;height:0em;border-bottom:2em solid white;border-left:0.8em solid transparent;border-right:0.8em solid transparent}
.browser-mockup.with-url:after{display:block;position:absolute;content:'';top:-2.3em;left:5.5em;width:calc(100% - 6em);height:1.8em;border-radius:2px;background-color:white;z-index:-10}
.browser-mockup>*{display:block}

.arrow_box {position: relative;  top:0;  background: #88b7d5; color:white; border: 3px solid #c2e1f5;  font: 12px tahoma;  font-weight:normal;  padding:10px;  width:130px;  text-align:center;  margin-left:38px;  margin-top:-23px;}
.arrow_box:after, .arrow_box:before {bottom: 100%;  left: 50%;  border: solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;}
.arrow_box:after {  border-color: rgba(136, 183, 213, 0); border-bottom-color:#88b7d5;  border-width: 30px;  margin-left: -30px;}
.arrow_box:before {  border-color: rgba(194, 225, 245, 0);  border-bottom-color:#c2e1f5; border-width: 36px;  margin-left: -36px;}



@media(max-width: 480px) {
    .table-mobile-auto-width {
        width: auto !important;
    }
    .usluga-row h4 {text-align:center !important;}

    #summary .portlet-body {text-align:center !important}
    #summary .portlet-body img {text-align:center !important; margin:0 auto !important; float:none !important;}
}


.usluga-row {page-break-inside: avoid;}

.equal-cols {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

  .owl-stage {
   display: flex;
  }
  .owl-item {
   display: flex;
   flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    height: auto !important;
  }

.owl-theme .owl-nav {margin-bottom:15px !important;}

.w-mediach .snippet {}

.portlet.light.gradient {
    background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(252,252,252,1) 40%, rgba(255,255,255,1) 100%);
    border:1px solid #e0e0e0;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(0,0,0,0.05);
    top:11px
}
.portlet.light.gradient-form {
    background: linear-gradient(to bottom, rgb(225 226 227) 0%, rgba(252, 252, 252, 1) 40%, rgba(255, 255, 255, 1) 100%);
    border:1px solid #e0e0e0;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(0,0,0,0.05);
    top:11px
}

.intro-hero-heading {margin-top:30px; margin-bottom: 30px; line-height: 1.6 !important; font-size:32px; font-family: Spartan, serif}

.intro-hero-item {
    font-size: 20px;
    padding-bottom: 20px;
}

.intro-hero-text {
    margin-top: 20px;
    font-size: 20px;
    font-weight: normal;
    font-family: 'Spartan', serif;
}

.intro-hero-item:first-child .intro-hero-text {
    margin-top: 40px;
}