.container-fluid {padding-right:40px; padding-left:40px; max-width:1200px}
.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 !important; margin-bottom: 0 !important;}
.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 !important;}
.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 !important;}
.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 !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}

.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;
}



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: #474747;}
.table.table-striped > thead > tr > th {color: #717475}
.table > thead > tr > th {border-bottom-width: 1px}


a {color: #095496}
a.reverse-underline {text-decoration:underline !important}
a.reverse-underline:hover {text-decoration:none !important}

a.no-underline {text-decoration:none !important}
a.no-underline:hover {text-decoration:none !important}

.text-success {color: #44b6ae !important}
#pros-cons-table .text-success {color: #1BBC9B !important}
#pros-cons-table .progress-bar-success {background-color: #1BBC9B !important}
#pros-cons-table .btn-success {background-color: #1BBC9B !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}

.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: 30px;
    left: 0;
    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.6}
.porady ul li {margin-bottom:7px}
.porady h4 {margin:3px 0 15px 0; padding:0}


@media screen and (max-width: 576px) {
    .container-fluid {
        padding-right: 12px;
        padding-left: 12px;
    }
}

@media (max-with:768px) {

    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;}

}

.mt-element-ribbon .ribbon {
    top:11px;
}
.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
}
.ribbon-color-info, .ribbon-color-info .ribbon-sub
{
    background-color: #1974b2 !important;
}

.ribbon-color-success, .ribbon-color-success .ribbon-sub
{
    background-color: #44b6ae !important;
}

.portlet-body p b {font-weight:600}
.porady li.bold {font-weight:600 !important}