@import url(//fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext);

body {
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 16px;
}

h1, h2, h3, h4 {
    margin: 0 0 10px 0;
}

a {
    color: black;
}

a:focus, a:hover {
    color: black;
    text-decoration: none;
}

h1 a {
    color: #333;
}

p.alert.js {
    display: none;
}

.btn {
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 0;
    background-color:#e9e9ed;
}

.btn:hover {
    background-color:#d0d0d7;
}

.btn-kupuje {
    background-color: #fd9a9d;
}

.control-label {
    padding-left: 0;
}

label {
    font-weight: 400;
}

.form-control, .form-control:focus {
    border-radius: 0;
    border: none;
    border-left: 1px solid #fd9a9d;
    box-shadow: none;
}

.divForm {
    padding: 20px 0;
}

.divForm .divField {
    padding-bottom: 3px;
    border-bottom: 1px solid #ddd;
}

.divForm .divFieldCheckbox {
    border-bottom: none;
}

.divForm .divDesc {
    font-size: 0.9em;
    color: gray;
}

.divError > label > div {
    font-size: 13px;
    color: red;
}

div.buttons {
    margin-top: 20px;
}

div.buttons div[style*=right] + input + div[style*=right] {
    margin-right: 15px;
}

div.buttons div[style*=left] + input + div[style*=left] {
    margin-left: 15px;
}

div.buttons .float-right {
    float: right;
}

.mce-content-body {
    padding: 10px 0 30px 10px;
}

.glyph-color {
    color: #c6001c;
}

.glyph-color2 {
    color: #fd9a9d;
}

.cursor-default {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer;
}

/* .navbar */
.navbar-default {
    border: 0;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-top: 10px;
    margin-bottom: 0;
    border-radius: 0;
}

.navbar-default h1 {
    margin: 50px 0 0 200px;
    font-size: 40px;
    color: #666666;
}

.navbar-brand {
    text-indent: -6000px;
    width: 175px;
    height: 120px;
    background-repeat: no-repeat;
}

.navbar-default .navbar-nav > li {
    display: inline-block;
}

.navbar-default .navbar-nav > li > a {
    width: 100px;
    padding: 0;
    border: 1px solid #ddd;
    font-size: 11px;
    color: black;
    text-transform: uppercase;
    text-align: center;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color: #eeeeee;
}

.navbar-default .navbar-nav > li {
    margin-right: 10px;
}

.navbar-default .navbar-nav > li:last-child {
    margin-right: 0;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
}

/* #block-basket */
#block-basket {
    padding: 2px 0 4px 0;
}

#block-basket * {
    display: inline-block;
}

#block-basket .glyphicon {
    margin-right: 8px;
}

#block-basket strong {
    margin-right: 3px;
}

#block-basket span + strong {
    margin-left: 5px;
}

#block-basket span + .glyphicon {
    margin-left: 8px;
}

#langs {
    float: right;
}

#langs a {
    font-size: 0.8em;
    font-weight: bold;
    color: black;
}

#langs a.sel {
    color: #c6001c;
}

#langs a + a {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ddd;
}

/* .messages */
.message {
    margin-top: 20px;
}

/* .main-content */
.main-content {
    margin: 20px 0;
}

/* .wydarzenia */
.wydarzenia .grupa-wydarzen {
    padding: 10px 0;
    font-size: 30px;
    color: #ff9999;
    text-transform: uppercase;
}

.wydarzenia .wydarzenie {
    margin-bottom: 20px;
    padding: 0;
    background-color: #eeeeee;
    cursor: pointer;
}

.wydarzenia .wydarzenie .wydarzenie-header {
    padding: 3px 0;
    text-transform: uppercase;
    text-align: center;
}

.wydarzenia .wydarzenie0 .wydarzenie-header {
    font-size: 1.4em;
}

.wydarzenia .wydarzenie div.wydarzenie-image {
    height: 200px;
    background-position: center center;
    background-size: cover;
}

/*.wydarzenia .wydarzenie0 div.wydarzenie-image {*/
/*    height: 265px;*/
/*}*/

.wydarzenia .wydarzenie0 img.wydarzenie-image {
    max-width: 100%;
}

/* .calendar-container */
.calendar-container > div.calendar {
    display: block;
    text-align: center;
}

.calendar-container > div.calendar > table.calendar {
    width: 100%;
    margin: 0 auto;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 10px;
}

.calendar-container table.calendar thead tr th, .calendar-container table.calendar tbody tr td {
    text-align: center;
    padding: 5px 0;
}

.calendar-container table.calendar tbody tr td a {
    color: black;
}

.calendar-container table.calendar thead tr th {
    text-transform: uppercase;
    font-weight: bold;
}

.calendar-legenda {
    margin-top: 10px;
    font-size: 0.8em;
}

.calendar-legenda span {
    display: inline-block;
    width: 20px;
    text-align: center;
    vertical-align: middle;
}

.niemozliwa:not(:empty) {
    background: #eeeeee;
    color: silver !important;
}

.niemozliwa a {
    color: silver !important;
    cursor: default;
}

.zajete {
    background: #eeeeee;
}

.zajete a {
    cursor: default;
}

.dostepne {
    background: rgb(50, 129, 166);
    color: fff;
}

.dostepne a {
    color: #fff !important;
}

.wybrany {
    background: #ca2c20;
}

.wybrany a {
    cursor: default;
    color: #fff !important;
}

.bezplatny {
    background: #ab7cd0;
}

/* .terminy */
.terminy .lista {
    margin: 20px 15px 0 15px;
}

.terminy .lista .termin + .termin {
    margin-top: 10px;
}

.terminy .lista .termin .data {
    padding: 0 10px 10px 0;
    text-align: center;
}

.terminy .lista .termin .data .dzien {
    padding: 10px;
    background-color: rgb(50, 129, 166);
    color: #fff;
    text-align: center;
    line-height: 1;
}

.terminy .lista .termin .data .dzien span {
    font-size: 0.8em;
    color: white;
    text-align: center;
}

.terminy .lista .termin .info {
    padding: 10px;
    border: 1px solid silver;
}

.terminy .lista .termin .info img {
    float: left;
    margin-right: 5px;
}

.terminy .lista .termin .info span {
    font-size: 12px;
    color: gray;
}

.terminy .lista .termin .info .btn, #karnety .btn {
    float: right;
    clear: right;
    width: 135px;
    margin-left: 10px;
    padding-left: 0;
    padding-right: 0;
    background-color: rgb(50, 129, 166);
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.terminy .lista .termin .info .btn-disabled {
    display: inline-block;
    background-color: gray;
    font-size: 12px;
    color: black;
}

.terminy .lista .termin .info .btn + .btn {
    margin-top: 2px;
}

.terminy .lista .termin .info .opis {
    clear: both;
    padding-top: 5px;
    font-size: 0.9em;
}

/* #page-miejsca */
#page-miejsca .divPozycjaCennikaHdr {
    padding-top: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

#page-miejsca .divPozycjaCennika {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #ccc;
}

#page-miejsca .divPozycjaCennikaHdr .cena, #page-miejsca .divPozycjaCennika .cena, #page-miejsca .divPozycjaCennikaHdr .wartosc, #page-miejsca .divPozycjaCennika .wartosc {
    text-align: right;
}

#page-miejsca .divPozycjaCennika .ilosc {
    text-align: center;
}

#page-miejsca .divPozycjaCennika .ilosc span.glyphicon {
    cursor: pointer;
}

#page-miejsca .divPozycjaCennika .ilosc .form-control {
    width: 30px;
    padding: 6px 1px;
    text-align: center;
    display: inline-block;
    margin: -5px 3px 0 3px;
}

#page-miejsca .divPozycjaCennika + input + .opis {
    font-size: 0.7em;
    color: silver;
    display: none;
}

/* #page-koszyk */
#page-koszyk #page-koszyk-kontrahent {
    margin-bottom: 20px;
}

#page-koszyk h3 {
    margin-top: 25px;
}

#page-koszyk h4 {
    margin-top: 20px;
}

#page-koszyk h5 {
    color: gray;
}

#page-koszyk table thead th {
    text-transform: uppercase;
    text-align: left;
}

#page-koszyk table.table {
    margin-bottom: 0;
}

#page-koszyk .cena, #page-koszyk .ilosc, #page-koszyk .wartosc, #page-koszyk .usun {
    text-align: right;
}

#page-koszyk #faktura {
    margin-top: 20px;
}

#page-koszyk #faktura_klienci {
    margin-left: 20px;
}

#page-koszyk #faktura_klienci .kontrahent {
    float: left;
    height: 130px;
    min-width: 150px;
    margin-right: 20px;
    cursor: pointer;
    overflow: hidden;
}

#page-koszyk #faktura_klienci .kontrahent:hover {
    background: #e5e5e5;
}

#page-koszyk #faktura_klienci .kontrahent.selected {
    background: #d5d5d5;
    border-color: #a3a3a3;
}

#page-koszyk #faktura_klienci .kontrahent.inne_dane {
    text-align: center;
    padding: 45px 19px;
    font-size: 1.5em;
}

#page-koszyk #koszyk_wartosc {
    padding: 20px 0;
}

#page-koszyk #koszyk_rabaty {
    padding: 15px 0;
    color: red;
}

/* #page-towary */
#page-towary .towar {
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px 5px;
    margin-bottom: 15px;
}

#page-towary .towar-zdjecie img {
    margin-bottom: 10px;
    max-width: 100%;
}

#page-towary .towar .promo {
    font-weight: bold;
    color: #962825;
}

@media (max-width: 479px) {
    #page-towary > .row > div {
        float: none;
        width: auto;
    }
}

#szczegoly-towaru #towar_dokoszyka_liczba {
    width: 4em;
    display: inline-block;
}

#szczegoly-towaru .cena {
    font-size: 17px;
}

#opis-towaru {
    padding-top: 15px;;
}

.cena .promocja {
    color: #962825;
}

.cena .standard {
    text-decoration: line-through;
}

img#bigpix {
    max-width: 100%;
}

.zdjecia_mini {
    width: 100%;
}

.zdjecia_mini * {
    display: inline-block;
}

.zdjecia_mini .zdjecie_mini {
    padding: 2px;
}

.zdjecia_mini img {
    max-width: 75px;
}

.list-group-item {
    border-radius: 0 !important;
}

.list-group-item.active, .list-group-item.active:hover {
    background-color: #e6e6e6;
    border-color: #ddd;
}

/* #loading */
#loading {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 250px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    text-align: center;
    z-index: 100;
}

/* footer */
footer {
    background: #f4f4f4;
    padding: 10px;
    color: rgb(51, 51, 51);
    border-bottom: 1px solid #e9e9e9;
}

footer div.container {
    text-align: center;
}

footer div.container img {
    height: 60px;
}

footer + div.container {
    padding: 20px 0;
    font-size: 13px;
    color: silver;
}

footer + div.container a {
    color: silver;
}

.calendar-link {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.szczepienia-btns {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    margin-bottom: 20px;
}

.invalid-feedback {
    color: #ff6868;
    font-size: smaller;
}

.deklaracja-szczepien-tabela {
    margin-top: 30px;
}

.deklaracja-szczepien-tabela tbody {
    border-bottom: 1px solid lightgray;
}

.deklaracja-szczepien-tabela tr td.termin-col {
    width: 30%;
    vertical-align: middle;
}

.szczepienie-naglowek {
    margin-top: 20px;
}

.main-content {
    min-height: 500px;
}

.karnety-definicje-wrapper {
    margin-top: 50px;
}

.karnet-definicja-row {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    align-items: center;
    display: flex;
}

.karnet-definicja-row-item {
    display: inline-flex;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.justify-content-end {
    justify-content: end;
}

.karnety-definicja-info {
    font-size: smaller;
    color: #6c757d;
}

.fw-bolder {
    font-weight: bolder;
}

.divForm .captcha-wrapper .divField {
    border-bottom: 0;
    padding-bottom: 20px;
    padding-top: 15px;
}
.d-block{
    display: block;
}