/* FONTY.PL — przyciski, formularze, listy, panele i tabele.
   Kolory i warianty projektu są w fonty-theme.css. */

/* Przyciski */
.btn {
    display: inline-block; padding: 6px 12px; margin-bottom: 0;
    font-size: 14px; font-weight: 400; line-height: 1.42857143;
    text-align: center; white-space: nowrap; vertical-align: middle;
    touch-action: manipulation; cursor: pointer; user-select: none;
    background-image: none; border: 1px solid transparent; border-radius: 4px;
}
.btn:hover, .btn:focus { color: #333; text-decoration: none; }
.btn:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

/* Formularze */
.form-group { margin-bottom: 15px; }
.form-control {
    display: block; width: 100%; height: 34px; padding: 6px 12px;
    font-size: 14px; line-height: 1.42857143; color: #555;
    background: #fff; border: 1px solid #ccc; border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control:focus {
    border-color: #66afe9; outline: 0;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%), 0 0 8px rgb(102 175 233 / 60%);
}
.form-control::placeholder { color: #999; opacity: 1; }
.form-control:disabled, .form-control[readonly] { background-color: #eee; opacity: 1; }
.form-control:disabled { cursor: not-allowed; }
textarea.form-control { height: auto; }
.input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
select.input-lg { height: 46px; line-height: 46px; }
select[multiple].input-lg, textarea.input-lg { height: auto; }
.checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; }
.checkbox input[type="checkbox"] { position: absolute; margin-left: -20px; }
.checkbox + .checkbox { margin-top: -5px; }

@media (min-width: 768px) {
    .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
    .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
    .form-inline .input-group { display: inline-table; vertical-align: middle; }
    .form-inline .input-group .form-control, .form-inline .input-group .input-group-btn { width: auto; }
    .form-inline .input-group > .form-control { width: 100%; }
}

/* Grupy wyboru licencji w starszych formularzach */
.input-group { position: relative; display: table; border-collapse: separate; }
.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: table-cell; }
.input-group .form-control:focus { z-index: 3; }
.input-group-btn { display: table-cell; position: relative; width: 1%; font-size: 0; white-space: nowrap; vertical-align: middle; }
.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
.input-group .form-control:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group .form-control:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group-btn > .btn { position: relative; }
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; }
.input-group-btn:last-child > .btn { z-index: 2; margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group-btn:first-child > .btn { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; }


/* Menu boczne i listy */
.list-group { padding-left: 0; margin-bottom: 20px; }
.list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background: #fff; border: 1px solid #ddd; }
a.list-group-item { color: #555; }
a.list-group-item:hover, a.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; }

/* Panele — wymiary z rzeczywistego, modyfikowanego arkusza fonty.pl */
.panel { margin-bottom: 20px; background: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgb(0 0 0 / 5%); }
.panel-heading { padding: 10px 20px; border-bottom: 0 solid transparent; border-top-left-radius: 0; border-top-right-radius: 20px; }
.panel-footer { padding: 15px 20px; background: #f2f4f6; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; }
.panel > .table-responsive { margin-bottom: 0; border: 0; }

/* Tabele danych i koszyk */
.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.table > thead > tr > th, .table > thead > tr > td,
.table > tbody > tr > th, .table > tbody > tr > td,
.table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;
}
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; }
.table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > tbody + tbody { border-top: 2px solid #ddd; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f2f4f6; }
.table-responsive { min-height: .01%; overflow-x: auto; }
@media (max-width: 767px) {
    .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; border: 1px solid #ddd; }
    .table-responsive > .table { margin-bottom: 0; }
    .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
}

.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
.alert-info { color: #31708f; background: #d9edf7; border-color: #bce8f1; }
.alert > p, .alert > ul { margin-bottom: 0; }
.alert > p + p { margin-top: 5px; }