/* ============================================================
   CUSTOM OVERRIDES - STYLE Z MY.CSS
   ============================================================ */

/* 1. Import czcionki (wklej to na samej górze pliku, jeśli to możliwe, 
      ale w CSS importy powinny być pierwsze. Jeśli nie zadziała tutaj, 
      przenieś linię @import na sam początek pliku original.css) */
@import url('https://fonts.googleapis.com/css?family=Lato');

/* 2. Globalne ustawienia czcionki i tła */
@font-face {
    font-family: 'Lato', sans-serif;
}
html {
    background-color: #1c2537;
}
body {
    font-family: 'Lato', sans-serif;
    background-color: #1c2537;
    color: #fff;
}

#page-wrapper{
	background-color: #1c2537;
}

/* 3. Nagłówki i tekst */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #fff;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    color: #DDD;
}
.text-muted {
    color: #777;
}

/* 4. Linki */
a {
    color: #2580c3;
}
a:focus, a:hover {
    color: #23527c;
}
.text-primary {
    color: #2580c3;
}
a.text-primary:focus, a.text-primary:hover {
    color: #286090;
}

/* 5. Tła i elementy interfejsu */
.bg-primary {
    color: #1c2537;
    background-color: #2580c3;
}
a.bg-primary:focus, a.bg-primary:hover {
    background-color: #286090;
}
.img-thumbnail {
    background-color: #1c2537;
    border-color: #ddd;
}
legend {
    color: #fff;
}
.form-control {
    color: #fff;
    background-color: #1c2537;
    border: 1px solid #ccc;
}
.well {
    background-color: #f5f5f5;
    color: #000; /* Wymuszenie ciemnego tekstu na jasnym tle well */
}

/* 6. Przyciski (Buttons) */
.btn-default {
    color: #fff;
    background-color: #1c2537;
    border-color: #ccc;
}
.btn-default:hover, .btn-default:focus {
    background-color: #e6e6e6;
    color: #333;
}
.btn-default .badge {
    color: #1c2537;
    background-color: #fff;
}
.btn-primary {
    background-color: #2580c3;
    border-color: #2e6da4;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #286090;
}
.btn-primary .badge {
    color: #2580c3;
    background-color: #1c2537;
}
/* Kolory tekstu w przyciskach kolorowych (success, info, warning, danger) */
.btn-success, .btn-info, .btn-warning, .btn-danger {
    color: #1c2537;
}
.btn-success .badge { color: #5cb85c; background-color: #1c2537; }
.btn-info .badge { color: #5bc0de; background-color: #1c2537; }
.btn-warning .badge { color: #f0ad4e; background-color: #1c2537; }
.btn-danger .badge { color: #d9534f; background-color: #1c2537; }

/* 7. Menu i Nawigacja */
.dropdown-menu {
    background-color: #1c2537;
    border: 1px solid #ccc;
}
.dropdown-menu>li>a {
    color: #fff;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #262626;
    background-color: #f5f5f5;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #1c2537;
    background-color: #2580c3;
}
.navbar{
	background-image: linear-gradient(300deg, #1c2538 0, #131824 100%);
}
.navbar-inverse {
    background-color: #1c2537;
    border-color: #fff;
}
.navbar-inverse .navbar-nav>li>a {
	color: #fff;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #25dd85;
    color: #fff;
}
.top-nav>.open>a, .top-nav>.open>a:focus, .top-nav>.open>a:hover, .top-nav>li>a:focus, .top-nav>li>a:hover {
    color: #1c2537;
    background-color: #000;
}
.top-nav>.open>.dropdown-menu {
    background-color: #1c2537;
}

/* 8. Paginacja */
.pagination>li>a, .pagination>li>span {
    color: #2580c3;
    background-color: #1c2537;
    border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #1c2537;
    background-color: #2580c3;
    border-color: #2580c3;
}
.pager li>a, .pager li>span {
    background-color: #1c2537;
    border: 1px solid #ddd;
}

/* 9. Etykiety i Odznaki */
.label {
    color: #1c2537;
}
.badge {
    color: #1c2537;
    background-color: #777;
}
.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
    color: #2580c3;
    background-color: #1c2537;
}

/* 10. Listy i Panele */
.list-group-item {
    background-color: #1c2537;
    border: 1px solid #ddd;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    color: #1c2537;
    background-color: #2580c3;
    border-color: #2580c3;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: #c7ddef;
}
.panel {
    background-color: #1c2537;
}
.panel-body {
    background-color: #fff;
    color: #000;
}
.panel-primary {
    border-color: #2580c3;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #2580c3;
    border-color: #2580c3;
}
.panel-primary>.panel-heading .badge {
    color: #2580c3;
    background-color: #1c2537;
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #2580c3;
}
.panel-primary>.panel-footer>.pull-left {
    color: #000;
}
.panel-primary>.panel-footer>.pull-right {
    color: #000;
}
.thumbnail {
    background-color: #1c2537;
    border: 1px solid #ddd;
}

/* 11. Paski postępu */
.progress-bar {
    background-color: #2580c3;
    color: #fff;
}

/* 12. Modale i Popovery */
.modal-content {
    background-color: #1c2537;
    border: 1px solid #999;
}
.popover {
    background-color: #1c2537;
}
.popover-title {
    background-color: #f7f7f7;
    color: #333;
}

/* 13. Karuzela */
.carousel-control:focus, .carousel-control:hover {
    color: #1c2537;
}
.carousel-indicators li {
    border: 1px solid #1c2537;
}
.carousel-indicators .active {
    background-color: #1c2537;
}
.carousel-caption {
    color: #1c2537;
}

/* 14. Tabele */
.table .table {
    background-color: #1c2537;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #2d3648;
}
.table-hover>tbody>tr:hover {
    background-color: #25dd85;
}
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #2580c3;
}

/* 15. Side Nav (Pasek boczny) */
@media(min-width:768px) {
    .side-nav {
        background-color: #2580c3;
		background-image: linear-gradient(0deg, #1c2538 0, #131824 100%);
    }
    .side-nav li a:focus, .side-nav li a:hover {
        background-color: #1470b2!important;
    }
}

/* 16. Bootstrap Switch - kolory */
.bootstrap-switch .bootstrap-switch-label {
    color: #fff;
    background: #1c2537;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #1c2537;
    background: #2580c3;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
    color: #1c2537;
}

/* 17. Bootstrap Select - kolory */
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    border-bottom: 6px solid #1c2537;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    border-top: 6px solid #1c2537;
}
.bootstrap-select .dropdown-menu li.active small {
    color: #1c2537!important;
}

/* 18. Inne drobne poprawki */
.required-field-block .required-icon .text,
.required-field-block-spin .required-icon .text {
    color: #1c2537;
}
.affix {
    background-color: #1c2537!important;
    color: #000;
}