﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

input,
select,
textarea {
    max-width: 100%;
}

/* Style dla DropDownList - autocomplete */

.tt-input,
.tt-hint {
    width: 396px;
    height: 34px;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
}

.tt-input {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

    .tt-suggestion.tt-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
        color: #fff;
        background-color: #0097cf;
    }

        .tt-suggestion.tt-cursor a {
            color: #fff;
        }

    .tt-suggestion p {
        margin: 0;
    }

    .tt-suggestion:hover {
        cursor: pointer;
        color: #fff;
        background-color: #0097cf;
    }

.bootstrap-select {
    width: 100% \0;
    /*IE9 and below*/
}

.table tbody > tr > td.vert-align {
    vertical-align: middle;
}

.ikona {
    width: 48px;
    height: 48px;
    margin: 0.3rem;
}

.modal-content {
    width: 700px !important;
    margin: 30px auto !important;
}

div.navBulletsWrapper {
    display: none;
}

@media (min-width: 1520px) {
    .container {
        max-width: 1470px;
    }
}

.shortedit {
    width: 400px;
}

.idedit {
    width: 200px;
}

.kwota {
    width: 200px;
    text-align: right;
}

.liczba {
    width: 200px;
    text-align: right;
}

.checkbox {
    display: block;
    min-height: 20px;
    padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary2 {
    color: #fff;
    background-color: #4a75b6;
    border-color: #4a75b6;
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

/*
https://huemint.com/bootstrap-basic/
    "light":      #e4f5f8,
    "dark":       #0074bb,
    "primary":    #1e2c5b,
    "secondary":  #4a75b6,
    "info":       #ec9da1,
    "success":    #30a164,
    "warning":    #e1cb30,
    "danger":     #ed261a,

    "light":      #f9d7d7,
    "dark":       #0b0c0e,
    "primary":    #204b4a,
    "secondary":  #d54d3b,
    "info":       #eb6646,
    "accent1":    #9d0000,
    "accent2":    #f57f88,
    "accent3":    #e1b29e,
    "success":    #00ae4a,
    "warning":    #f0c900,
    "danger":     #f80033,
*/
